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

package/dist/Catalog-DEYN4dMN.js

@@ -0,0 +1,374 @@
+import { defineComponent as P, computed as h, h as s, resolveComponent as b, openBlock as r, createBlock as v, ref as q, shallowRef as te, withModifiers as U, onUnmounted as oe, unref as l, withCtx as y, createElementBlock as C, toDisplayString as G, createVNode as g, Fragment as I, createElementVNode as V, withDirectives as K, createCommentVNode as A, renderList as le } from "vue";
+import { useRouter as se } from "vue-router";
+import { useI18n as W } from "@feedmepos/mf-common";
+import { components as E, useDialog as ne, FmButtonVariant as $ } from "@feedmepos/ui-library";
+import { _ as re } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { R as B, _ as ue } from "./app-Bd7W2PYm.js";
+import { _ as ce } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as ie } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-poznuDXu.js";
+import { b as H, u as de, a as me } from "./provide-Tmjfji09.js";
+import { u as pe } from "./useActionFeedback-DoFeBFpl.js";
+const ge = /* @__PURE__ */ P({
+  __name: "CatalogUsage",
+  props: {
+    catalog: {}
+  },
+  setup(x) {
+    const n = x, { t: u } = W(), m = H(), S = h(
+      () => n.catalog.restaurants.length ? n.catalog.restaurants : [{ id: "", name: u("menu.catalog.empty_value"), methods: [] }]
+    ), k = h(() => [...S.value]), L = h(() => [
+      {
+        accessorKey: "name",
+        enableSorting: !1,
+        meta: { headerClass: "px-16 py-4" },
+        header: () => s("div", { class: "flex flex-col" }, [
+          s(
+            "p",
+            n.catalog.nameMessage ? m(n.catalog.nameMessage) : n.catalog.name
+          ),
+          s(
+            "p",
+            { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" },
+            u("menu.catalog.usage.tax_label", {
+              mode: m(n.catalog.taxMode)
+            })
+          )
+        ]),
+        cell: (i) => s("div", { class: "space-y-4" }, [
+          s("p", i.row.original.name),
+          s(
+            "p",
+            { class: "text-fm-color-typo-secondary" },
+            i.row.original.id
+          )
+        ])
+      },
+      {
+        id: "usage",
+        enableSorting: !1,
+        meta: { headerClass: "px-16 py-4" },
+        header: () => s("div", { class: "w-full flex justify-between" }, [
+          s("p", u("menu.catalog.usage.usage")),
+          s(
+            E.FmChip,
+            {
+              class: "px-8 py-4 text-fm-color-typo-info bg-fm-color-system-info-100"
+            },
+            () => u("menu.catalog.usage.products", {
+              count: n.catalog.totalProducts
+            })
+          )
+        ]),
+        cell: (i) => s(
+          "p",
+          { class: "flex py-8" },
+          i.row.original.methods.map(m).join(u("menu.catalog.list_separator")) || u("menu.catalog.empty_value")
+        )
+      }
+    ]);
+    return (i, f) => {
+      const t = b("FmTable");
+      return r(), v(t, {
+        "column-defs": L.value,
+        "row-data": k.value,
+        "page-size": S.value.length,
+        virtual: !0,
+        "hide-footer": !0,
+        "shrink-at": !1
+      }, null, 8, ["column-defs", "row-data", "page-size"]);
+    };
+  }
+}), ve = {
+  key: 0,
+  class: "ml-auto flex gap-8"
+}, fe = {
+  key: 0,
+  role: "status"
+}, _e = { class: "flex justify-end items-center" }, ye = { class: "w-[320px]" }, be = { class: "fm-typo-en-title-md-600" }, he = {
+  key: 0,
+  class: "space-y-24"
+}, ke = /* @__PURE__ */ P({
+  __name: "CatalogList",
+  props: {
+    sdk: {}
+  },
+  setup(x) {
+    const n = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), S = {
+      mounted: (e, a) => {
+        u.set(e, a.value);
+        const c = new MutationObserver(
+          () => k(e, u.get(e) ?? a.value)
+        );
+        c.observe(e, {
+          attributes: !0,
+          attributeFilter: ["aria-label"]
+        }), n.set(e, c), k(e, a.value);
+      },
+      updated: (e, a) => {
+        u.set(e, a.value), k(e, a.value);
+      },
+      beforeUnmount: (e) => {
+        var a;
+        return (a = n.get(e)) == null ? void 0 : a.disconnect();
+      }
+    };
+    function k(e, a) {
+      (() => {
+        var d;
+        e.removeAttribute("aria-label"), (d = e.querySelector("input")) == null || d.setAttribute("aria-label", a);
+      })();
+    }
+    const L = {
+      mounted: (e) => {
+        const a = new MutationObserver(
+          () => i(e)
+        );
+        a.observe(e, { childList: !0, subtree: !0 }), m.set(e, a), i(e);
+      },
+      updated: (e) => i(e),
+      beforeUnmount: (e) => {
+        var a;
+        return (a = m.get(e)) == null ? void 0 : a.disconnect();
+      }
+    };
+    function i(e) {
+      e.querySelectorAll(".virtual-list > div").forEach((a) => {
+        a.setAttribute("role", "row");
+      });
+    }
+    const f = x, { t } = W(), T = H(), R = se(), J = ne(), { run: D } = pe(), _ = de(f.sdk.catalog.list), o = h(
+      () => _.value.status === "ready" ? _.value.value : null
+    ), Q = h(() => {
+      var e;
+      return [...((e = o.value) == null ? void 0 : e.rows) ?? []];
+    }), F = q(!1), z = q(0), w = te(null);
+    function N() {
+      var e;
+      (e = w.value) == null || e.dispose(), w.value = null;
+    }
+    function O(e) {
+      N(), z.value++, w.value = f.sdk.catalog.editor(e);
+    }
+    async function j(e) {
+      const a = await D(async () => f.sdk.catalog.open(e.id), {
+        showLoading: !1
+      });
+      a.kind === "success" && await R.push({
+        name: B.EDIT_CATALOG_PRODUCT,
+        params: { id: a.value.id }
+      });
+    }
+    async function X(e) {
+      const a = await D(
+        async () => f.sdk.catalog.prepareRemove(e.id),
+        { showLoading: !1 }
+      );
+      a.kind === "success" && J.open({
+        title: t("menu.catalog.dialogs.remove.title"),
+        message: t("menu.catalog.dialogs.remove.message", {
+          name: a.value.name
+        }),
+        primaryActions: {
+          text: t("menu.common.actions.remove"),
+          close: !0,
+          variant: $.Destructive
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        (await D(() => f.sdk.catalog.remove(e.id), {
+          showLoading: () => {
+            var d;
+            return ((d = o.value) == null ? void 0 : d.busy) === !0;
+          },
+          successMessage: (d) => t("menu.catalog.removed", { name: d.name })
+        })).kind === "success" && await R.push({ name: B.CATALOG });
+      });
+    }
+    const Y = h(() => [
+      {
+        accessorKey: "name",
+        header: () => t("menu.catalog.table.columns.title"),
+        cell: (e) => s(
+          "a",
+          {
+            href: R.resolve({
+              name: B.EDIT_CATALOG_PRODUCT,
+              params: { id: e.row.original.id }
+            }).href,
+            class: "text-inherit no-underline",
+            onClick: U(
+              () => j(e.row.original),
+              ["prevent", "stop"]
+            )
+          },
+          e.row.original.name
+        ),
+        enableSorting: !1
+      },
+      {
+        id: "taxMode",
+        header: () => t("menu.catalog.table.columns.tax_calculation"),
+        cell: (e) => T(e.row.original.taxMode),
+        enableSorting: !1
+      },
+      {
+        id: "autoLink",
+        header: () => t("menu.catalog.table.columns.auto_link"),
+        cell: (e) => T(e.row.original.autoLink),
+        enableSorting: !1
+      },
+      {
+        id: "actions",
+        header: "",
+        size: 52,
+        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+        cell: (e) => {
+          var a, c;
+          return s("div", { class: "flex justify-end" }, [
+            s(E.FmButton, {
+              icon: "file_copy",
+              variant: $.Tertiary,
+              textColor: "neutral-gray-400",
+              disabled: (a = o.value) == null ? void 0 : a.busy,
+              "aria-label": t("menu.catalog.actions.duplicate"),
+              onClick: U(
+                () => O(e.row.original.id),
+                ["stop", "prevent"]
+              )
+            }),
+            s(E.FmButton, {
+              icon: "delete",
+              variant: $.Tertiary,
+              textColor: "neutral-gray-400",
+              disabled: (c = o.value) == null ? void 0 : c.busy,
+              "aria-label": t("menu.catalog.dialogs.remove.title"),
+              onClick: U(
+                () => X(e.row.original),
+                ["stop", "prevent"]
+              )
+            })
+          ]);
+        }
+      }
+    ]);
+    return oe(N), (e, a) => {
+      const c = b("FmButton"), d = b("FmLinearProgress"), Z = b("FmSearch"), ee = b("FmTable"), ae = b("FmSideSheet");
+      return r(), v(re, {
+        heading: l(t)("menu.catalog.title")
+      }, {
+        "append-heading": y(() => [
+          o.value && o.value.totalCount > 0 ? (r(), C("div", ve, [
+            g(c, {
+              label: l(t)("menu.catalog.actions.view_usage"),
+              variant: "secondary",
+              onClick: a[0] || (a[0] = (M) => F.value = !0)
+            }, null, 8, ["label"]),
+            g(c, {
+              label: l(t)("menu.catalog.actions.add"),
+              "prepend-icon": "add",
+              disabled: o.value ? o.value.create.state !== "allowed" : !1,
+              onClick: a[1] || (a[1] = (M) => O())
+            }, null, 8, ["label", "disabled"])
+          ])) : A("", !0)
+        ]),
+        default: y(() => {
+          var M;
+          return [
+            l(_).status === "unavailable" ? (r(), C("p", fe, G(l(T)(l(_).reason)), 1)) : !o.value && l(_).status !== "error" ? (r(), v(d, { key: 1 })) : l(_).status === "error" || ((M = o.value) == null ? void 0 : M.totalCount) === 0 ? (r(), v(l(ce), {
+              key: 2,
+              title: l(t)("menu.catalog.empty.title"),
+              subtitle: l(t)("menu.catalog.empty.subtitle")
+            }, {
+              action: y(() => [
+                g(c, {
+                  label: l(t)("menu.catalog.actions.add"),
+                  "prepend-icon": "add",
+                  disabled: o.value ? o.value.create.state !== "allowed" : !1,
+                  onClick: a[2] || (a[2] = (p) => O())
+                }, null, 8, ["label", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["title", "subtitle"])) : o.value ? (r(), C(I, { key: 3 }, [
+              V("div", _e, [
+                V("div", ye, [
+                  K(g(Z, {
+                    autofocus: "",
+                    class: "mb-8",
+                    "model-value": o.value.query,
+                    placeholder: l(t)("menu.common.labels.search_placeholder", {
+                      type: l(t)("menu.catalog.title")
+                    }),
+                    "onUpdate:modelValue": e.sdk.catalog.search
+                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]), [
+                    [
+                      S,
+                      l(t)("menu.common.labels.search_placeholder", {
+                        type: l(t)("menu.catalog.title")
+                      })
+                    ]
+                  ])
+                ])
+              ]),
+              g(ue, null, {
+                default: y(() => [
+                  K(g(ee, {
+                    "column-defs": Y.value,
+                    "row-data": Q.value,
+                    "page-size": o.value.rows.length,
+                    "hide-footer": !0,
+                    "shrink-at": !1,
+                    virtual: !0,
+                    "search-value": o.value.query,
+                    onRowClick: a[3] || (a[3] = (p) => j(p.original))
+                  }, null, 8, ["column-defs", "row-data", "page-size", "search-value"]), [
+                    [L]
+                  ])
+                ]),
+                _: 1
+              })
+            ], 64)) : A("", !0),
+            g(ae, {
+              modelValue: F.value,
+              "onUpdate:modelValue": a[4] || (a[4] = (p) => F.value = p),
+              "max-width": 1e3,
+              "dismiss-away": ""
+            }, {
+              "side-sheet-header": y(() => [
+                V("p", be, G(l(t)("menu.catalog.usage.title")), 1)
+              ]),
+              default: y(() => [
+                F.value && o.value ? (r(), C("div", he, [
+                  (r(!0), C(I, null, le(o.value.usage, (p) => (r(), v(ge, {
+                    key: p.id,
+                    catalog: p
+                  }, null, 8, ["catalog"]))), 128))
+                ])) : A("", !0)
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            w.value ? (r(), v(ie, {
+              key: z.value,
+              sdk: e.sdk,
+              editor: w.value,
+              picker: e.sdk.linkProduct.catalogue,
+              onClose: N
+            }, null, 8, ["sdk", "editor", "picker"])) : A("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), De = /* @__PURE__ */ P({
+  __name: "Catalog",
+  setup(x) {
+    const n = me();
+    return (u, m) => (r(), v(ke, { sdk: l(n) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  De as default
+};

package/dist/CatalogBinding-NnPKdPvx.js

@@ -0,0 +1,315 @@
+import { defineComponent as N, computed as p, h as P, withModifiers as R, watch as T, shallowRef as M, onUnmounted as ee, resolveComponent as v, openBlock as i, createBlock as y, unref as t, withCtx as _, createElementVNode as d, toDisplayString as o, createElementBlock as x, Fragment as U, createVNode as s, renderList as ae, createCommentVNode as le, createSlots as te } from "vue";
+import { useI18n as ne } from "@feedmepos/mf-common";
+import { useSnackbar as oe, useDialog as se, components as ie } from "@feedmepos/ui-library";
+import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as ue } from "./app-Bd7W2PYm.js";
+import { _ as de } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as ce } from "./useActionFeedback-DoFeBFpl.js";
+import { b as me, u as re, a as ge } from "./provide-Tmjfji09.js";
+const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary" }, fe = { class: "flex grow flex-col gap-4" }, pe = { class: "fm-typo-en-body-lg-600" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _e = { class: "fm-typo-en-title-md-600" }, ye = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  role: "status"
+}, ke = { class: "flex items-center justify-start gap-8" }, Ce = /* @__PURE__ */ N({
+  __name: "CatalogBindingList",
+  props: {
+    sdk: {}
+  },
+  setup(K) {
+    const k = K, { t: a } = ne(), h = me(), O = oe(), j = se(), { run: E } = ce(), f = re(
+      k.sdk.catalogBinding.binding
+    ), $ = p(
+      () => f.value.status === "ready" ? f.value.value : null
+    ), z = p(() => f.value.status === "loading"), F = p(() => {
+      var e;
+      return ((e = $.value) == null ? void 0 : e.edit.state) === "allowed";
+    });
+    function S(e) {
+      return e.kind === "main" ? a("menu.catalog_binding.catalog.main") : e.kind === "missing" ? a("menu.catalog_binding.catalog.invalid") : e.name;
+    }
+    const B = p(
+      () => {
+        var e;
+        return (((e = $.value) == null ? void 0 : e.rows) ?? []).map((l) => ({
+          id: l.restaurantId,
+          restaurant: l.restaurantLabel,
+          defaultCatalog: S(l.defaultCatalog),
+          takeawayCatalog: S(l.takeawayCatalog),
+          pickupCatalog: S(l.pickupCatalog)
+        }));
+      }
+    ), q = p(() => [
+      {
+        accessorKey: "restaurant",
+        header: () => a("menu.catalog_binding.table.columns.restaurant"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "defaultCatalog",
+        header: () => a("menu.catalog_binding.table.columns.default"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "takeawayCatalog",
+        header: () => a("menu.catalog_binding.table.columns.pos_takeaway"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "pickupCatalog",
+        header: () => a("menu.catalog_binding.table.columns.pickup"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        size: 52,
+        enableSorting: !1,
+        meta: { width: "52px" },
+        cell: () => P("div", { class: "flex justify-end" }, [
+          P(ie.FmButton, {
+            icon: "edit",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            disabled: !F.value,
+            "aria-label": a("menu.common.actions.edit"),
+            onClick: R(() => w(), ["stop", "prevent"])
+          })
+        ])
+      }
+    ]);
+    T(
+      () => f.value,
+      (e, l) => {
+        e.status === "error" && (l == null ? void 0 : l.status) !== "error" && O.open({
+          type: "error",
+          message: h(e.error.message)
+        });
+      }
+    );
+    async function G() {
+      await k.sdk.catalogBinding.retry();
+    }
+    const c = M(!1), m = M(null), r = M(
+      null
+    );
+    let u = null;
+    function w() {
+      if (!F.value) return;
+      V();
+      const e = k.sdk.catalogBinding.edit();
+      m.value = e, r.value = e.state.get(), u = e.state.subscribe((l) => {
+        r.value = l;
+      }), c.value = !0;
+    }
+    function V() {
+      var e;
+      u == null || u(), u = null, (e = m.value) == null || e.dispose(), m.value = null, r.value = null;
+    }
+    T(c, (e) => {
+      e || V();
+    }), ee(V);
+    const g = p(
+      () => {
+        var e;
+        return ((e = r.value) == null ? void 0 : e.status) === "ready" ? r.value.value : null;
+      }
+    ), I = p(
+      () => {
+        var e;
+        return (((e = g.value) == null ? void 0 : e.options) ?? []).map((l) => ({
+          label: l.label.kind === "main" ? a("menu.catalog_binding.dialog.use_main") : l.label.name,
+          value: l.catalogId
+        }));
+      }
+    );
+    function H() {
+      var e;
+      if (!((e = g.value) != null && e.hasChanges)) {
+        c.value = !1;
+        return;
+      }
+      j.open({
+        title: a("menu.common.dialog.dismiss.title"),
+        message: a("menu.common.dialog.dismiss.message"),
+        primaryActions: {
+          text: a("menu.common.dialog.dismiss.discard"),
+          close: !0
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        c.value = !1;
+      });
+    }
+    async function J() {
+      const e = m.value;
+      if (e) {
+        u == null || u(), u = null, m.value = null, r.value = null, c.value = !1;
+        try {
+          await E(() => e.submit(), {
+            loadingTitle: a("menu.catalog_binding.status.saving"),
+            loadingMessage: a("menu.common.loading"),
+            successMessage: a("menu.catalog_binding.status.saved")
+          });
+        } finally {
+          e.dispose();
+        }
+      }
+    }
+    return (e, l) => {
+      const Q = v("FmTable"), L = v("FmButton"), W = v("FmListItem"), X = v("FmList"), A = v("FmSelect"), Y = v("FmCircularProgress"), Z = v("FmSideSheet");
+      return i(), y(de, {
+        heading: t(a)("menu.catalog_binding.title")
+      }, {
+        default: _(() => [
+          d("p", be, o(t(a)("menu.catalog_binding.subtitle")), 1),
+          B.value.length > 0 || z.value ? (i(), x(U, { key: 0 }, [
+            s(ue, { class: "block xs:hidden" }, {
+              default: _(() => [
+                s(Q, {
+                  "get-row-id": (n) => n.id,
+                  "column-defs": q.value,
+                  loading: z.value,
+                  "page-size": 1,
+                  "row-data": B.value,
+                  "shrink-at": !1,
+                  "hide-footer": "",
+                  "pin-header-row": "",
+                  onRowClick: w
+                }, null, 8, ["get-row-id", "column-defs", "loading", "row-data"])
+              ]),
+              _: 1
+            }),
+            s(X, {
+              class: "hidden min-h-0 w-full flex-1 flex-col overflow-auto pb-64 xs:flex",
+              separator: ""
+            }, {
+              default: _(() => [
+                (i(!0), x(U, null, ae(B.value, (n) => (i(), y(W, {
+                  key: n.id,
+                  label: n.restaurant,
+                  class: "py-12",
+                  onClick: w
+                }, {
+                  default: _(() => [
+                    d("div", fe, [
+                      d("div", pe, o(n.restaurant), 1),
+                      d("div", ve, [
+                        d("div", null, o(t(a)("menu.catalog_binding.table.columns.default")) + ": " + o(n.defaultCatalog), 1),
+                        d("div", null, o(t(a)("menu.catalog_binding.table.columns.pos_takeaway")) + ": " + o(n.takeawayCatalog), 1),
+                        d("div", null, o(t(a)("menu.catalog_binding.table.columns.pickup")) + ": " + o(n.pickupCatalog), 1)
+                      ])
+                    ]),
+                    s(L, {
+                      "aria-label": t(a)("menu.common.actions.edit"),
+                      disabled: !F.value,
+                      icon: "edit",
+                      variant: "tertiary",
+                      onClick: R(w, ["stop"])
+                    }, null, 8, ["aria-label", "disabled"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : t(f).status === "error" ? (i(), y(t(D), {
+            key: 1,
+            title: t(a)("menu.catalog_binding.load_failed.title"),
+            subtitle: t(a)("menu.catalog_binding.load_failed.subtitle"),
+            action: {
+              text: t(a)("menu.catalog_binding.load_failed.action"),
+              icon: "refresh",
+              callback: G
+            }
+          }, null, 8, ["title", "subtitle", "action"])) : t(f).status === "unavailable" ? (i(), y(t(D), {
+            key: 2,
+            title: t(a)("menu.catalog_binding.empty.title"),
+            subtitle: t(h)(t(f).reason)
+          }, null, 8, ["title", "subtitle"])) : le("", !0),
+          s(Z, {
+            modelValue: c.value,
+            "onUpdate:modelValue": l[4] || (l[4] = (n) => c.value = n),
+            "max-width": 560,
+            "onOn:clickedAway": H
+          }, te({
+            "side-sheet-header": _(() => [
+              d("span", _e, o(t(a)("menu.catalog_binding.dialog.title")), 1)
+            ]),
+            default: _(() => {
+              var n;
+              return [
+                g.value ? (i(), x(U, { key: 0 }, [
+                  s(A, {
+                    class: "mb-24",
+                    items: I.value,
+                    label: t(a)("menu.catalog_binding.dialog.default"),
+                    "model-value": g.value.defaultCatalogId,
+                    "onUpdate:modelValue": l[0] || (l[0] = (C) => {
+                      var b;
+                      return (b = m.value) == null ? void 0 : b.setDefaultCatalog(C ?? null);
+                    })
+                  }, null, 8, ["items", "label", "model-value"]),
+                  s(A, {
+                    class: "mb-24",
+                    items: I.value,
+                    label: t(a)("menu.catalog_binding.dialog.pos_takeaway"),
+                    "model-value": g.value.takeawayCatalogId,
+                    "onUpdate:modelValue": l[1] || (l[1] = (C) => {
+                      var b;
+                      return (b = m.value) == null ? void 0 : b.setTakeawayCatalog(C ?? null);
+                    })
+                  }, null, 8, ["items", "label", "model-value"]),
+                  s(A, {
+                    items: I.value,
+                    label: t(a)("menu.catalog_binding.dialog.pickup"),
+                    "model-value": g.value.pickupCatalogId,
+                    "onUpdate:modelValue": l[2] || (l[2] = (C) => {
+                      var b;
+                      return (b = m.value) == null ? void 0 : b.setPickupCatalog(C ?? null);
+                    })
+                  }, null, 8, ["items", "label", "model-value"])
+                ], 64)) : ((n = r.value) == null ? void 0 : n.status) === "unavailable" ? (i(), x("p", ye, o(t(h)(r.value.reason)), 1)) : (i(), y(Y, { key: 2 }))
+              ];
+            }),
+            _: 2
+          }, [
+            g.value ? {
+              name: "side-sheet-footer",
+              fn: _(() => [
+                d("div", ke, [
+                  s(L, {
+                    label: t(a)("menu.catalog_binding.dialog.actions.update"),
+                    size: "lg",
+                    variant: "primary",
+                    disabled: g.value.submit.state !== "allowed",
+                    onClick: J
+                  }, null, 8, ["label", "disabled"]),
+                  s(L, {
+                    label: t(a)("menu.catalog_binding.dialog.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: l[3] || (l[3] = (n) => c.value = !1)
+                  }, null, 8, ["label"])
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), Le = /* @__PURE__ */ N({
+  __name: "CatalogBinding",
+  setup(K) {
+    const k = ge();
+    return (a, h) => (i(), y(Ce, { sdk: t(k) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  Le as default
+};