@feedmepos/mf-menu-portal 1.0.4-dev.3 → 1.0.4

package/dist/Publish-Dkjnls7p.js

@@ -0,0 +1,1337 @@
+import { defineComponent as oe, openBlock as s, createElementBlock as b, createElementVNode as n, normalizeStyle as fl, normalizeClass as ze, computed as v, h as A, onUnmounted as de, resolveComponent as _, Fragment as j, createVNode as u, withCtx as k, unref as a, renderList as ne, createBlock as y, toDisplayString as i, createCommentVNode as $, ref as Ie, shallowRef as re, watch as Be, mergeProps as yl, withModifiers as Oe, createSlots as kl } from "vue";
+import { useRouter as wl } from "vue-router";
+import { useI18n as Se } from "@feedmepos/mf-common";
+import { useDialog as xl, useBreakpoints as Cl, components as se } from "@feedmepos/ui-library";
+import { _ as Ke } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Fl } from "./app-C_XNYz8_.js";
+import { _ as Il } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { b as $e, u as me, a as Sl } from "./provide-Bwf3KcOV.js";
+import { u as $l } from "./useActionFeedback-CXx7dOVc.js";
+const Pl = ["aria-valuenow"], Al = /* @__PURE__ */ oe({
+  __name: "ProgressBar",
+  props: {
+    percent: {},
+    variant: { default: "neutral" }
+  },
+  setup(G) {
+    const d = G, t = {
+      neutral: "bg-fm-color-neutral-gray-200",
+      warning: "bg-fm-color-system-warning-300",
+      success: "bg-fm-color-system-success-300",
+      error: "bg-fm-color-system-error-300"
+    };
+    return (V, w) => (s(), b("div", {
+      class: "h-4 w-full overflow-hidden fm-corner-radius-md bg-fm-color-neutral-gray-100",
+      role: "progressbar",
+      "aria-valuenow": Math.min(100, Math.max(0, d.percent)),
+      "aria-valuemin": "0",
+      "aria-valuemax": "100"
+    }, [
+      n("div", {
+        class: ze(["h-full fm-corner-radius-md", t[d.variant]]),
+        style: fl({ width: `${Math.min(100, Math.max(0, d.percent))}%` })
+      }, null, 6)
+    ], 8, Pl));
+  }
+}), je = {
+  PENDING: "text-fm-color-neutral-gray-300",
+  RUNNING: "text-fm-color-system-warning-300",
+  COMPLETED: "text-fm-color-system-success-300",
+  FAILED: "text-fm-color-system-error-300"
+}, Ml = {
+  PENDING: "neutral",
+  RUNNING: "warning",
+  COMPLETED: "success",
+  FAILED: "error"
+}, ce = {
+  PENDING: "menu.publish.scheduler_publish.status.pending",
+  RUNNING: "menu.publish.scheduler_publish.status.running",
+  COMPLETED: "menu.publish.scheduler_publish.status.completed",
+  FAILED: "menu.publish.scheduler_publish.status.failed"
+}, Ll = [
+  "PENDING",
+  "RUNNING",
+  "COMPLETED",
+  "FAILED"
+], Vl = { class: "flex w-full items-center justify-between gap-8 pb-16" }, Nl = { class: "min-w-0 flex-1" }, Tl = { class: "fm-typo-en-body-md-600 select-none overflow-hidden text-ellipsis whitespace-nowrap text-fm-color-neutral-gray-400" }, Dl = { key: 0 }, Rl = {
+  key: 1,
+  class: "text-fm-color-neutral-gray-200"
+}, Ul = {
+  key: 0,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, El = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  role: "status"
+}, Bl = /* @__PURE__ */ oe({
+  __name: "PublishScheduleDetails",
+  props: {
+    session: {}
+  },
+  setup(G) {
+    const d = G, { t, d: V, locale: w } = Se(), Q = $e(), F = me(d.session), h = v(
+      () => F.value.status === "ready" ? F.value.value : null
+    ), R = v(() => {
+      var r;
+      return [...((r = h.value) == null ? void 0 : r.rows) ?? []];
+    }), N = v(
+      () => Ll.map((r) => ({
+        label: t(ce[r]),
+        value: r
+      }))
+    ), q = v(() => {
+      var r;
+      return [...((r = h.value) == null ? void 0 : r.statusFilter) ?? []];
+    });
+    function C(r) {
+      return new Intl.ListFormat(w.value, {
+        style: "long",
+        type: "conjunction"
+      }).format(r);
+    }
+    const P = v({
+      get: () => {
+        var I;
+        const r = ((I = h.value) == null ? void 0 : I.restaurantFilter) ?? [];
+        return r.length > 0 ? [...r] : null;
+      },
+      set: (r) => d.session.setRestaurantFilter(r ?? [])
+    }), p = v(() => {
+      var I;
+      if (P.value === null)
+        return t("menu.publish.scheduler_publish.selector.restaurant.all");
+      const r = new Map(
+        (((I = h.value) == null ? void 0 : I.restaurantOptions) ?? []).map((T) => [
+          T.restaurantId,
+          T.name ?? t("menu.common.labels.unknown")
+        ])
+      );
+      return C(
+        P.value.map((T) => r.get(T)).filter((T) => T !== void 0)
+      );
+    }), pe = v(
+      () => C(
+        q.value.map(
+          (r) => t(ce[r])
+        )
+      )
+    );
+    function be(r) {
+      return P.value === null || P.value.includes(r);
+    }
+    function he(r) {
+      return r ? V(new Date(r), {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        hour12: !0,
+        minute: "2-digit",
+        second: "2-digit"
+      }) : "";
+    }
+    const J = v(() => [
+      {
+        accessorKey: "restaurantName",
+        header: () => t(
+          "menu.publish.scheduler_publish.restaurant_publish_details.table.column.restaurant"
+        ),
+        size: 600,
+        cell: (r) => r.getValue() ?? t("menu.common.labels.unknown")
+      },
+      {
+        id: "status",
+        accessorKey: "status",
+        header: () => t(
+          "menu.publish.scheduler_publish.restaurant_publish_details.table.column.status"
+        ),
+        cell: (r) => {
+          const I = r.getValue();
+          return A(
+            "p",
+            { class: je[I] },
+            t(ce[I])
+          );
+        }
+      },
+      {
+        accessorKey: "publishedAt",
+        header: () => t(
+          "menu.publish.scheduler_publish.restaurant_publish_details.table.column.published_at"
+        ),
+        cell: (r) => A(
+          "p",
+          { class: "whitespace-nowrap" },
+          he(r.getValue())
+        )
+      }
+    ]);
+    return de(() => d.session.dispose()), (r, I) => {
+      const T = _("FmIcon"), ve = _("FmChip"), U = _("FmMenuItem"), W = _("FmMenu"), _e = _("FmSelect"), X = _("FmCircularProgress"), H = _("FmTable");
+      return s(), b(j, null, [
+        n("div", Vl, [
+          n("div", Nl, [
+            u(W, {
+              "close-on-click": !1,
+              width: 360
+            }, {
+              "menu-button": k(() => [
+                u(ve, null, {
+                  default: k(() => [
+                    u(T, {
+                      color: "neutral-gray-400",
+                      name: "storefront",
+                      outline: "",
+                      size: "sm"
+                    }),
+                    n("div", Tl, i(p.value), 1),
+                    u(T, {
+                      color: "neutral-gray-400",
+                      name: "keyboard_arrow_down",
+                      outline: "",
+                      size: "sm"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: k(() => {
+                var M;
+                return [
+                  u(U, {
+                    "has-checkbox": "",
+                    label: a(t)("menu.publish.scheduler_publish.selector.restaurant.all"),
+                    "model-value": P.value === null,
+                    onClick: I[0] || (I[0] = (S) => d.session.selectAllRestaurants())
+                  }, null, 8, ["label", "model-value"]),
+                  (s(!0), b(j, null, ne(((M = h.value) == null ? void 0 : M.restaurantOptions) ?? [], (S) => (s(), y(U, {
+                    key: S.restaurantId,
+                    "has-checkbox": "",
+                    label: S.name ?? a(t)("menu.common.labels.unknown"),
+                    "model-value": be(S.restaurantId),
+                    onClick: (L) => d.session.toggleRestaurant(S.restaurantId)
+                  }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          u(_e, {
+            class: "min-w-[200px] flex-shrink-0",
+            "aria-label": a(t)(
+              "menu.publish.scheduler_publish.restaurant_publish_details.table.column.status"
+            ),
+            "hide-chips": "",
+            items: N.value,
+            "model-value": q.value,
+            multiselect: "",
+            "onUpdate:modelValue": I[1] || (I[1] = (M) => d.session.setStatusFilter(M ?? []))
+          }, {
+            default: k(() => [
+              q.value.length > 0 ? (s(), b("div", Dl, i(pe.value), 1)) : (s(), b("div", Rl, i(a(t)(
+                "menu.publish.scheduler_publish.restaurant_publish_details.select_publish_status"
+              )), 1))
+            ]),
+            _: 1
+          }, 8, ["aria-label", "items", "model-value"])
+        ]),
+        a(F).status === "error" ? (s(), b("p", Ul, i(a(Q)(a(F).error.message)), 1)) : a(F).status === "unavailable" ? (s(), b("p", El, i(a(Q)(a(F).reason)), 1)) : a(F).status === "loading" ? (s(), y(X, { key: 2 })) : h.value && h.value.rows.length > 0 ? (s(), y(H, {
+          key: 3,
+          class: "flex-1 overflow-hidden",
+          "column-defs": J.value,
+          "hide-footer": "",
+          "page-size": h.value.rows.length,
+          "pin-header-row": "",
+          "row-data": R.value,
+          "shrink-at": !1
+        }, null, 8, ["column-defs", "page-size", "row-data"])) : h.value ? (s(), y(a(Ke), {
+          key: 4,
+          subtitle: "",
+          title: a(t)(
+            "menu.publish.scheduler_publish.restaurant_publish_details.no_publish_status"
+          )
+        }, null, 8, ["title"])) : $("", !0)
+      ], 64);
+    };
+  }
+}), Ol = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, zl = {
+  key: 2,
+  class: "space-y-16"
+}, Kl = { class: "text-fm-color-typo-secondary" }, jl = { class: "space-y-4" }, Gl = { class: "space-y-4" }, Hl = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ql = { class: "fm-typo-en-body-lg-600" }, Jl = { class: "space-y-4" }, Wl = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Xl = { class: "fm-typo-en-body-lg-600" }, Yl = { class: "space-y-4" }, Ql = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Zl = { class: "fm-typo-en-body-lg-600" }, et = { class: "space-y-4" }, lt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, tt = { class: "fm-typo-en-body-lg-600" }, at = { class: "space-y-4" }, st = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, nt = { class: "fm-typo-en-body-lg-600" }, ot = { class: "space-y-4" }, ut = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, it = { class: "fm-typo-en-body-lg-600" }, rt = /* @__PURE__ */ oe({
+  __name: "PublishRevertPreview",
+  props: {
+    session: {}
+  },
+  setup(G) {
+    const d = G, { d: t, locale: V, t: w } = Se(), Q = $e(), F = me(d.session), h = v(
+      () => F.value.status === "ready" ? F.value.value : null
+    );
+    function R(C) {
+      return C === null ? w("menu.publish.labels.none") : C.kind === "default" ? w("menu.publish.labels.catalog.main") : C.kind === "missing" ? w("menu.publish.labels.catalog.invalid") : C.name;
+    }
+    function N(C) {
+      return C ? t(new Date(C), {
+        year: "2-digit",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: !0
+      }) : w("menu.publish.labels.none");
+    }
+    function q(C) {
+      return C.length === 0 ? w("menu.publish.labels.none") : new Intl.ListFormat(V.value, {
+        style: "long",
+        type: "conjunction"
+      }).format(C.map(R));
+    }
+    return de(() => d.session.dispose()), (C, P) => {
+      const p = _("FmCircularProgress");
+      return a(F).status === "loading" ? (s(), y(p, { key: 0 })) : a(F).status === "error" ? (s(), b("p", Ol, i(a(Q)(a(F).error.message)), 1)) : h.value ? (s(), b("div", zl, [
+        n("p", Kl, i(a(w)("menu.revert.description", { name: h.value.restaurantName })), 1),
+        n("dl", jl, [
+          n("div", Gl, [
+            n("dt", Hl, i(a(w)("menu.revert.labels.restaurant")), 1),
+            n("dd", ql, i(h.value.restaurantName), 1)
+          ]),
+          n("div", Jl, [
+            n("dt", Wl, i(a(w)("menu.revert.labels.revert_to")), 1),
+            n("dd", Xl, i(N(h.value.publishedAt)), 1)
+          ]),
+          n("div", Yl, [
+            n("dt", Ql, i(a(w)("menu.revert.labels.default")), 1),
+            n("dd", Zl, i(R(h.value.defaultCatalog)), 1)
+          ]),
+          n("div", et, [
+            n("dt", lt, i(a(w)("menu.revert.labels.pos_takeaway")), 1),
+            n("dd", tt, i(R(h.value.takeawayCatalog)), 1)
+          ]),
+          n("div", at, [
+            n("dt", st, i(a(w)("menu.revert.labels.pickup")), 1),
+            n("dd", nt, i(R(h.value.pickupCatalog)), 1)
+          ]),
+          n("div", ot, [
+            n("dt", ut, i(a(w)("menu.revert.labels.additional_catalogs")), 1),
+            n("dd", it, i(q(h.value.additionalCatalogs)), 1)
+          ])
+        ])
+      ])) : $("", !0);
+    };
+  }
+}), ct = {
+  key: 0,
+  class: "ml-8 flex flex-1 items-center gap-16"
+}, dt = {
+  key: 0,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, mt = {
+  key: 1,
+  "data-menu-state": "unavailable",
+  class: "text-fm-color-typo-secondary"
+}, pt = { class: "mb-8 flex items-center justify-between gap-8 xs:flex-wrap xs:px-16 xs:pt-8" }, bt = { class: "fm-typo-en-body-md-600 select-none overflow-hidden text-ellipsis whitespace-nowrap text-fm-color-neutral-gray-400" }, ht = { class: "ml-auto w-[280px] xs:ml-0 xs:w-full" }, vt = { class: "min-w-0 grow flex flex-col gap-4" }, _t = { class: "flex gap-8 items-center" }, gt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, ft = { class: "space-y-4" }, yt = { class: "fm-typo-en-body-lg-600 break-words" }, kt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, wt = { class: "flex shrink-0 gap-8" }, xt = {
+  key: 3,
+  class: "fixed right-16 bottom-[72px] z-[100]"
+}, Ct = { class: "flex items-center gap-24" }, Ft = { class: "fm-typo-en-title-md-600" }, It = {
+  key: 0,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, St = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  role: "status"
+}, $t = {
+  key: 5,
+  class: "bg-fm-color-neutral-gray-100"
+}, Pt = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, At = {
+  key: 2,
+  class: "text-fm-color-typo-secondary",
+  role: "status"
+}, Mt = { class: "grid grid-cols-[164px_163px_163px_1fr] items-center px-16 py-4" }, Lt = { class: "flex justify-end gap-8" }, Vt = {
+  key: 0,
+  class: "flex gap-8 px-16 pb-12"
+}, Nt = { class: "fm-typo-en-title-md-600" }, Tt = { class: "mt-40" }, Dt = { class: "fm-typo-en-title-sm-600" }, Rt = { class: "fm-typo-en-body-md-400 mb-8 mt-4 text-fm-color-typo-secondary" }, Ut = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, Et = {
+  key: 2,
+  class: "text-fm-color-typo-secondary",
+  role: "status"
+}, Bt = { class: "flex items-center justify-start gap-8" }, Ot = /* @__PURE__ */ oe({
+  __name: "PublishList",
+  props: {
+    sdk: {}
+  },
+  setup(G) {
+    const d = G, { t, n: V, d: w, locale: Q } = Se(), F = wl(), h = $e(), R = xl(), { run: N } = $l(), { breakpoints: q } = Cl(), C = v(() => q.value.xs), P = me(
+      d.sdk.publish.restaurants
+    ), p = v(
+      () => P.value.status === "ready" ? P.value.value : null
+    ), pe = v(() => {
+      var e;
+      return [...((e = p.value) == null ? void 0 : e.rows) ?? []];
+    }), be = v(
+      () => {
+        var e;
+        return ((e = p.value) == null ? void 0 : e.selectedRestaurantIds) ?? [];
+      }
+    ), he = v(
+      () => Object.fromEntries(
+        be.value.map((e) => [e, !0])
+      )
+    ), J = v(() => {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.restaurantFilter) ?? [];
+    }), r = v(() => {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.statusFilter) ?? [];
+    }), I = [
+      "latest",
+      "outdated",
+      "publishing",
+      "queued"
+    ];
+    function T(e) {
+      return new Intl.ListFormat(Q.value, {
+        style: "long",
+        type: "conjunction"
+      }).format(e);
+    }
+    const ve = v(() => {
+      var l;
+      if (J.value.length === 0)
+        return t("menu.publish.scheduler_publish.selector.restaurant.all");
+      const e = new Map(
+        (((l = p.value) == null ? void 0 : l.restaurantOptions) ?? []).map((c) => [
+          c.restaurantId,
+          c.name
+        ])
+      );
+      return T(
+        J.value.map((c) => e.get(c)).filter((c) => c !== void 0)
+      );
+    }), U = me(
+      d.sdk.publish.progress
+    ), W = v(
+      () => U.value.status === "ready" ? U.value.value : null
+    ), _e = v(() => {
+      var e;
+      return [...((e = W.value) == null ? void 0 : e.rows) ?? []];
+    }), X = Ie(!1), H = Ie(!1), M = Ie(!1), S = re(null), L = re(null);
+    let le = null;
+    function Ge(e) {
+      return e ? w(new Date(e), {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+        hour12: !0
+      }) : "";
+    }
+    function ge(e) {
+      return e ? w(new Date(e), {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: !0
+      }) : "";
+    }
+    function He() {
+      var e, l;
+      return ((l = (e = E.value) == null ? void 0 : e.scheduledAt) == null ? void 0 : l.split("T")[0]) ?? null;
+    }
+    function qe(e) {
+      const l = e == null ? void 0 : e.inputEl;
+      l instanceof HTMLInputElement && l.setAttribute(
+        "aria-label",
+        t("menu.publish.scheduler_publish.selector.date_time")
+      );
+    }
+    function Je() {
+      var l;
+      const e = (l = E.value) == null ? void 0 : l.scheduledAt;
+      return e ? w(new Date(e), {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: !0
+      }) : "";
+    }
+    const We = v(
+      () => {
+        var e;
+        return ((e = E.value) == null ? void 0 : e.scheduledAt) !== null;
+      }
+    );
+    function Xe(e) {
+      var c, g, m;
+      const l = ((g = (c = E.value) == null ? void 0 : c.scheduledAt) == null ? void 0 : g.split("T")[1]) ?? "00:00";
+      (m = S.value) == null || m.setScheduledAt(`${e}T${l}`);
+    }
+    function fe(e) {
+      var c, g;
+      const l = ((g = (c = E.value) == null ? void 0 : c.scheduledAt) == null ? void 0 : g.split("T")[1]) ?? "00:00";
+      return e === "minute" ? l.slice(3, 5) : l.slice(0, 2) === "00" ? "12" : l.slice(0, 2);
+    }
+    function Pe(e, l) {
+      var Y, ee, ae;
+      const c = (Y = E.value) == null ? void 0 : Y.scheduledAt, g = c == null ? void 0 : c.split("T")[0];
+      if (!g) return;
+      const m = ((ee = c == null ? void 0 : c.split("T")[1]) == null ? void 0 : ee.slice(0, 2)) ?? "00", O = e === "hour" ? l === "12" ? "00" : l : m, K = e === "minute" ? l : fe("minute");
+      (ae = S.value) == null || ae.setScheduledAt(`${g}T${O}:${K}`);
+    }
+    const Ye = v(
+      () => {
+        var e;
+        return t("menu.publish.labels.main_version", {
+          version: ge((e = p.value) == null ? void 0 : e.mainVersionAt)
+        });
+      }
+    );
+    function Z(e) {
+      switch (e.kind) {
+        case "named":
+          return e.name;
+        case "missing":
+          return t("menu.publish.labels.catalog.invalid");
+        case "default":
+          return t("menu.publish.labels.catalog.main");
+      }
+    }
+    async function Qe() {
+      var e;
+      ((e = p.value) == null ? void 0 : e.refresh.state) === "allowed" && await N(() => d.sdk.publish.refresh(), {
+        loadingMessage: t("menu.common.loading")
+      });
+    }
+    function Ze(e) {
+      d.sdk.publish.search(e);
+    }
+    function el() {
+      F.hasRoute("$settings-my-business") && F.push({ name: "$settings-my-business" });
+    }
+    function ll(e) {
+      return J.value.length === 0 || J.value.includes(e);
+    }
+    function tl(e) {
+      d.sdk.publish.setStatusFilter(e);
+    }
+    function al(e) {
+      tl(
+        r.value.includes(e) ? r.value.filter((l) => l !== e) : [...r.value, e]
+      );
+    }
+    function sl(e) {
+      d.sdk.publish.setSelectedRestaurants(
+        Object.entries(e).filter(([, l]) => l).map(([l]) => l)
+      );
+    }
+    async function Ae() {
+      await N(() => d.sdk.publish.publish(), {
+        loadingMessage: t("menu.common.loading"),
+        successMessage: (e) => {
+          var l;
+          return e.restaurantIds.length === ((l = p.value) == null ? void 0 : l.totalCount) ? t("menu.publish.actions.snackbar.published_all") : t("menu.publish.actions.snackbar.published", {
+            count: V(e.restaurantIds.length)
+          });
+        }
+      });
+    }
+    function Me(e) {
+      N(() => d.sdk.publish.publishOne(e.restaurantId), {
+        loadingMessage: t("menu.publish.actions.snackbar.restaurant_publishing", {
+          name: e.restaurantName
+        }),
+        successMessage: t("menu.publish.actions.snackbar.restaurant_published", {
+          name: e.restaurantName
+        })
+      });
+    }
+    function Le(e) {
+      if (e.revert.state !== "allowed") return;
+      const l = d.sdk.publish.revertPreview(e.restaurantId);
+      R.open({
+        title: t("menu.revert.title"),
+        contentComponent: rt,
+        contentComponentProps: { session: l },
+        primaryActions: {
+          text: t("menu.revert.action"),
+          close: !0
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(
+        () => N(() => d.sdk.publish.revert(e.restaurantId), {
+          loadingTitle: t("menu.publish.actions.snackbar.reverting", {
+            name: e.restaurantName
+          }),
+          successMessage: t("menu.publish.actions.snackbar.reverted")
+        })
+      );
+    }
+    function nl() {
+      ye();
+      const e = d.sdk.publish.scheduleEditor();
+      S.value = e, L.value = e.get(), le = e.subscribe((l) => {
+        L.value = l;
+      }), M.value = !0;
+    }
+    function ye() {
+      var e;
+      le == null || le(), le = null, (e = S.value) == null || e.dispose(), S.value = null, L.value = null;
+    }
+    const E = v(
+      () => {
+        var e;
+        return ((e = L.value) == null ? void 0 : e.status) === "ready" ? L.value.value : null;
+      }
+    );
+    async function ol() {
+      var c;
+      if (!S.value) return;
+      const e = ((c = E.value) == null ? void 0 : c.restaurantIds.length) ?? 0;
+      (await N(() => S.value.submit(), {
+        loadingMessage: t("menu.common.loading"),
+        successMessage: t("menu.publish.actions.snackbar.scheduled", {
+          count: V(e)
+        }),
+        // `submit()` switches its capability to disabled synchronously only
+        // after accepting a write. Local composite validation stays allowed,
+        // so it gets the legacy immediate error toast without a spinner.
+        showLoading: () => {
+          var m;
+          const g = (m = S.value) == null ? void 0 : m.get();
+          return (g == null ? void 0 : g.status) === "ready" && g.value.submit.state === "disabled";
+        },
+        toastFieldIssues: !0
+      })).kind === "success" && (M.value = !1);
+    }
+    Be(M, (e) => {
+      e || ye();
+    }), de(ye);
+    function ul(e) {
+      R.open({
+        title: t("menu.publish.scheduler_publish.remove_scheduled.title"),
+        message: t("menu.publish.scheduler_publish.remove_scheduled.message"),
+        primaryActions: {
+          text: t("menu.common.actions.remove"),
+          close: !0
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(
+        () => N(() => d.sdk.publish.cancelSchedule(e.scheduledAt), {
+          successMessage: t(
+            "menu.publish.scheduler_publish.remove_scheduled.success"
+          ),
+          successPresentation: "message",
+          showLoading: !1
+        })
+      );
+    }
+    const B = re(null), z = re(
+      null
+    );
+    let te = null;
+    function Ve(e) {
+      if (e.openCatalogMapping.state !== "allowed") return;
+      ke();
+      const l = d.sdk.publish.catalogMapping(e.restaurantId);
+      B.value = l, z.value = l.get(), te = l.subscribe((c) => {
+        z.value = c;
+      }), H.value = !0;
+    }
+    function ke() {
+      var e;
+      te == null || te(), te = null, (e = B.value) == null || e.dispose(), B.value = null, z.value = null;
+    }
+    Be(H, (e) => {
+      e || ke();
+    }), de(ke);
+    const D = v(
+      () => {
+        var e;
+        return ((e = z.value) == null ? void 0 : e.status) === "ready" ? z.value.value : null;
+      }
+    ), we = v(() => {
+      var e;
+      return [
+        {
+          label: t(
+            "menu.publish.update_catalog_dialog.sections.default.use_default"
+          ),
+          value: null
+        },
+        ...(((e = D.value) == null ? void 0 : e.catalogOptions) ?? []).map((l) => ({
+          label: l.name,
+          value: l.catalogId
+        }))
+      ];
+    }), il = v(
+      () => {
+        var e;
+        return (((e = D.value) == null ? void 0 : e.additionalCatalogs) ?? []).filter((l) => l.selected).map((l) => l.catalogId);
+      }
+    );
+    function xe(e, l) {
+      B.value && (e === "catalogId" ? B.value.setCatalogId(l) : e === "takeawayCatalog" ? B.value.setTakeawayCatalog(l) : B.value.setPickupCatalog(l));
+    }
+    function rl(e) {
+      var l;
+      (l = B.value) == null || l.setAdditionalCatalogs(e);
+    }
+    async function cl() {
+      var g, m, O, K;
+      if (!B.value) return;
+      const e = (g = D.value) == null ? void 0 : g.restaurantId, l = ((O = (m = p.value) == null ? void 0 : m.rows.find((Y) => Y.restaurantId === e)) == null ? void 0 : O.restaurantName) ?? ((K = D.value) == null ? void 0 : K.displayName) ?? "";
+      (await N(() => B.value.submit(), {
+        loadingTitle: t("menu.publish.actions.snackbar.restaurant_publishing", {
+          name: l
+        }),
+        loadingMessage: t("menu.common.loading"),
+        successMessage: t("menu.publish.actions.snackbar.restaurant_published", {
+          name: l
+        })
+      })).kind === "success" && (H.value = !1);
+    }
+    function dl(e) {
+      if (e.openDetails.state !== "allowed") return;
+      const l = d.sdk.publish.scheduleDetails(e.scheduledAt);
+      R.open({
+        title: t(
+          "menu.publish.scheduler_publish.restaurant_publish_details.title"
+        ),
+        contentComponent: Bl,
+        contentComponentProps: { session: l },
+        contentClass: "flex flex-col h-full",
+        maxWidth: "800px",
+        maxHeight: "80vh"
+      });
+    }
+    function Ne(e) {
+      const l = e === "latest";
+      return {
+        label: t(e === "publishing" ? "menu.publish.table.status.publishing" : e === "queued" ? "menu.publish.table.status.queued" : l ? "menu.publish.table.status.latest" : "menu.publish.table.status.outdated"),
+        variant: l ? "success" : e === "outdated" ? (
+          // Legacy represents an out-of-date menu as an orange, not
+          // mustard, state. FmChip's warning variant is mustard, so the
+          // neutral chip below receives the semantic warning tokens.
+          "plain"
+        ) : e === "publishing" ? "info" : "plain",
+        class: e === "outdated" ? "bg-fm-color-system-warning-100 text-fm-color-primary" : void 0
+      };
+    }
+    const ml = v(() => [
+      {
+        accessorKey: "displayName",
+        header: () => t("menu.publish.table.columns.restaurant"),
+        cell: (e) => e.getValue(),
+        enableSorting: !0
+      },
+      {
+        id: "defaultCatalog",
+        accessorKey: "defaultCatalog",
+        header: () => t("menu.publish.table.columns.default"),
+        enableSorting: !1,
+        cell: (e) => Z(e.getValue())
+      },
+      {
+        id: "takeawayCatalog",
+        accessorKey: "takeawayCatalog",
+        header: () => t("menu.publish.table.columns.pos_takeaway"),
+        enableSorting: !1,
+        cell: (e) => Z(e.getValue())
+      },
+      {
+        id: "pickupCatalog",
+        accessorKey: "pickupCatalog",
+        header: () => t("menu.publish.table.columns.pickup"),
+        enableSorting: !1,
+        cell: (e) => Z(e.getValue())
+      },
+      {
+        accessorKey: "publishedAt",
+        header: () => t("menu.publish.table.columns.version"),
+        enableSorting: !1,
+        cell: (e) => ge(e.getValue())
+      },
+      {
+        accessorKey: "status",
+        header: () => t("menu.common.labels.status"),
+        enableSorting: !1,
+        cell: (e) => A(
+          se.FmChip,
+          Ne(e.getValue())
+        )
+      },
+      {
+        id: "actions",
+        header: "",
+        enableSorting: !1,
+        cell: (e) => {
+          var m;
+          const l = (m = e == null ? void 0 : e.row) == null ? void 0 : m.original;
+          if (!l) return null;
+          const c = l.publish ?? { state: "disabled" }, g = l.revert ?? { state: "hidden" };
+          return A("div", { class: "flex justify-end gap-4" }, [
+            g.state === "hidden" ? null : A(se.FmButton, {
+              icon: "undo",
+              variant: "secondary",
+              disabled: g.state !== "allowed",
+              ariaLabel: t("menu.publish.actions.revert"),
+              onClick: (O) => {
+                O.stopPropagation(), Le(l);
+              }
+            }),
+            A(se.FmButton, {
+              label: t("menu.publish.actions.publish"),
+              prependIcon: "ios_share",
+              size: "md",
+              variant: "secondary",
+              disabled: c.state !== "allowed",
+              onClick: (O) => {
+                O.stopPropagation(), Me(l);
+              }
+            })
+          ]);
+        }
+      }
+    ]), pl = v(() => [
+      {
+        accessorKey: "scheduledAt",
+        header: () => t("menu.publish.scheduler_publish.table.columns.date"),
+        cell: (e) => Ge(e.getValue())
+      },
+      {
+        accessorKey: "publisherName",
+        header: () => t("menu.publish.scheduler_publish.table.columns.publisher_name"),
+        cell: (e) => e.getValue() ?? t("menu.common.labels.unknown")
+      },
+      {
+        accessorKey: "restaurantCount",
+        header: () => t("menu.publish.scheduler_publish.table.columns.total_restaurants"),
+        cell: (e) => t("menu.publish.scheduler_publish.table.row.restaurants", {
+          total: V(e.getValue())
+        })
+      },
+      {
+        id: "progress",
+        accessorKey: "progressPercent",
+        header: () => t("menu.publish.scheduler_publish.table.columns.progress"),
+        cell: (e) => {
+          var c, g;
+          const l = e.row.original;
+          return A("div", { class: "flex items-center justify-between gap-32" }, [
+            A("div", { class: "flex w-full flex-col gap-4" }, [
+              A("div", { class: "flex items-center gap-8" }, [
+                A(
+                  "p",
+                  {
+                    class: `fm-typo-en-body-md-400 ${je[l.status]}`
+                  },
+                  t(ce[l.status])
+                ),
+                l.status === "RUNNING" ? A(
+                  "span",
+                  {
+                    class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+                  },
+                  t("menu.publish.scheduler_publish.table.row.progress", {
+                    published: V(l.publishedCount),
+                    total: V(l.restaurantCount)
+                  })
+                ) : null
+              ]),
+              A(Al, {
+                percent: l.progressPercent,
+                variant: Ml[l.status]
+              })
+            ]),
+            A(se.FmButton, {
+              variant: "plain",
+              prependIcon: "info",
+              "aria-label": t(
+                "menu.publish.scheduler_publish.restaurant_publish_details.title"
+              ),
+              disabled: ((c = l.openDetails) == null ? void 0 : c.state) !== "allowed",
+              onClick: () => dl(l)
+            }),
+            A(se.FmButton, {
+              icon: "delete",
+              variant: "tertiary",
+              disabled: ((g = l.cancel) == null ? void 0 : g.state) !== "allowed",
+              ariaLabel: t("menu.common.actions.remove"),
+              onClick: (m) => {
+                m.stopPropagation(), ul(l);
+              }
+            })
+          ]);
+        }
+      }
+    ]);
+    return (e, l) => {
+      const c = _("FmChip"), g = _("FmSpacer"), m = _("FmButton"), O = _("FmBadge"), K = _("FmCircularProgress"), Y = _("FmIcon"), ee = _("FmMenuItem"), ae = _("FmMenu"), bl = _("FmSearch"), Te = _("FmTable"), hl = _("FmListItem"), vl = _("FmList"), Ce = _("FmTextField"), _l = _("FmDatePicker"), ue = _("FmSelect"), De = _("FmSideSheet"), gl = _("FmCheckbox");
+      return s(), y(Il, {
+        heading: a(t)("menu.publish.title")
+      }, {
+        "append-heading": k(() => {
+          var o, f, x, ie, Re, Ue;
+          return [
+            C.value ? $("", !0) : (s(), b("div", ct, [
+              (o = p.value) != null && o.mainVersionAt ? (s(), y(c, {
+                key: 0,
+                label: Ye.value,
+                class: "bg-fm-color-system-warning-100 text-fm-color-primary"
+              }, null, 8, ["label"])) : $("", !0),
+              u(g),
+              p.value ? (s(), y(m, {
+                key: 1,
+                disabled: p.value.refresh.state !== "allowed",
+                label: a(t)("menu.publish.actions.refresh"),
+                variant: "secondary",
+                onClick: Qe
+              }, null, 8, ["disabled", "label"])) : $("", !0),
+              (f = p.value) != null && f.hasRunningJob ? (s(), y(O, {
+                key: 2,
+                value: 1,
+                variant: "critical"
+              }, {
+                default: k(() => {
+                  var Fe, Ee;
+                  return [
+                    u(m, {
+                      disabled: ((Ee = (Fe = p.value) == null ? void 0 : Fe.openProgress) == null ? void 0 : Ee.state) !== "allowed",
+                      label: a(t)("menu.publish.actions.publish_progress"),
+                      variant: "secondary",
+                      onClick: l[0] || (l[0] = (zt) => X.value = !0)
+                    }, null, 8, ["disabled", "label"])
+                  ];
+                }),
+                _: 1
+              })) : p.value ? (s(), y(m, {
+                key: 3,
+                disabled: ((ie = (x = p.value) == null ? void 0 : x.openProgress) == null ? void 0 : ie.state) !== "allowed",
+                label: a(t)("menu.publish.actions.publish_progress"),
+                variant: "secondary",
+                onClick: l[1] || (l[1] = (Fe) => X.value = !0)
+              }, null, 8, ["disabled", "label"])) : $("", !0),
+              p.value ? (s(), y(m, {
+                key: 4,
+                disabled: ((Ue = (Re = p.value) == null ? void 0 : Re.publish) == null ? void 0 : Ue.state) !== "allowed",
+                label: a(t)("menu.publish.actions.publish_all"),
+                "prepend-icon": "ios_share",
+                onClick: Ae
+              }, null, 8, ["disabled", "label"])) : $("", !0)
+            ]))
+          ];
+        }),
+        default: k(() => [
+          a(P).status === "error" ? (s(), b("p", dt, i(a(h)(a(P).error.message)), 1)) : a(P).status === "unavailable" ? (s(), b("div", mt, i(a(h)(a(P).reason)), 1)) : a(P).status === "loading" ? (s(), y(K, { key: 2 })) : p.value ? (s(), b(j, { key: 3 }, [
+            n("div", pt, [
+              u(ae, {
+                "close-on-click": !1,
+                width: 360
+              }, {
+                "menu-button": k(() => [
+                  u(c, null, {
+                    default: k(() => [
+                      u(Y, {
+                        color: "neutral-gray-400",
+                        name: "storefront",
+                        outline: "",
+                        size: "sm"
+                      }),
+                      n("div", bt, i(ve.value), 1),
+                      u(Y, {
+                        color: "neutral-gray-400",
+                        name: "keyboard_arrow_down",
+                        outline: "",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: k(() => [
+                  u(ee, {
+                    "has-checkbox": "",
+                    label: a(t)("menu.publish.scheduler_publish.selector.restaurant.all"),
+                    "model-value": J.value.length === 0,
+                    onClick: l[2] || (l[2] = (o) => d.sdk.publish.selectAllRestaurants())
+                  }, null, 8, ["label", "model-value"]),
+                  (s(!0), b(j, null, ne(p.value.restaurantOptions, (o) => (s(), y(ee, {
+                    key: o.restaurantId,
+                    "has-checkbox": "",
+                    label: o.name,
+                    "model-value": ll(o.restaurantId),
+                    onClick: (f) => d.sdk.publish.toggleRestaurantFilter(o.restaurantId)
+                  }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                ]),
+                _: 1
+              }),
+              u(ae, { "close-on-click": !1 }, {
+                "menu-button": k(() => [
+                  u(m, {
+                    "prepend-icon": "add",
+                    label: a(t)("menu.publish.table.filter"),
+                    variant: "secondary"
+                  }, null, 8, ["label"])
+                ]),
+                default: k(() => [
+                  (s(), b(j, null, ne(I, (o) => u(ee, {
+                    key: o,
+                    "has-checkbox": "",
+                    label: a(t)(
+                      o === "latest" ? "menu.publish.table.status.latest" : o === "outdated" ? "menu.publish.table.status.outdated" : o === "publishing" ? "menu.publish.table.status.publishing" : "menu.publish.table.status.queued"
+                    ),
+                    "model-value": r.value.includes(o),
+                    onClick: (f) => al(o)
+                  }, null, 8, ["label", "model-value", "onClick"])), 64))
+                ]),
+                _: 1
+              }),
+              n("div", ht, [
+                u(bl, {
+                  "aria-label": a(t)("menu.publish.table.search.placeholder"),
+                  "model-value": p.value.query,
+                  placeholder: a(t)("menu.publish.table.search.placeholder"),
+                  "onUpdate:modelValue": Ze
+                }, null, 8, ["aria-label", "model-value", "placeholder"])
+              ])
+            ]),
+            p.value.totalCount === 0 ? (s(), y(a(Ke), {
+              key: 0,
+              action: {
+                text: a(t)("menu.publish.empty.action"),
+                icon: "add",
+                callback: el
+              },
+              subtitle: a(t)("menu.publish.empty.subtitle"),
+              title: a(t)("menu.publish.empty.title")
+            }, null, 8, ["action", "subtitle", "title"])) : C.value ? (s(), y(vl, {
+              key: 2,
+              class: "w-full px-16 flex-1 min-h-0 overflow-auto pb-64",
+              separator: ""
+            }, {
+              default: k(() => [
+                (s(!0), b(j, null, ne(p.value.rows, (o) => (s(), y(hl, {
+                  key: o.restaurantId,
+                  class: "!py-12 !px-0",
+                  onClick: (f) => Ve(o)
+                }, {
+                  default: k(() => [
+                    n("div", vt, [
+                      n("div", _t, [
+                        n("div", gt, i(ge(o.publishedAt)), 1),
+                        u(c, yl({ ref_for: !0 }, Ne(o.status)), null, 16)
+                      ]),
+                      n("div", ft, [
+                        n("div", yt, i(o.displayName), 1),
+                        n("div", kt, [
+                          n("div", null, i(a(t)("menu.common.labels.a11y_labelled_name", {
+                            label: a(t)("menu.publish.table.columns.default"),
+                            name: Z(o.defaultCatalog)
+                          })), 1),
+                          n("div", null, i(a(t)("menu.common.labels.a11y_labelled_name", {
+                            label: a(t)("menu.publish.table.columns.pos_takeaway"),
+                            name: Z(o.takeawayCatalog)
+                          })), 1),
+                          n("div", null, i(a(t)("menu.common.labels.a11y_labelled_name", {
+                            label: a(t)("menu.publish.table.columns.pickup"),
+                            name: Z(o.pickupCatalog)
+                          })), 1)
+                        ])
+                      ])
+                    ]),
+                    n("div", wt, [
+                      o.revert.state !== "hidden" ? (s(), y(m, {
+                        key: 0,
+                        "aria-label": a(t)("menu.publish.actions.revert"),
+                        disabled: o.revert.state !== "allowed",
+                        icon: "undo",
+                        variant: "tertiary",
+                        onClick: Oe((f) => Le(o), ["stop"])
+                      }, null, 8, ["aria-label", "disabled", "onClick"])) : $("", !0),
+                      u(m, {
+                        "aria-label": a(t)("menu.publish.actions.publish"),
+                        disabled: o.publish.state !== "allowed",
+                        icon: "ios_share",
+                        variant: "tertiary",
+                        onClick: Oe((f) => Me(o), ["stop"])
+                      }, null, 8, ["aria-label", "disabled", "onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })) : (s(), y(Fl, { key: 1 }, {
+              default: k(() => {
+                var o, f;
+                return [
+                  u(Te, {
+                    "column-defs": ml.value,
+                    "get-row-id": (x) => x.restaurantId,
+                    "model-value": he.value,
+                    "page-size": Math.max(((f = (o = p.value) == null ? void 0 : o.rows) == null ? void 0 : f.length) ?? 0, 1),
+                    "pin-header-row": "",
+                    "row-data": pe.value,
+                    selection: "multiple",
+                    "shrink-at": !1,
+                    virtual: !0,
+                    "hide-footer": "",
+                    "onUpdate:modelValue": sl,
+                    onRowClick: l[3] || (l[3] = (x) => Ve(x.original))
+                  }, null, 8, ["column-defs", "get-row-id", "model-value", "page-size", "row-data"])
+                ];
+              }),
+              _: 1
+            })),
+            C.value ? (s(), b("div", xt, [
+              u(m, {
+                disabled: p.value.publish.state !== "allowed",
+                label: a(t)("menu.publish.actions.publish_all"),
+                "prepend-icon": "ios_share",
+                variant: "fab",
+                onClick: Ae
+              }, null, 8, ["disabled", "label"])
+            ])) : $("", !0)
+          ], 64)) : $("", !0),
+          u(De, {
+            modelValue: X.value,
+            "onUpdate:modelValue": l[9] || (l[9] = (o) => X.value = o),
+            "close-button": !1,
+            "max-width": 800
+          }, {
+            "side-sheet-header": k(() => [
+              n("div", Ct, [
+                u(m, {
+                  "aria-label": a(t)("menu.common.actions.back"),
+                  "prepend-icon": "arrow_back",
+                  variant: "tertiary",
+                  onClick: l[4] || (l[4] = (o) => X.value = !1)
+                }, null, 8, ["aria-label"]),
+                n("p", Ft, i(a(t)("menu.publish.actions.publish_progress")), 1)
+              ])
+            ]),
+            default: k(() => {
+              var o;
+              return [
+                n("div", null, [
+                  a(U).status === "error" ? (s(), b("p", It, i(a(h)(a(U).error.message)), 1)) : a(U).status === "unavailable" ? (s(), b("p", St, i(a(h)(a(U).reason)), 1)) : a(U).status === "loading" ? (s(), y(K, { key: 2 })) : W.value ? (s(), y(Te, {
+                    key: 3,
+                    class: ze({ "pb-8": !M.value }),
+                    "column-defs": pl.value,
+                    "hide-footer": "",
+                    "page-size": Math.max(1, W.value.rows.length),
+                    "row-data": _e.value,
+                    "shrink-at": !1
+                  }, null, 8, ["class", "column-defs", "page-size", "row-data"])) : $("", !0),
+                  !M.value && W.value && ((o = W.value.schedule) == null ? void 0 : o.state) === "allowed" ? (s(), y(m, {
+                    key: 4,
+                    "prepend-icon": "add",
+                    label: a(t)("menu.publish.actions.add_scheduler_publish"),
+                    variant: "plain",
+                    onClick: nl
+                  }, null, 8, ["label"])) : $("", !0),
+                  M.value && L.value ? (s(), b("div", $t, [
+                    L.value.status === "loading" ? (s(), y(K, { key: 0 })) : L.value.status === "error" ? (s(), b("p", Pt, i(a(h)(L.value.error.message)), 1)) : L.value.status === "unavailable" ? (s(), b("p", At, i(a(h)(L.value.reason)), 1)) : E.value ? (s(), b(j, { key: 3 }, [
+                      n("div", Mt, [
+                        n("div", null, [
+                          u(_l, {
+                            label: "",
+                            "model-value": He() ?? void 0,
+                            "onUpdate:modelValue": Xe
+                          }, {
+                            "trigger-button": k(() => [
+                              u(Ce, {
+                                ref: qe,
+                                label: "",
+                                "model-value": Je(),
+                                placeholder: a(t)(
+                                  "menu.publish.scheduler_publish.selector.date_time_placeholder"
+                                ),
+                                readonly: ""
+                              }, null, 8, ["model-value", "placeholder"])
+                            ]),
+                            _: 1
+                          }, 8, ["model-value"])
+                        ]),
+                        l[16] || (l[16] = n("div", null, null, -1)),
+                        u(ue, {
+                          class: "w-[130px]",
+                          "data-testid": "publish-schedule-restaurants",
+                          "hide-chips": "",
+                          "menu-id": "publish-schedule-restaurants-menu",
+                          role: "combobox",
+                          "aria-label": a(t)(
+                            "menu.publish.scheduler_publish.selector.restaurant.accessibility"
+                          ),
+                          items: E.value.restaurantOptions.map((f) => ({
+                            label: f.name,
+                            value: f.restaurantId
+                          })),
+                          label: "",
+                          "model-value": E.value.restaurantIds,
+                          multiselect: "",
+                          "onUpdate:modelValue": l[5] || (l[5] = (f) => {
+                            var x;
+                            return (x = S.value) == null ? void 0 : x.setRestaurantIds(f ?? []);
+                          })
+                        }, null, 8, ["aria-label", "items", "model-value"]),
+                        n("div", Lt, [
+                          u(m, {
+                            "aria-label": a(t)("menu.common.actions.cancel"),
+                            "prepend-icon": "close",
+                            "text-color": "system-error-300",
+                            variant: "tertiary",
+                            onClick: l[6] || (l[6] = (f) => M.value = !1)
+                          }, null, 8, ["aria-label"]),
+                          u(m, {
+                            "aria-label": a(t)("menu.publish.actions.publish"),
+                            "prepend-icon": "check",
+                            "text-color": "system-success-300",
+                            variant: "tertiary",
+                            onClick: ol
+                          }, null, 8, ["aria-label"])
+                        ])
+                      ]),
+                      We.value ? (s(), b("div", Vt, [
+                        u(Ce, {
+                          label: a(t)("menu.publish.scheduler_publish.selector.date_time_hour"),
+                          "model-value": fe("hour"),
+                          type: "text",
+                          "onUpdate:modelValue": l[7] || (l[7] = (f) => Pe("hour", f))
+                        }, null, 8, ["label", "model-value"]),
+                        u(Ce, {
+                          label: a(t)("menu.publish.scheduler_publish.selector.date_time_minute"),
+                          "model-value": fe("minute"),
+                          type: "text",
+                          "onUpdate:modelValue": l[8] || (l[8] = (f) => Pe("minute", f))
+                        }, null, 8, ["label", "model-value"])
+                      ])) : $("", !0)
+                    ], 64)) : $("", !0)
+                  ])) : $("", !0)
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["modelValue"]),
+          u(De, {
+            modelValue: H.value,
+            "onUpdate:modelValue": l[15] || (l[15] = (o) => H.value = o),
+            "max-width": 560
+          }, kl({
+            "side-sheet-header": k(() => [
+              n("span", Nt, i(a(t)("menu.publish.update_catalog_dialog.title")), 1)
+            ]),
+            default: k(() => {
+              var o, f;
+              return [
+                D.value ? (s(), b(j, { key: 0 }, [
+                  u(ue, {
+                    class: "mb-24",
+                    items: we.value,
+                    label: a(t)("menu.publish.update_catalog_dialog.sections.default.label"),
+                    "model-value": D.value.defaultCatalogId,
+                    "onUpdate:modelValue": l[10] || (l[10] = (x) => xe("catalogId", x ?? null))
+                  }, null, 8, ["items", "label", "model-value"]),
+                  u(ue, {
+                    class: "mb-24",
+                    items: we.value,
+                    label: a(t)("menu.publish.update_catalog_dialog.sections.pos_takeaway.label"),
+                    "model-value": D.value.takeawayCatalogId,
+                    "onUpdate:modelValue": l[11] || (l[11] = (x) => xe(
+                      "takeawayCatalog",
+                      x ?? null
+                    ))
+                  }, null, 8, ["items", "label", "model-value"]),
+                  u(ue, {
+                    items: we.value,
+                    label: a(t)("menu.publish.update_catalog_dialog.sections.pickup.label"),
+                    "model-value": D.value.pickupCatalogId,
+                    "onUpdate:modelValue": l[12] || (l[12] = (x) => xe(
+                      "pickupCatalog",
+                      x ?? null
+                    ))
+                  }, null, 8, ["items", "label", "model-value"]),
+                  n("div", Tt, [
+                    n("div", Dt, i(a(t)("menu.publish.update_catalog_dialog.sections.additional.title")), 1),
+                    n("div", Rt, i(a(t)(
+                      "menu.publish.update_catalog_dialog.sections.additional.subtitle"
+                    )), 1),
+                    (s(!0), b(j, null, ne(D.value.additionalCatalogs, (x) => (s(), b("div", {
+                      key: x.catalogId
+                    }, [
+                      u(gl, {
+                        label: x.name,
+                        "model-value": il.value,
+                        value: x.catalogId,
+                        "onUpdate:modelValue": l[13] || (l[13] = (ie) => rl(ie))
+                      }, null, 8, ["label", "model-value", "value"])
+                    ]))), 128))
+                  ])
+                ], 64)) : ((o = z.value) == null ? void 0 : o.status) === "error" ? (s(), b("p", Ut, i(a(h)(z.value.error.message)), 1)) : ((f = z.value) == null ? void 0 : f.status) === "unavailable" ? (s(), b("p", Et, i(a(h)(z.value.reason)), 1)) : (s(), y(K, { key: 3 }))
+              ];
+            }),
+            _: 2
+          }, [
+            D.value ? {
+              name: "side-sheet-footer",
+              fn: k(() => {
+                var o;
+                return [
+                  n("div", Bt, [
+                    u(m, {
+                      label: a(t)("menu.publish.update_catalog_dialog.actions.update"),
+                      size: "lg",
+                      disabled: ((o = D.value.submit) == null ? void 0 : o.state) !== "allowed",
+                      onClick: cl
+                    }, null, 8, ["label", "disabled"]),
+                    u(m, {
+                      label: a(t)("menu.publish.update_catalog_dialog.actions.cancel"),
+                      size: "lg",
+                      variant: "tertiary",
+                      onClick: l[14] || (l[14] = (f) => H.value = !1)
+                    }, null, 8, ["label"])
+                  ])
+                ];
+              }),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), Qt = /* @__PURE__ */ oe({
+  __name: "Publish",
+  setup(G) {
+    const d = Sl();
+    return (t, V) => (s(), y(Ot, { sdk: a(d) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  Qt as default
+};