@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/Publish-BlMxKniP.js

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