@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/Publish-DTP-CgV-.js

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