@feedmepos/mf-menu 0.23.2 → 0.23.3-beta.2

package/dist/{App-CtLAt0Pj.js → App-CnjUI7fG.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, watchEffect, computed, watch, openBlock, createElementBlock, normalizeStyle, onBeforeUnmount, createBlock, unref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, vShow, Fragment, createCommentVNode, normalizeClass } from "vue";
 import { FeedMeAuth, useCoreStore } from "@feedmepos/mf-common";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs, r as registerVersion, L as Logger, a as getExperimentalSetting, i as isMobileCordova, b as isReactNative, _ as _isFirebaseServerApp, d as _registerComponent, C as Component, e as _getProvider, f as getDefaultEmulatorHost, h as getApp, j as isBrowserExtension, S as SDK_VERSION, k as getModularInstance, E as ErrorFactory, l as createSubscribe, m as deepEqual, n as LogLevel, o as getUA, F as FirebaseError, p as base64Decode, q as isIE, s as querystring, t as isEmpty, u as getApps, v as initializeApp, w as getStorage, x as useMenuStore, y as coreDart, z as menu } from "./menu-CihLJQ-f.js";
-import { R as Remy, i as init } from "./remy-DVV8JZCf.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs, r as registerVersion, L as Logger, a as getExperimentalSetting, i as isMobileCordova, b as isReactNative, _ as _isFirebaseServerApp, d as _registerComponent, C as Component, e as _getProvider, f as getDefaultEmulatorHost, h as getApp, j as isBrowserExtension, S as SDK_VERSION, k as getModularInstance, E as ErrorFactory, l as createSubscribe, m as deepEqual, n as LogLevel, o as getUA, F as FirebaseError, p as base64Decode, q as isIE, s as querystring, t as isEmpty, u as getApps, v as initializeApp, w as getStorage, x as useMenuStore, y as coreDart, z as menu } from "./menu-DS9YkIAw.js";
+import { R as Remy, i as init } from "./remy-Brqygf9M.js";
 import { FmButtonColorThemeVariant, FmButtonVariant } from "@feedmepos/ui-library";
 import { _ as _export_sfc$1 } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as useAppStore } from "./app-ClCHxUkg.js";
+import { u as useAppStore } from "./app-DuYUgN5u.js";
 const v = "4.8.0", meta = {
   g: "LottieFiles AE ",
   a: "",
@@ -23208,7 +23208,7 @@ registerAuth(
   "Browser"
   /* ClientPlatform.BROWSER */
 );
-var define_appEndpoint_default = { mainBackend: "https://portal-v2.feedmeapi.com", menuBackend: "https://menu-v4.feedmeapi.com", remy: "https://remy.feedmeapi.com/v1", firebase: { apiKey: "AIzaSyA_isPR1-9bX7UmRiJIhsIRNNwdn6DdmW4", authDomain: "feedme-253402.firebaseapp.com", databaseURL: "https://feedme-253402.firebaseio.com", projectId: "feedme-253402", storageBucket: "image.feedme.cc", messagingSenderId: "128512026847", appId: "1:128512026847:web:7c5c8ab7e8b90502dc616a", measurementId: "G-LTKS7N2HQS" }, gtm: { id: "GTM-WR8XHXLH", serverUrl: "https://server-side-tagging-zzez732dna-as.a.run.app", env: "production", serverMeasurementId: "G-2MP52PC24R", debug: !1 } };
+var define_appEndpoint_default = { mainBackend: "https://portal-v2-dev.feedmeapi.com", menuBackend: "https://menu-v4-dev.feedmeapi.com", remy: "https://remy-dev.feedmeapi.com/v1", firebase: { apiKey: "AIzaSyAj8JdCHtP0Vc5vZobCfgoLzWxPIn0WUG4", authDomain: "feedme-dev-4c3ef.firebaseapp.com", databaseURL: "https://feedme-dev-4c3ef.firebaseio.com", projectId: "feedme-dev-4c3ef", storageBucket: "image.feedmedev.cc", messagingSenderId: "458797803788", appId: "1:458797803788:web:37f2af2926a84288f0c129", measurementId: "G-J2QG09D2Q7" }, gtm: { id: "GTM-P7Z9FMS6", serverUrl: "https://server-side-tagging-rsrq3ogsuq-as.a.run.app", env: "development", serverMeasurementId: "G-759WBZPF06", debug: !0 } };
 async function initFirebase() {
   if (getApps().length) {
     console.warn("mf-menu:firebase already initialized by another app");

package/dist/{ApplyProduct.vue_vue_type_script_setup_true_lang-Dt6JdqAP.js → ApplyProduct.vue_vue_type_script_setup_true_lang-DhOeWCP-.js}

@@ -1,8 +1,8 @@
 import { defineComponent as K, computed as i, h as u, ref as U, resolveComponent as b, openBlock as d, createElementBlock as p, createVNode as v, withCtx as g, createElementVNode as V, createBlock as j, unref as n, createCommentVNode as C, toDisplayString as A, isRef as D, Fragment as G, renderList as H } from "vue";
-import { x as M, ab as O } from "./menu-CihLJQ-f.js";
+import { x as M, ab as O } from "./menu-DS9YkIAw.js";
 import { u as $ } from "./createComponentProgrammatically-Npr1U60e.js";
 import { components as I, FmButtonVariant as B, FmButtonColorThemeVariant as h } from "@feedmepos/ui-library";
-import { _ as q, L as J } from "./FormSection.vue_vue_type_script_setup_true_lang-DI5Ff58u.js";
+import { _ as q, L as J } from "./FormSection.vue_vue_type_script_setup_true_lang-BOZOuk1m.js";
 import { useI18n as Q } from "@feedmepos/mf-common";
 const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }, Y = {
   key: 0,

package/dist/Catalog-D1AFR9Mj.js

@@ -0,0 +1,635 @@
+import { defineComponent as oe, ref as B, computed as T, resolveComponent as v, openBlock as d, createElementBlock as S, Fragment as P, renderSlot as ye, createVNode as n, unref as e, withCtx as p, createElementVNode as _, renderList as W, createBlock as h, createCommentVNode as z, createTextVNode as be, toDisplayString as R, h as J, withModifiers as q, normalizeClass as xe } from "vue";
+import { useCoreStore as de, useI18n as ne } from "@feedmepos/mf-common";
+import { G as F, x as pe, K as ge, A as fe, z as re, B as ke, H as ee, J as ve, T as ue } from "./menu-DS9YkIAw.js";
+import { C as Ce } from "./catalog-D_2n7SMn.js";
+import { useRouter as he } from "vue-router";
+import { _ as Oe, R as ie } from "./app-Dq995l4S.js";
+import { _ as Fe } from "./PageLayout.vue_vue_type_script_setup_true_lang-BJCuL4EK.js";
+import { useSnackbar as _e, components as te, FmButtonColorThemeVariant as Q, FmButtonVariant as K, useDialog as Me, useBreakpoints as De } from "@feedmepos/ui-library";
+import { c as Se } from "./check-C9mY6LiX.js";
+import { C as L, a as I, _ as ce } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-Blv5bvM0.js";
+import { _ as Te } from "./FormSection.vue_vue_type_script_setup_true_lang-BOZOuk1m.js";
+import { _ as ae } from "./FormItem.vue_vue_type_script_setup_true_lang-DKsxEK-8.js";
+import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ae } from "./TextChip.vue_vue_type_script_setup_true_lang-DoCbhCON.js";
+const Ue = { class: "space-y-32" }, Ne = {
+  key: 0,
+  class: "pl-32 space-x-8"
+}, Ee = { class: "pl-[60px] space-y-16" }, Re = { class: "space-x-16 flex items-center" }, $e = { class: "flex-1 space-y-4" }, we = { class: "fm-typo-en-body-lg-400" }, Le = { class: "fm-typo-en-body-md-400" }, Ie = { class: "flex gap-8 items-center justify-start" }, Be = /* @__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 = T(() => k.version === F.F_MENU_VERSION.enum.v4), k = pe(), V = de(), g = ge(fe(_e())), r = B(
+      L.fromCatalog(re.generator.initMenuV4Catalog(), y.value)
+    ), Z = T(() => k.catalogs.map((i) => i.name)), A = T({
+      get: () => r.value.taxSetting,
+      set: (i) => {
+        r.value.taxSetting = i;
+      }
+    }), U = T(() => {
+      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 ke.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 w(i) {
+      const s = r.value.taxSetting, f = s.mode === I.AUTO ? L.manualTax(U.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), A.value = f;
+    }
+    function G(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: ve.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"), N = v("fm-select"), x = v("fm-button"), c = v("fm-chip"), O = v("fm-card"), H = v("fm-side-sheet");
+      return d(), S(P, null, [
+        ye(i.$slots, "default", { trigger: $ }),
+        n(H, {
+          modelValue: m.value,
+          "onUpdate:modelValue": s[7] || (s[7] = (t) => m.value = t),
+          "is-container": e(te).FmForm,
+          "is-container-props": {
+            onValidationSuccess: Y,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560
+        }, {
+          "side-sheet-footer": p(() => [
+            _("div", Ie, [
+              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[6] || (s[6] = () => m.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: p(() => [
+            _("div", Ue, [
+              n(Te, {
+                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, E;
+                      return [
+                        n(l, {
+                          "model-value": (t = r.value.taxSetting) == null ? void 0 : t.mode,
+                          "onUpdate:modelValue": s[1] || (s[1] = (C) => {
+                            C === e(I).AUTO ? A.value = e(L).autoTax() : A.value = e(L).manualTax(U.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"]),
+                        ((E = r.value.taxSetting) == null ? void 0 : E.mode) === e(I).MANUAL ? (d(), S("div", Ne, [
+                          (d(!0), S(P, null, W(U.value, (C) => (d(), h(a, {
+                            key: C.systemCode,
+                            "model-value": C.inclusive,
+                            value: !0,
+                            label: e(u)("menu.catalog.form.tax.inclusive", { code: C.systemCode }),
+                            "onUpdate:modelValue": (se) => {
+                              w({
+                                ...C,
+                                inclusive: se
+                              });
+                            }
+                          }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                        ])) : z("", !0)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              y.value ? (d(), h(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(), h(N, {
+                    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"])) : z("", !0)
+                ]),
+                _: 1
+              }, 8, ["label"])) : z("", !0),
+              y.value ? (d(), h(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", Ee, [
+                    n(ce, {
+                      categories: e(k).categories,
+                      items: e(k).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(K).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), S(P, null, W(r.value.markupOptions, (t, E) => (d(), h(ce, {
+                      key: E,
+                      categories: e(k).categories,
+                      items: e(k).items,
+                      "model-value": t,
+                      action: "update",
+                      "onUpdate:modelValue": (C) => C && G(E, C)
+                    }, {
+                      default: p(({ trigger: C }) => [
+                        n(O, {
+                          id: JSON.stringify(t),
+                          class: "py-12 px-16 cursor-pointer",
+                          variant: "outlined",
+                          onClick: C
+                        }, {
+                          default: p(() => [
+                            _("div", Re, [
+                              _("div", $e, [
+                                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", we, R(e(u)("menu.catalog.form.markup.config", { number: E + 1 })), 1),
+                                _("p", Le, 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(K).Tertiary,
+                                "prepend-icon": "delete",
+                                onClick: (se) => j(E)
+                              }, null, 8, ["variant", "onClick"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["id", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["categories", "items", "model-value", "onUpdate:modelValue"]))), 128))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["label"])) : z("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), me = Be, Pe = /* @__PURE__ */ oe({
+  __name: "CatalogUsageTable",
+  props: {
+    catalog: {}
+  },
+  setup(X) {
+    const M = X, {
+      t: m
+    } = ne(), D = T(() => 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(Ae, {
+        label: `${m("menu.catalog.usage.products", {
+          count: M.catalog.totalProducts
+        })}`,
+        variant: "info",
+        class: "px-8 py-4"
+      }, null)]),
+      accessorKey: "usage",
+      cell: ({
+        row: y
+      }) => {
+        const k = y.original.usage.join(", ") || "--";
+        return n("p", {
+          class: "flex py-8"
+        }, [k]);
+      },
+      enableSorting: !1,
+      meta: {
+        headerClass: "px-16 py-4"
+      }
+    }];
+    return (y, k) => {
+      const V = v("FmTable");
+      return d(), h(V, {
+        "column-defs": $,
+        "row-data": D.value,
+        "page-size": D.value.length,
+        "hide-footer": !0,
+        "shrink-at": !1
+      }, null, 8, ["row-data", "page-size"]);
+    };
+  }
+}), ze = {
+  key: 1,
+  class: "flex flex-col overflow-scroll divide-y divide-fm-color-neutral-gray-100"
+}, Ke = ["onClick"], Ge = {
+  class: "flex-1 space-y-4"
+}, je = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ye = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, He = {
+  class: "fm-typo-en-body-lg-600"
+}, Je = {
+  class: "flex flex-row"
+}, qe = {
+  class: "fm-typo-en-title-md-600"
+}, We = {
+  class: "space-y-24"
+}, le = "main", ma = /* @__PURE__ */ oe({
+  __name: "Catalog",
+  setup(X) {
+    const M = de(), m = pe(), D = _e(), $ = fe(D), y = Me(), k = ge($), V = he(), {
+      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 A = B(!1), U = T(() => {
+      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), N = a.doc ? Ce.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: N.length,
+          disableDelete: a.disableDelete
+        };
+      });
+    }), w = T(() => U.value.filter((o) => o.id !== le)), G = (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: K.Destructive
+        },
+        secondaryActions: {
+          text: g("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await k.updateMenu({
+          module: F.F_MENU_MODULE_V4_KEY.enum.catalog,
+          operation: ve.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 = De(), f = T(() => s.breakpoints.value.xs);
+    return (o, l) => {
+      const a = v("fm-button"), b = v("FmTable"), N = v("FmButton"), x = v("fm-side-sheet");
+      return d(), h(Fe, {
+        heading: e(g)("menu.catalog.title")
+      }, {
+        "append-heading": p(() => [w.value.length > 0 ? (d(), h(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) => A.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)) : z("", !0)]),
+        default: p(() => [U.value.length === 0 ? (d(), h(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(), S(P, {
+          key: 1
+        }, [f.value ? (d(), S("div", ze, [(d(!0), S(P, null, W(w.value, (c) => (d(), S("div", {
+          key: c.id,
+          class: "flex flex-row py-12 px-16 items-center",
+          onClick: (O) => G(c.id)
+        }, [_("div", Ge, [_("p", je, " Tax calculation: " + R(c.taxMode), 1), _("p", Ye, " Auto link product: " + R(c.autoLink), 1), _("p", He, R(c.name), 1)]), _("div", Je, [n(N, {
+          "text-color": e(Q).NeutralGray400,
+          variant: e(K).Tertiary,
+          "prepend-icon": "file_copy",
+          onClick: q((O) => Y(c), ["stop"])
+        }, null, 8, ["text-color", "variant", "onClick"]), n(N, {
+          "text-color": e(Q).NeutralGray400,
+          variant: e(K).Tertiary,
+          "prepend-icon": "delete",
+          onClick: q((O) => u(c), ["stop"])
+        }, null, 8, ["text-color", "variant", "onClick"])])], 8, Ke))), 128))])) : (d(), h(Oe, {
+          key: 0
+        }, {
+          default: p(() => [n(b, {
+            "column-defs": i.value,
+            "row-data": w.value,
+            "page-size": w.value.length,
+            "hide-footer": !0,
+            "shrink-at": !1,
+            onRowClick: l[1] || (l[1] = (c) => G(c.original.id))
+          }, null, 8, ["column-defs", "row-data", "page-size"])]),
+          _: 1
+        })), n(x, {
+          modelValue: A.value,
+          "onUpdate:modelValue": l[2] || (l[2] = (c) => A.value = c),
+          "max-width": 1e3,
+          "dismiss-away": ""
+        }, {
+          "side-sheet-header": p(() => [_("p", qe, R(e(g)("menu.catalog.usage.title")), 1)]),
+          default: p(() => [_("div", We, [(d(!0), S(P, null, W(U.value, (c, O) => (d(), h(Pe, {
+            key: O,
+            catalog: c
+          }, null, 8, ["catalog"]))), 128))])]),
+          _: 1
+        }, 8, ["modelValue"])], 64))]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  ma as default
+};