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

package/dist/Catalog-BEI73S_k.js

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

package/dist/{CatalogBinding-BNATtZEY.js → CatalogBinding-3rhuTWDD.js}

@@ -1,12 +1,12 @@
-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 { defineComponent as N, computed as f, 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-BWwwHsWi.js";
-import { _ as de } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as ce } from "./useActionFeedback-Dm2HDa_2.js";
-import { b as me, u as re, a as ge } from "./provide-CDmXzkhz.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 = {
+import { _ as ue } from "./app-CxJjx2ma.js";
+import { _ as de } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { u as ce } from "./useActionFeedback-CElXij1W.js";
+import { b as me, u as re, a as ge } from "./provide-BGLSDsuJ.js";
+const pe = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary" }, be = { class: "flex grow flex-col gap-4" }, fe = { 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"
@@ -16,18 +16,18 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
     sdk: {}
   },
   setup(K) {
-    const k = K, { t: a } = ne(), h = me(), O = oe(), j = se(), { run: E } = ce(), f = re(
+    const k = K, { t: a } = ne(), h = me(), O = oe(), j = se(), { run: E } = ce(), b = re(
       k.sdk.catalogBinding.binding
-    ), $ = p(
-      () => f.value.status === "ready" ? f.value.value : null
-    ), z = p(() => f.value.status === "loading"), F = p(() => {
+    ), $ = f(
+      () => b.value.status === "ready" ? b.value.value : null
+    ), z = f(() => b.value.status === "loading"), F = f(() => {
       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(
+    const B = f(
       () => {
         var e;
         return (((e = $.value) == null ? void 0 : e.rows) ?? []).map((l) => ({
@@ -38,7 +38,7 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
           pickupCatalog: S(l.pickupCatalog)
         }));
       }
-    ), q = p(() => [
+    ), q = f(() => [
       {
         accessorKey: "restaurant",
         header: () => a("menu.catalog_binding.table.columns.restaurant"),
@@ -78,7 +78,7 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
       }
     ]);
     T(
-      () => f.value,
+      () => b.value,
       (e, l) => {
         e.status === "error" && (l == null ? void 0 : l.status) !== "error" && O.open({
           type: "error",
@@ -108,12 +108,12 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
     T(c, (e) => {
       e || V();
     }), ee(V);
-    const g = p(
+    const g = f(
       () => {
         var e;
         return ((e = r.value) == null ? void 0 : e.status) === "ready" ? r.value.value : null;
       }
-    ), I = p(
+    ), I = f(
       () => {
         var e;
         return (((e = g.value) == null ? void 0 : e.options) ?? []).map((l) => ({
@@ -161,10 +161,11 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
     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")
+        heading: t(a)("menu.catalog_binding.title"),
+        "phone-padding": ""
       }, {
         default: _(() => [
-          d("p", be, o(t(a)("menu.catalog_binding.subtitle")), 1),
+          d("p", pe, 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: _(() => [
@@ -190,12 +191,12 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
                 (i(!0), x(U, null, ae(B.value, (n) => (i(), y(W, {
                   key: n.id,
                   label: n.restaurant,
-                  class: "py-12",
+                  class: "!px-0 !py-12",
                   onClick: w
                 }, {
                   default: _(() => [
-                    d("div", fe, [
-                      d("div", pe, o(n.restaurant), 1),
+                    d("div", be, [
+                      d("div", fe, 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),
@@ -215,7 +216,7 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
               ]),
               _: 1
             })
-          ], 64)) : t(f).status === "error" ? (i(), y(t(D), {
+          ], 64)) : t(b).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"),
@@ -224,10 +225,10 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
               icon: "refresh",
               callback: G
             }
-          }, null, 8, ["title", "subtitle", "action"])) : t(f).status === "unavailable" ? (i(), y(t(D), {
+          }, null, 8, ["title", "subtitle", "action"])) : t(b).status === "unavailable" ? (i(), y(t(D), {
             key: 2,
             title: t(a)("menu.catalog_binding.empty.title"),
-            subtitle: t(h)(t(f).reason)
+            subtitle: t(h)(t(b).reason)
           }, null, 8, ["title", "subtitle"])) : le("", !0),
           s(Z, {
             modelValue: c.value,
@@ -248,8 +249,8 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
                     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);
+                      var p;
+                      return (p = m.value) == null ? void 0 : p.setDefaultCatalog(C ?? null);
                     })
                   }, null, 8, ["items", "label", "model-value"]),
                   s(A, {
@@ -258,8 +259,8 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
                     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);
+                      var p;
+                      return (p = m.value) == null ? void 0 : p.setTakeawayCatalog(C ?? null);
                     })
                   }, null, 8, ["items", "label", "model-value"]),
                   s(A, {
@@ -267,8 +268,8 @@ const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary"
                     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);
+                      var p;
+                      return (p = m.value) == null ? void 0 : p.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 }))