@feedmepos/mf-menu 0.31.17 → 0.31.18-prod

package/dist/Catalog-DO0Z3SSz.js

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

package/dist/{Category-BTpAWhsI.js → Category-B1kXrXpy.js}

@@ -2,18 +2,18 @@ import { defineComponent as A, ref as F, computed as B, watch as se, resolveComp
 import { useI18n as j } from "@feedmepos/mf-common";
 import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as H, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
 import { _ as pe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { B as G, u as ge, $ as fe, Y as _e, G as K, a3 as ye, O as q, J as te } from "./menu-DYMiA6Oc.js";
+import { B as G, u as ge, $ as fe, Y as _e, G as K, a3 as ye, O as q, J as te } from "./menu-GZ7mL7Mu.js";
 import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as he } from "./app-CV3Y87bf.js";
+import { _ as he } from "./app-CgdrcHjA.js";
 import { c as be } from "./createForm-BoUQeZTd.js";
 import { _ as Q } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
 import { u as xe } from "./discardConfirm-BHni0LNu.js";
 import { c as X } from "./object-DVUNCr7w.js";
 import { r as Ce } from "./rules-CIWTZQfh.js";
-import { u as J, a as ke } from "./menu-CrEs_Qy-.js";
+import { u as J, a as ke } from "./menu-CTQtotYO.js";
 import { c as we } from "./check-C9mY6LiX.js";
-import { u as Fe } from "./item-E-Egz6v8.js";
-import { u as oe } from "./category-_lR1fIWU.js";
+import { u as Fe } from "./item-SVoStXDW.js";
+import { u as oe } from "./category-B3iKQFQ-.js";
 import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
 const $e = {
   class: "fm-typo-en-title-md-600"