@feedmepos/mf-report 5.33.3 → 5.34.1-beta.0

package/dist/{Template-BN_ds698.js → Template-YEa1E6oz.js}

@@ -1,15 +1,15 @@
-import { defineComponent as pe, computed as d, resolveComponent as v, createElementBlock as G, openBlock as g, renderSlot as Re, createVNode as s, withCtx as m, createCommentVNode as B, createElementVNode as n, toDisplayString as c, ref as y, h as p, onMounted as Pe, createBlock as F, unref as l, normalizeStyle as ze, normalizeClass as V, withDirectives as ne, Fragment as De, renderList as Ne, withModifiers as me, vShow as ie } from "vue";
-import { a as Be } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { u as de } from "./_plugin-vue_export-helper-C6QDExPN.js";
-import { _ as Me } from "./Default.vue_vue_type_script_setup_true_lang-CC7fE3F8.js";
+import { defineComponent as pe, computed as d, resolveComponent as y, openBlock as v, createElementBlock as J, renderSlot as Re, createVNode as s, withCtx as m, createCommentVNode as M, createElementVNode as n, toDisplayString as c, ref as f, h as p, onMounted as Pe, createBlock as F, unref as l, normalizeStyle as ze, normalizeClass as V, Fragment as De, renderList as Ne, withDirectives as ne, withModifiers as me, vShow as ie } from "vue";
+import { a as Be } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Cxx-TQz9.js";
+import { u as de } from "./_plugin-vue_export-helper-Bx7s49ra.js";
+import { _ as Me } from "./Default.vue_vue_type_script_setup_true_lang-CvM5oewZ.js";
 import { u as Ue } from "./global-loader-BuxFfehu.js";
 import { u as Ee } from "./message-dialog-UoMWOnil.js";
-import { u as He } from "./report-Ci2ElGpp.js";
+import { u as He } from "./report-NKl3Yb5J.js";
 import { r as ce } from "./i18n-DbyciK4x.js";
 import { useBreakpoints as Ke, useSnackbar as je, components as Oe, FmButtonColorThemeVariant as Ae } from "@feedmepos/ui-library";
 import { useRouter as qe, useRoute as Ge } from "vue-router";
 import { storeToRefs as ue } from "pinia";
-import { j as Je, u as Qe } from "./app-LKjvcmXa.js";
+import { j as Je, u as Qe } from "./app-BmNusIzI.js";
 const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ze = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, et = /* @__PURE__ */ pe({
   __name: "NoTemplate",
   props: {
@@ -17,27 +17,27 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
     subTitle: { default: "report.view.template.noTemplatesHint" },
     svgPath: { default: "" }
   },
-  setup(J) {
-    const { t: w, te: x } = de(), b = J;
-    function i(f) {
-      return x(f) ? w(f) : f;
+  setup(z) {
+    const { t: w, te: _ } = de(), g = z;
+    function i(x) {
+      return _(x) ? w(x) : x;
     }
-    const t = d(() => i(b.title)), k = d(() => i(b.subTitle));
-    return (f, Q) => {
-      const u = v("FmCard");
-      return g(), G("div", We, [
-        Re(f.$slots, "menu"),
+    const t = d(() => i(g.title)), k = d(() => i(g.subTitle));
+    return (x, Q) => {
+      const u = y("FmCard");
+      return v(), J("div", We, [
+        Re(x.$slots, "menu"),
         s(u, {
           class: "p-24 h-full flex flex-col gap-2 items-center justify-center",
           variant: "flat"
         }, {
           default: m(() => [
-            f.svgPath ? (g(), G("img", {
+            z.svgPath ? (v(), J("img", {
               key: 0,
-              src: f.svgPath,
+              src: z.svgPath,
               alt: "No data illustration",
               class: "mb-4 w-80 h-80"
-            }, null, 8, Xe)) : B("", !0),
+            }, null, 8, Xe)) : M("", !0),
             n("p", Ye, c(t.value), 1),
             n("p", Ze, c(k.value), 1)
           ]),
@@ -48,45 +48,45 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
   }
 }), tt = { class: "flex items-center gap-2" }, ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = { class: "w-[343px]" }, at = { class: "flex items-center gap-2" }, rt = { class: "fm-typo-en-body-sm-600" }, st = { class: "fm-typo-en-body-sm-600" }, nt = { class: "fm-typo-en-body-md-600" }, mt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, it = { class: "fm-typo-en-title-sm-600" }, ct = { class: "flex flex-col gap-3" }, ut = { class: "flex flex-col gap-1" }, pt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, dt = { class: "flex flex-col gap-1" }, ft = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, kt = /* @__PURE__ */ pe({
   __name: "Template",
-  setup(J) {
-    const w = He(), { isAdmin: x, canManageTemplate: b } = Je(), { breakpoints: i } = Ke(), { t, te: k } = de(), f = qe(), Q = Ge(), u = je(), { promptLoader: W } = Ue(), { promptMessage: X } = Ee(), { FmButton: M, FmMenu: U, FmMenuItem: S, FmIcon: E, FmChip: C, FmSearch: fe, FmTooltip: ye } = Oe, { editingReport: ve, reportTemplates: ge, categories: be } = ue(w), { isFoodCourt: _e } = ue(Qe()), H = d(() => be.value ?? []), Y = d(() => ge.value ?? []), K = d(() => [
+  setup(z) {
+    const w = He(), { isAdmin: _, canManageTemplate: g } = Je(), { breakpoints: i } = Ke(), { t, te: k } = de(), x = qe(), Q = Ge(), u = je(), { promptLoader: W } = Ue(), { promptMessage: X } = Ee(), { FmButton: U, FmMenu: E, FmMenuItem: S, FmIcon: H, FmChip: C, FmSearch: fe, FmTooltip: ye } = Oe, { editingReport: ve, reportTemplates: ge, categories: be } = ue(w), { isFoodCourt: _e } = ue(Qe()), K = d(() => be.value ?? []), Y = d(() => ge.value ?? []), j = d(() => [
       {
         label: t("report.common.all"),
         value: void 0
       },
-      ...H.value.map((o) => ({
-        label: j(o.name),
+      ...K.value.map((o) => ({
+        label: O(o.name),
         value: o.id
       }))
-    ]), z = y(void 0), xe = d(
+    ]), D = f(void 0), xe = d(
       () => {
         var o, e;
-        return ((o = K.value.find((a) => a.value === z.value)) == null ? void 0 : o.label) ?? ((e = K.value[0]) == null ? void 0 : e.label) ?? "";
+        return ((o = j.value.find((a) => a.value === D.value)) == null ? void 0 : o.label) ?? ((e = j.value[0]) == null ? void 0 : e.label) ?? "";
       }
-    ), D = y(!1), $ = y(null), h = y(""), L = y(""), I = y(""), R = y(!1), P = y(!1), Ce = d(() => [
+    ), N = f(!1), $ = f(null), h = f(""), L = f(""), I = f(""), R = f(!1), P = f(!1), Ce = d(() => [
       {
         label: t("report.common.uncategorized"),
         value: ""
       },
-      ...H.value.map((o) => ({
-        label: j(o.name),
+      ...K.value.map((o) => ({
+        label: O(o.name),
         value: o.id
       }))
-    ]), N = y(""), T = d(() => {
-      const o = N.value.toLowerCase(), e = t("report.common.uncategorized");
+    ]), B = f(""), T = d(() => {
+      const o = B.value.toLowerCase(), e = t("report.common.uncategorized");
       return Y.value.map((a) => {
-        const _ = H.value.find((A) => A.id === a.category);
+        const b = K.value.find((q) => q.id === a.category);
         return {
           id: a.id,
           name: ce(t, k, ee(a), "other"),
           description: ce(t, k, a.description || "", "other"),
           categoryId: a.category || "",
-          categoryLabel: _ ? j(_.name) : e,
+          categoryLabel: b ? O(b.name) : e,
           isOwner: a.isOwner ?? !1,
           isInternal: a.isInternal ?? !1,
           isSupportFoodCourt: a.isSupportFoodCourt ?? !1
         };
-      }).filter((a) => z.value && a.categoryId !== z.value ? !1 : !N.value.trim() || a.name.toLowerCase().includes(o) || a.description.toLowerCase().includes(o));
+      }).filter((a) => D.value && a.categoryId !== D.value ? !1 : !B.value.trim() || a.name.toLowerCase().includes(o) || a.description.toLowerCase().includes(o));
     }), we = d(
       () => T.value.map(
         (o) => `${o.id}${o.name}${o.categoryLabel}${o.isInternal}${o.isSupportFoodCourt}`
@@ -135,16 +135,16 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
           width: "0px"
         },
         cell: (o) => {
-          const e = o.row.original, a = !b(e);
+          const e = o.row.original, a = !g(e);
           return p(
             "div",
             {
               class: `flex ${i.value.lg || i.value.md ? "justify-end" : ""} items-center`
             },
             {
-              default: () => x.value ? [
+              default: () => _.value ? [
                 p(
-                  U,
+                  E,
                   {
                     stopClickPropagation: !0,
                     shift: !0,
@@ -163,7 +163,7 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                         onClick: () => le(e.id)
                       })
                     ],
-                    "menu-button": () => p(M, {
+                    "menu-button": () => p(U, {
                       variant: "tertiary",
                       size: "md",
                       icon: "more_vert",
@@ -189,7 +189,7 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
       );
     }
     function Z(o) {
-      return x.value && !_e.value && o.isSupportFoodCourt;
+      return _.value && !_e.value && o.isSupportFoodCourt;
     }
     function Fe() {
       return p(
@@ -201,7 +201,7 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
         { default: () => t("reportV5.template.foodCourt") }
       );
     }
-    function j(o) {
+    function O(o) {
       const e = `report.category.${o}`;
       return k(e) ? t(e) : o;
     }
@@ -212,47 +212,47 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
       return o.name;
     }
     function ke(o) {
-      z.value = o;
+      D.value = o;
     }
-    function O(o) {
+    function A(o) {
       return Y.value.find((e) => Ve(e) === o);
     }
     function te(o) {
-      const e = O(o);
+      const e = A(o);
       if (!e) return;
       const a = {
         ...e.report,
         id: "",
         isDefault: !1,
         editable: !0
-      }, _ = ee(e);
-      a.name = `${_} duplicate`, ve.value = a, f.push({
+      }, b = ee(e);
+      a.name = `${b} duplicate`, ve.value = a, x.push({
         name: "reportEditor",
         query: Q.query
       });
     }
     function oe(o) {
-      if (!x.value) {
+      if (!_.value) {
         u.open({ message: t("report.messages.noPermission"), type: "error" });
         return;
       }
-      const e = O(o);
+      const e = A(o);
       if (!e) return;
-      if (!b(e)) {
+      if (!g(e)) {
         u.open({ message: t("report.messages.noPermission"), type: "error" });
         return;
       }
       const a = JSON.parse(JSON.stringify(e));
-      $.value = a, h.value = a.name || "", L.value = a.description || "", I.value = a.category || "", R.value = a.isInternal ?? !1, P.value = a.isSupportFoodCourt ?? !1, D.value = !0;
+      $.value = a, h.value = a.name || "", L.value = a.description || "", I.value = a.category || "", R.value = a.isInternal ?? !1, P.value = a.isSupportFoodCourt ?? !1, N.value = !0;
     }
     async function le(o) {
-      if (!x.value) {
+      if (!_.value) {
         u.open({ message: t("report.messages.noPermission"), type: "error" });
         return;
       }
-      const e = O(o);
+      const e = A(o);
       if (!e) return;
-      if (!b(e)) {
+      if (!g(e)) {
         u.open({ message: t("report.messages.noPermission"), type: "error" });
         return;
       }
@@ -267,15 +267,15 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
       });
     }
     function ae() {
-      D.value = !1, $.value = null, h.value = "", L.value = "", I.value = "", R.value = !1, P.value = !1;
+      N.value = !1, $.value = null, h.value = "", L.value = "", I.value = "", R.value = !1, P.value = !1;
     }
     async function Se() {
-      if (!x.value) {
+      if (!_.value) {
         u.open({ message: t("report.messages.noPermission"), type: "error" });
         return;
       }
       if (!$.value) return;
-      if (!b($.value)) {
+      if (!g($.value)) {
         u.open({ message: t("report.messages.noPermission"), type: "error" });
         return;
       }
@@ -301,8 +301,8 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
             message: t("report.messages.saveSuccess"),
             type: "success"
           }), ae();
-        } catch (_) {
-          console.error(_), u.open({
+        } catch (b) {
+          console.error(b), u.open({
             message: t("report.messages.failedToAction", { action: t("report.common.update") }),
             type: "error"
           });
@@ -311,8 +311,8 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
     return Pe(async () => {
       await w.getReportTemplates();
     }), (o, e) => {
-      const a = v("FmPageHead"), _ = v("FmForm"), A = v("FmListItem"), $e = v("FmList"), Le = v("FmTable"), re = v("FmTextField"), se = v("FmSwitch"), Ie = v("FmDialog");
-      return g(), F(Me, null, {
+      const a = y("FmPageHead"), b = y("FmForm"), q = y("FmListItem"), $e = y("FmList"), Le = y("FmTable"), re = y("FmTextField"), se = y("FmSwitch"), Ie = y("FmDialog");
+      return v(), F(Me, null, {
         default: m(() => [
           s(a, {
             title: l(t)("report.view.template.title"),
@@ -327,7 +327,7 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                   "z-index": 2e3
                 }, {
                   default: m(() => [
-                    s(l(E), {
+                    s(l(H), {
                       name: "info",
                       size: "md",
                       color: "primary"
@@ -343,23 +343,23 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
             class: V(`overflow-y-hidden flex flex-col gap-8 ${l(i).sm || l(i).xs ? "mb-20" : ""}`),
             style: ze({ height: `calc(100% - ${l(i).lg || l(i).md ? 72 : 64}px)` })
           }, [
-            s(_, {
+            s(b, {
               class: V(`flex items-center gap-2 ${l(i).sm || l(i).xs ? "px-3" : "px-24"}`)
             }, {
               default: m(() => [
-                s(l(U), null, {
+                s(l(E), null, {
                   "menu-button": m(() => [
                     s(l(C), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
                       default: m(() => [
                         n("p", null, c(xe.value), 1),
-                        s(l(E), { name: "expand_more" })
+                        s(l(H), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
                   default: m(() => [
-                    (g(!0), G(De, null, Ne(K.value, (r, q) => (g(), F(l(S), {
-                      key: q,
+                    (v(!0), J(De, null, Ne(j.value, (r, G) => (v(), F(l(S), {
+                      key: G,
                       label: r.label,
                       onClick: () => ke(r.value)
                     }, null, 8, ["label", "onClick"]))), 128))
@@ -374,15 +374,15 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                 e[8] || (e[8] = n("div", { class: "grow" }, null, -1)),
                 n("div", lt, [
                   s(l(fe), {
-                    modelValue: N.value,
-                    "onUpdate:modelValue": e[0] || (e[0] = (r) => N.value = r),
+                    modelValue: B.value,
+                    "onUpdate:modelValue": e[0] || (e[0] = (r) => B.value = r),
                     class: V(`${l(i).lg || l(i).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            ne((g(), F(Le, {
+            ne((v(), F(Le, {
               key: we.value,
               ref: "table",
               class: V([l(i).sm || l(i).xs ? "px-0" : "px-24", "report-table"]),
@@ -399,14 +399,14 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                   onClick: () => te(r.id)
                 }, {
                   default: m(() => [
-                    s(A, {
+                    s(q, {
                       tag: "label",
                       label: r.name,
                       clickable: ""
                     }, {
                       append: m(() => [
                         n("div", at, [
-                          r.isInternal ? (g(), F(l(C), {
+                          r.isInternal ? (v(), F(l(C), {
                             key: 0,
                             class: "bg-fm-color-system-warning-100 text-fm-color-typo-warning",
                             compact: !0
@@ -415,8 +415,8 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                               n("p", rt, c(l(t)("report.view.template.internal")), 1)
                             ]),
                             _: 1
-                          })) : B("", !0),
-                          Z(r) ? (g(), F(l(C), {
+                          })) : M("", !0),
+                          Z(r) ? (v(), F(l(C), {
                             key: 1,
                             class: "bg-fm-color-system-success-100 text-fm-color-typo-success",
                             compact: !0
@@ -425,7 +425,7 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                               n("p", st, c(l(t)("reportV5.template.foodCourt")), 1)
                             ]),
                             _: 1
-                          })) : B("", !0),
+                          })) : M("", !0),
                           s(l(C), {
                             class: V(
                               r.categoryLabel !== l(t)("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
@@ -437,27 +437,27 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
                             ]),
                             _: 2
                           }, 1032, ["class"]),
-                          l(b)(r) ? (g(), F(l(U), {
+                          l(g)(r) ? (v(), F(l(E), {
                             key: 2,
                             placement: "left",
                             "stop-click-propagation": !0
                           }, {
                             "menu-button": m(() => [
-                              s(l(E), { name: "more_vert" })
+                              s(l(H), { name: "more_vert" })
                             ]),
                             default: m(() => [
                               s(l(S), {
                                 label: l(t)("report.common.edit"),
-                                onClick: me((q) => oe(r.id), ["stop"])
+                                onClick: me((G) => oe(r.id), ["stop"])
                               }, null, 8, ["label", "onClick"]),
                               s(l(S), {
                                 label: l(t)("report.common.delete"),
                                 class: "text-fm-color-typo-error",
-                                onClick: me((q) => le(r.id), ["stop"])
+                                onClick: me((G) => le(r.id), ["stop"])
                               }, null, 8, ["label", "onClick"])
                             ]),
                             _: 2
-                          }, 1024)) : B("", !0)
+                          }, 1024)) : M("", !0)
                         ])
                       ]),
                       "sub-label": m(() => [
@@ -481,8 +481,8 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
             ])
           ], 6),
           s(Ie, {
-            modelValue: D.value,
-            "onUpdate:modelValue": e[7] || (e[7] = (r) => D.value = r),
+            modelValue: N.value,
+            "onUpdate:modelValue": e[7] || (e[7] = (r) => N.value = r),
             overlay: !0,
             "dismiss-away": !0
           }, {
@@ -532,12 +532,12 @@ const We = { class: "flex flex-col h-full" }, Xe = ["src"], Ye = { class: "fm-ty
             ]),
             "dialog-footer": m(() => [
               e[9] || (e[9] = n("div", { class: "grow" }, null, -1)),
-              s(l(M), {
+              s(l(U), {
                 label: l(t)("report.common.cancel"),
                 variant: "tertiary",
                 onClick: ae
               }, null, 8, ["label"]),
-              s(l(M), {
+              s(l(U), {
                 label: l(t)("report.common.save"),
                 variant: "primary",
                 disabled: h.value.trim() === "",