@feedmepos/mf-menu 0.31.17 → 0.31.18-prod

package/dist/Catalog-hTR0c1zS.js

@@ -1,641 +0,0 @@
-import { defineComponent as oe, computed as S, resolveComponent as v, createBlock as k, openBlock as d, createVNode as n, ref as B, createElementBlock as T, Fragment as z, renderSlot as ye, unref as e, withCtx as p, createElementVNode as _, createCommentVNode as P, renderList as W, createTextVNode as be, toDisplayString as R, h as J, withModifiers as q, normalizeClass as xe } from "vue";
-import { useRouter as ke } from "vue-router";
-import { u as de, G as F, O as pe, B as ge, A as re, z as Ce, H as ee, J as fe, a9 as ue } from "./menu-DYMiA6Oc.js";
-import { useI18n as ne, useCoreStore as ve } from "@feedmepos/mf-common";
-import { useSnackbar as _e, components as te, FmButtonVariant as G, FmButtonColorThemeVariant as Q, useDialog as he, useBreakpoints as Oe } from "@feedmepos/ui-library";
-import { _ as Fe, R as ie } from "./app-CV3Y87bf.js";
-import { _ as Me } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
-import { _ as ae } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
-import { _ as De } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
-import { _ as ce, a as Te } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-Dz9BUoZe.js";
-import { c as Se } from "./check-C9mY6LiX.js";
-import { C as L, a as I } from "./catalogSetting-CXeRg55T.js";
-import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { _ as Ee } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { C as Ue } from "./catalog-ClQJMV9X.js";
-const Ae = /* @__PURE__ */ oe({
-  __name: "CatalogUsageTable",
-  props: {
-    catalog: {}
-  },
-  setup(X) {
-    const M = X, {
-      t: m
-    } = ne(), D = S(() => M.catalog.restaurants.length === 0 ? [{
-      name: "--",
-      usage: []
-    }] : M.catalog.restaurants), $ = [{
-      accessorKey: "name",
-      header: () => n("div", {
-        class: "flex flex-col"
-      }, [n("p", null, [M.catalog.name]), n("p", {
-        class: "text-fm-color-typo-secondary fm-typo-en-body-md-400"
-      }, [m("menu.catalog.usage.tax_calculation") + `: ${M.catalog.taxMode}`])]),
-      cell: ({
-        row: y
-      }) => n("div", {
-        class: "space-y-4"
-      }, [n("p", null, [y.original.name]), n("p", {
-        class: "text-fm-color-typo-secondary"
-      }, [y.original.id])]),
-      enableSorting: !1,
-      meta: {
-        headerClass: "px-16 py-4"
-      }
-    }, {
-      header: () => n("div", {
-        class: "w-full flex justify-between"
-      }, [n("p", null, [m("menu.catalog.usage.usage")]), n(Me, {
-        label: `${m("menu.catalog.usage.products", {
-          count: M.catalog.totalProducts
-        })}`,
-        variant: "info",
-        class: "px-8 py-4"
-      }, null)]),
-      accessorKey: "usage",
-      cell: ({
-        row: y
-      }) => {
-        const C = y.original.usage.join(", ") || "--";
-        return n("p", {
-          class: "flex py-8"
-        }, [C]);
-      },
-      enableSorting: !1,
-      meta: {
-        headerClass: "px-16 py-4"
-      }
-    }];
-    return (y, C) => {
-      const V = v("FmTable");
-      return d(), k(V, {
-        "column-defs": $,
-        "row-data": D.value,
-        "page-size": D.value.length,
-        "hide-footer": !0,
-        "shrink-at": !1
-      }, null, 8, ["row-data", "page-size"]);
-    };
-  }
-}), Ne = { class: "space-y-32" }, Re = {
-  key: 0,
-  class: "pl-32 space-x-8"
-}, $e = { class: "pl-[60px] space-y-16" }, we = { class: "space-x-16 flex items-center" }, Le = { class: "flex-1 space-y-4" }, Ie = { class: "fm-typo-en-body-lg-400" }, Pe = { class: "fm-typo-en-body-md-400" }, Be = { class: "flex gap-8 items-center justify-start" }, ze = /* @__PURE__ */ oe({
-  __name: "Form",
-  setup(X, { expose: M }) {
-    const m = B(!1), D = B(!1), $ = (i, s) => {
-      Se.isBoolean(i) ? m.value = i : m.value = !m.value, m.value && (r.value = L.fromCatalog(
-        s ?? re.generator.initMenuV4Catalog(),
-        y.value
-      ));
-    }, y = S(() => C.version === F.F_MENU_VERSION.enum.v4), C = de(), V = ve(), g = pe(ge(_e())), r = B(
-      L.fromCatalog(re.generator.initMenuV4Catalog(), y.value)
-    ), Z = S(() => C.catalogs.map((i) => i.name)), E = S({
-      get: () => r.value.taxSetting,
-      set: (i) => {
-        r.value.taxSetting = i;
-      }
-    }), w = S(() => {
-      var f, o;
-      if (!V.currentCountry.value) return [];
-      const i = ((f = r.value.taxSetting) == null ? void 0 : f.mode) === I.MANUAL ? ((o = r.value.taxSetting) == null ? void 0 : o.inclusive) ?? [] : [];
-      return Ce.Country.getCountry(V.currentCountry.value).taxSystems.map((l) => {
-        const a = i.find((b) => b.systemCode === l.code);
-        return {
-          inclusive: (a == null ? void 0 : a.inclusive) || !1,
-          systemCode: l.code
-        };
-      });
-    });
-    function U(i) {
-      const s = r.value.taxSetting, f = s.mode === I.AUTO ? L.manualTax(w.value) : ee(s);
-      f.inclusive ?? (f.inclusive = []);
-      const o = f.inclusive.findIndex((l) => l.systemCode === i.systemCode);
-      o < 0 ? f.inclusive.push(i) : f.inclusive.splice(o, 1, i), E.value = f;
-    }
-    function K(i, s) {
-      const f = ee(r.value);
-      f.markupOptions && (f.markupOptions[i] = s, r.value = f);
-    }
-    function j(i) {
-      const s = ee(r.value);
-      s.markupOptions && (s.markupOptions.splice(i, 1), r.value = s);
-    }
-    async function Y() {
-      D.value = !0;
-      const i = {
-        ...r.value,
-        ...L.toCatalog(r.value)
-      };
-      try {
-        await g.updateMenu(
-          {
-            module: F.F_MENU_MODULE_V4_KEY.enum.catalog,
-            operation: fe.F_OPERATION_TYPE.create,
-            data: i
-          },
-          i.name
-        ), m.value = !1;
-      } finally {
-        D.value = !1;
-      }
-    }
-    const { t: u } = ne();
-    return M({ trigger: $ }), (i, s) => {
-      const f = v("fm-text-field"), o = v("fm-radio"), l = v("fm-radio-group"), a = v("fm-checkbox"), b = v("fm-switch"), A = v("fm-select"), x = v("fm-button"), c = v("fm-chip"), O = v("fm-card"), H = v("fm-side-sheet");
-      return d(), T(z, null, [
-        ye(i.$slots, "default", { trigger: $ }),
-        n(H, {
-          modelValue: m.value,
-          "onUpdate:modelValue": s[8] || (s[8] = (t) => m.value = t),
-          "is-container": e(te).FmForm,
-          "is-container-props": {
-            onValidationSuccess: Y,
-            blameFormChildOnValidationFailed: !0
-          },
-          "max-width": 560
-        }, {
-          "side-sheet-footer": p(() => [
-            _("div", Be, [
-              n(x, {
-                loading: D.value,
-                label: e(u)("menu.common.actions.add"),
-                size: "lg",
-                type: "submit",
-                variant: "primary"
-              }, null, 8, ["loading", "label"]),
-              n(x, {
-                label: e(u)("menu.common.actions.cancel"),
-                size: "lg",
-                variant: "tertiary",
-                onClick: s[7] || (s[7] = () => m.value = !1)
-              }, null, 8, ["label"])
-            ])
-          ]),
-          default: p(() => [
-            _("div", Ne, [
-              n(De, {
-                title: e(u)("menu.catalog.detail")
-              }, {
-                default: p(() => [
-                  n(f, {
-                    modelValue: r.value.name,
-                    "onUpdate:modelValue": s[0] || (s[0] = (t) => r.value.name = t),
-                    rules: [
-                      (t) => !Z.value.includes(t.trim()) || e(u)("menu.catalog.validation.name_used"),
-                      (t) => !!t || e(u)("menu.catalog.validation.name_required")
-                    ],
-                    autofocus: "",
-                    label: e(u)("menu.catalog.form.name")
-                  }, null, 8, ["modelValue", "rules", "label"]),
-                  n(ae, {
-                    label: e(u)("menu.catalog.form.tax.title")
-                  }, {
-                    default: p(() => {
-                      var t, N;
-                      return [
-                        n(l, {
-                          "model-value": (t = r.value.taxSetting) == null ? void 0 : t.mode,
-                          "onUpdate:modelValue": s[1] || (s[1] = (h) => {
-                            h === e(I).AUTO ? E.value = e(L).autoTax() : E.value = e(L).manualTax(w.value);
-                          })
-                        }, {
-                          default: p(() => [
-                            n(o, {
-                              value: e(I).AUTO,
-                              label: e(u)("menu.catalog.form.tax.auto.label"),
-                              sublabel: e(u)("menu.catalog.form.tax.auto.sublabel"),
-                              class: "pl-4"
-                            }, null, 8, ["value", "label", "sublabel"]),
-                            n(o, {
-                              value: e(I).MANUAL,
-                              label: e(u)("menu.catalog.form.tax.manual.label"),
-                              sublabel: e(u)("menu.catalog.form.tax.manual.sublabel")
-                            }, null, 8, ["value", "label", "sublabel"])
-                          ]),
-                          _: 1
-                        }, 8, ["model-value"]),
-                        ((N = r.value.taxSetting) == null ? void 0 : N.mode) === e(I).MANUAL ? (d(), T("div", Re, [
-                          (d(!0), T(z, null, W(w.value, (h) => (d(), k(a, {
-                            key: h.systemCode,
-                            "model-value": h.inclusive,
-                            value: !0,
-                            label: e(u)("menu.catalog.form.tax.inclusive", { code: h.systemCode }),
-                            "onUpdate:modelValue": (se) => {
-                              U({
-                                ...h,
-                                inclusive: se
-                              });
-                            }
-                          }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
-                        ])) : P("", !0)
-                      ];
-                    }),
-                    _: 1
-                  }, 8, ["label"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              y.value ? (d(), k(ae, {
-                key: 0,
-                label: e(u)("menu.catalog.form.link.title")
-              }, {
-                default: p(() => [
-                  n(b, {
-                    "model-value": r.value.orderFrom && r.value.orderFrom !== e(F.F_ORDER_FROM).enum.NONE,
-                    label: e(u)("menu.catalog.form.link.auto_link.label"),
-                    "label-placement": "right",
-                    sublabel: e(u)("menu.catalog.form.link.auto_link.sublabel"),
-                    "onUpdate:modelValue": s[2] || (s[2] = (t) => r.value.orderFrom = t ? e(F.F_ORDER_FROM).enum.ALL : e(F.F_ORDER_FROM).enum.NONE)
-                  }, null, 8, ["model-value", "label", "sublabel"]),
-                  r.value.orderFrom !== e(F.F_ORDER_FROM).enum.NONE ? (d(), k(A, {
-                    key: 0,
-                    class: "ml-[60px]",
-                    items: [
-                      {
-                        label: e(u)("menu.catalog.form.link.options.all"),
-                        value: e(F.F_ORDER_FROM).enum.ALL
-                      },
-                      {
-                        label: e(u)("menu.catalog.form.link.options.pos_only"),
-                        value: e(F.F_ORDER_FROM).enum.POS_ONLY
-                      }
-                    ],
-                    "model-value": r.value.orderFrom,
-                    "onUpdate:modelValue": s[3] || (s[3] = (t) => r.value.orderFrom = t)
-                  }, null, 8, ["items", "model-value"])) : P("", !0)
-                ]),
-                _: 1
-              }, 8, ["label"])) : P("", !0),
-              y.value ? (d(), k(ae, {
-                key: 1,
-                label: e(u)("menu.catalog.form.markup.title")
-              }, {
-                default: p(() => [
-                  n(b, {
-                    "model-value": !!r.value.markupOptions,
-                    label: e(u)("menu.catalog.form.markup.auto.label"),
-                    "label-placement": "right",
-                    sublabel: e(u)("menu.catalog.form.markup.auto.sublabel"),
-                    "onUpdate:modelValue": s[4] || (s[4] = (t) => r.value.markupOptions = t ? [] : null)
-                  }, null, 8, ["model-value", "label", "sublabel"]),
-                  _("div", $e, [
-                    n(ce, {
-                      categories: e(C).categories,
-                      items: e(C).items,
-                      action: "add",
-                      "onUpdate:modelValue": s[5] || (s[5] = (t) => t && (r.value.markupOptions = [...r.value.markupOptions ?? [], t]))
-                    }, {
-                      default: p(({ trigger: t }) => [
-                        n(x, {
-                          "text-color": e(Q).ColorPrimary,
-                          "border-color": e(Q).ColorPrimary,
-                          variant: e(G).Secondary,
-                          label: e(u)("menu.catalog.form.markup.add"),
-                          "prepend-icon": "add",
-                          onClick: t
-                        }, null, 8, ["text-color", "border-color", "variant", "label", "onClick"])
-                      ]),
-                      _: 1
-                    }, 8, ["categories", "items"]),
-                    (d(!0), T(z, null, W(r.value.markupOptions, (t, N) => (d(), k(ce, {
-                      key: N,
-                      categories: e(C).categories,
-                      items: e(C).items,
-                      "model-value": t,
-                      action: "update",
-                      "onUpdate:modelValue": (h) => h && K(N, h)
-                    }, {
-                      default: p(({ trigger: h }) => [
-                        n(O, {
-                          id: JSON.stringify(t),
-                          class: "py-12 px-16 cursor-pointer",
-                          variant: "outlined",
-                          onClick: h
-                        }, {
-                          default: p(() => [
-                            _("div", we, [
-                              _("div", Le, [
-                                n(c, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
-                                  default: p(() => [
-                                    be(R(e(u)("menu.catalog.form.markup.percentage", { value: t.percentage })), 1)
-                                  ]),
-                                  _: 2
-                                }, 1024),
-                                _("p", Ie, R(e(u)("menu.catalog.form.markup.config", { number: N + 1 })), 1),
-                                _("p", Pe, R(t.includeItems ? e(u)("menu.catalog.form.markup.products", {
-                                  count: t.includeItems.length
-                                }) : e(u)("menu.catalog.form.markup.all_items")), 1)
-                              ]),
-                              n(x, {
-                                variant: e(G).Tertiary,
-                                "prepend-icon": "delete",
-                                onClick: (se) => j(N)
-                              }, null, 8, ["variant", "onClick"])
-                            ])
-                          ]),
-                          _: 2
-                        }, 1032, ["id", "onClick"])
-                      ]),
-                      _: 2
-                    }, 1032, ["categories", "items", "model-value", "onUpdate:modelValue"]))), 128))
-                  ])
-                ]),
-                _: 1
-              }, 8, ["label"])) : P("", !0),
-              y.value ? (d(), k(Te, {
-                key: 2,
-                "model-value": r.value.usePriceTiers,
-                "onUpdate:modelValue": s[6] || (s[6] = (t) => r.value.usePriceTiers = t || null)
-              }, null, 8, ["model-value"])) : P("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "is-container", "is-container-props"])
-      ], 64);
-    };
-  }
-}), me = ze, Ge = {
-  key: 1,
-  class: "flex flex-col overflow-scroll divide-y divide-fm-color-neutral-gray-100"
-}, Ke = ["onClick"], je = {
-  class: "flex-1 space-y-4"
-}, Ye = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, He = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Je = {
-  class: "fm-typo-en-body-lg-600"
-}, qe = {
-  class: "flex flex-row"
-}, We = {
-  class: "fm-typo-en-title-md-600"
-}, Qe = {
-  class: "space-y-24"
-}, le = "main", pa = /* @__PURE__ */ oe({
-  __name: "Catalog",
-  setup(X) {
-    const M = ve(), m = de(), D = _e(), $ = ge(D), y = he(), C = pe($), V = ke(), {
-      t: g
-    } = ne();
-    function r(o, l) {
-      var x, c, O, H;
-      const a = M.restaurants.value.find(({
-        _id: t
-      }) => t === l._id), b = [...l.linkedDeliveryCatalogs.map((t) => ({
-        label: `Delivery (${t.name})`,
-        selector: t.catalog
-      })), {
-        label: "Delivery (FoodPanda integration)",
-        selector: (x = a == null ? void 0 : a.foodpandaDelivery) == null ? void 0 : x.catalogId
-      }, {
-        label: "Delivery (GrabFood integration)",
-        selector: (c = a == null ? void 0 : a.grabfoodDelivery) == null ? void 0 : c.catalogId
-      }, {
-        label: "Delivery (ShopeeFood integration)",
-        selector: (O = a == null ? void 0 : a.shopeefoodDelivery) == null ? void 0 : O.catalogId
-      }];
-      return [{
-        label: "Dine-in",
-        selector: l.catalogId
-      }, {
-        label: "Takeaway",
-        selector: l.takeawayCatalog || l.catalogId
-      }, {
-        label: "Pickup",
-        selector: l.pickupCatalog || null
-      }, {
-        label: "Additional",
-        selector: l.additionalCatalogs
-      }, {
-        label: "Delivery (In house)",
-        selector: l.inHouseDelivery
-      }, {
-        label: "Delivery (Feedme express)",
-        selector: (H = a == null ? void 0 : a.feedmeDelivery) == null ? void 0 : H.catalogId
-      }, ...ue(b, {
-        selector: "label"
-      })].filter((t) => o ? Array.isArray(t.selector) ? t.selector.includes(o) : t.selector === o : t.selector === null).map((t) => t.label);
-    }
-    function Z(o) {
-      return m.state.restaurants.map((l) => ({
-        id: l._id,
-        name: l.name,
-        usage: r(o, l)
-      })).filter((l) => l.usage.length > 0);
-    }
-    const E = B(!1), w = S(() => {
-      var l;
-      return [{
-        id: le,
-        name: g("menu.catalog.main"),
-        taxes: ((l = m.state.menu.masterCatalogSetting) == null ? void 0 : l.inclusiveTaxes) || null,
-        doc: null,
-        disableDelete: !0,
-        defaultOrderFrom: null
-      }, ...m.catalogs.map((a) => ({
-        id: a._id,
-        name: a.name,
-        taxes: a.inclusiveTaxes || null,
-        doc: a,
-        disableDelete: !1,
-        defaultOrderFrom: a.defaultOrderFrom
-      }))].map((a) => {
-        var x;
-        const b = Z(((x = a.doc) == null ? void 0 : x._id) || null), A = a.doc ? Ue.getSellingItem(a.doc, m.state.menu) : m.state.menu.modules.item;
-        return {
-          ...a,
-          taxMode: a.taxes ? "Manual" : "Automatic",
-          autoLink: a.defaultOrderFrom !== F.F_ORDER_FROM.enum.NONE ? "Activated" : "Deactivated",
-          restaurants: ue(b, {
-            selector: "name"
-          }),
-          totalProducts: A.length,
-          disableDelete: a.disableDelete
-        };
-      });
-    }), U = S(() => w.value.filter((o) => o.id !== le)), K = (o) => {
-      m.selectCatalog(o === le ? null : o), V.push({
-        name: ie.EDIT_CATALOG_PRODUCT,
-        params: {
-          id: o
-        }
-      });
-    }, j = B(null);
-    function Y(o) {
-      var l;
-      (l = j.value) == null || l.trigger(null, {
-        ...o.doc,
-        name: `${o.name} copy`
-      });
-    }
-    async function u(o) {
-      const l = m.state.restaurants.filter((a) => [...a.additionalCatalogs, a.inHouseDelivery, ...a.linkedDeliveryCatalogs.map((b) => b.catalog), a.pickupCatalog, a.takeawayCatalog, a.catalogId].includes(o.id)).map((a) => a.name);
-      l.length > 0 ? D.open({
-        type: "error",
-        message: g("menu.catalog.dialogs.remove.error", {
-          restaurants: l
-        })
-      }) : y.open({
-        title: g("menu.catalog.dialogs.remove.title"),
-        message: g("menu.catalog.dialogs.remove.message", {
-          name: o.name
-        }),
-        primaryActions: {
-          text: g("menu.common.actions.remove"),
-          close: !0,
-          variant: G.Destructive
-        },
-        secondaryActions: {
-          text: g("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await C.updateMenu({
-          module: F.F_MENU_MODULE_V4_KEY.enum.catalog,
-          operation: fe.F_OPERATION_TYPE.delete,
-          data: o.id
-        }, o.name, !0), m.selectCatalog(null), await V.push({
-          name: ie.CATALOG
-        });
-      });
-    }
-    const i = B([{
-      accessorKey: "name",
-      header: () => g("menu.catalog.table.columns.title"),
-      enableSorting: !1
-    }, {
-      accessorKey: "taxMode",
-      header: () => g("menu.catalog.table.columns.tax_calculation"),
-      enableSorting: !1
-    }, {
-      accessorKey: "autoLink",
-      header: () => g("menu.catalog.table.columns.auto_link"),
-      enableSorting: !1,
-      cell: (o) => {
-        const l = o.row.original;
-        return J("div", {
-          class: "flex justify-between"
-        }, [l.autoLink]);
-      }
-    }, {
-      id: "actions",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      header: "",
-      cell: (o) => {
-        const l = o.row.original;
-        return J("div", {
-          class: "flex justify-end"
-        }, [J(te.FmButton, {
-          icon: "file_copy",
-          disabled: !l.id,
-          variant: "tertiary",
-          textColor: "neutral-gray-400",
-          onClick: q(async () => {
-            await Y(l);
-          }, ["stop", "prevent"])
-        }), J(te.FmButton, {
-          icon: "delete",
-          disabled: !l.id,
-          variant: "tertiary",
-          textColor: "neutral-gray-400",
-          onClick: q(async () => {
-            await u(l);
-          }, ["stop", "prevent"])
-        })]);
-      }
-    }]), s = Oe(), f = S(() => s.breakpoints.value.xs);
-    return (o, l) => {
-      const a = v("fm-button"), b = v("FmTable"), A = v("FmButton"), x = v("fm-side-sheet");
-      return d(), k(Ee, {
-        heading: e(g)("menu.catalog.title")
-      }, {
-        "append-heading": p(() => [U.value.length > 0 ? (d(), k(e(me), {
-          key: 0,
-          ref_key: "createCatalogManagerFormRef",
-          ref: j
-        }, {
-          default: p(({
-            trigger: c
-          }) => [_("div", {
-            class: xe([["xs:fixed xs:z-10 xs:bottom-[68px] xs:right-16"], "ml-auto xs:ml-0 flex flex-row gap-8"])
-          }, [n(a, {
-            label: e(g)("menu.catalog.actions.view_usage"),
-            onClick: l[0] || (l[0] = (O) => E.value = !0),
-            variant: "secondary"
-          }, null, 8, ["label"]), n(a, {
-            label: e(g)("menu.catalog.actions.add"),
-            "prepend-icon": "add",
-            onClick: c
-          }, null, 8, ["label", "onClick"])])]),
-          _: 1
-        }, 512)) : P("", !0)]),
-        default: p(() => [U.value.length === 0 ? (d(), k(e(Ve), {
-          key: 0,
-          subtitle: e(g)("menu.catalog.empty.subtitle"),
-          title: e(g)("menu.catalog.empty.title")
-        }, {
-          action: p(() => [n(e(me), null, {
-            default: p(({
-              trigger: c
-            }) => [n(a, {
-              label: e(g)("menu.catalog.actions.add"),
-              "prepend-icon": "add",
-              onClick: c
-            }, null, 8, ["label", "onClick"])]),
-            _: 1
-          })]),
-          _: 1
-        }, 8, ["subtitle", "title"])) : (d(), T(z, {
-          key: 1
-        }, [f.value ? (d(), T("div", Ge, [(d(!0), T(z, null, W(U.value, (c) => (d(), T("div", {
-          key: c.id,
-          class: "flex flex-row py-12 px-16 items-center",
-          onClick: (O) => K(c.id)
-        }, [_("div", je, [_("p", Ye, " Tax calculation: " + R(c.taxMode), 1), _("p", He, " Auto link product: " + R(c.autoLink), 1), _("p", Je, R(c.name), 1)]), _("div", qe, [n(A, {
-          "text-color": e(Q).NeutralGray400,
-          variant: e(G).Tertiary,
-          "prepend-icon": "file_copy",
-          onClick: q((O) => Y(c), ["stop"])
-        }, null, 8, ["text-color", "variant", "onClick"]), n(A, {
-          "text-color": e(Q).NeutralGray400,
-          variant: e(G).Tertiary,
-          "prepend-icon": "delete",
-          onClick: q((O) => u(c), ["stop"])
-        }, null, 8, ["text-color", "variant", "onClick"])])], 8, Ke))), 128))])) : (d(), k(Fe, {
-          key: 0
-        }, {
-          default: p(() => [n(b, {
-            "column-defs": i.value,
-            "row-data": U.value,
-            "page-size": U.value.length,
-            "hide-footer": !0,
-            "shrink-at": !1,
-            onRowClick: l[1] || (l[1] = (c) => K(c.original.id))
-          }, null, 8, ["column-defs", "row-data", "page-size"])]),
-          _: 1
-        })), n(x, {
-          modelValue: E.value,
-          "onUpdate:modelValue": l[2] || (l[2] = (c) => E.value = c),
-          "max-width": 1e3,
-          "dismiss-away": ""
-        }, {
-          "side-sheet-header": p(() => [_("p", We, R(e(g)("menu.catalog.usage.title")), 1)]),
-          default: p(() => [_("div", Qe, [(d(!0), T(z, null, W(w.value, (c, O) => (d(), k(Ae, {
-            key: O,
-            catalog: c
-          }, null, 8, ["catalog"]))), 128))])]),
-          _: 1
-        }, 8, ["modelValue"])], 64))]),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-});
-export {
-  pa as default
-};