@feedmepos/mf-report 5.32.3 → 5.33.0-beta.0

package/dist/Template-DKUNK3A7.js

@@ -1,522 +0,0 @@
-import { defineComponent as ie, computed as u, resolveComponent as v, createElementBlock as A, openBlock as _, renderSlot as Ve, createVNode as n, withCtx as s, createCommentVNode as q, createElementVNode as i, toDisplayString as d, ref as b, h as p, onMounted as Le, createBlock as R, unref as l, normalizeStyle as Se, normalizeClass as C, withDirectives as ae, Fragment as $e, renderList as Ie, withModifiers as re, vShow as ne } from "vue";
-import { a as Re } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { u as me } from "./_plugin-vue_export-helper-C6QDExPN.js";
-import { _ as Pe } from "./Default.vue_vue_type_script_setup_true_lang-DinIx-4F.js";
-import { u as ze } from "./global-loader-BuxFfehu.js";
-import { u as De } from "./message-dialog-UoMWOnil.js";
-import { u as Ne } from "./report-DcuMyUEc.js";
-import { r as se } from "./i18n-DbyciK4x.js";
-import { useBreakpoints as Be, useSnackbar as Me, components as Ee, FmButtonColorThemeVariant as Ke } from "@feedmepos/ui-library";
-import { useRouter as Ue, useRoute as je } from "vue-router";
-import { storeToRefs as He } from "pinia";
-import { j as Oe } from "./app-DSxKqUxD.js";
-const Ae = { class: "flex flex-col h-full" }, qe = ["src"], Ge = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Je = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, Qe = /* @__PURE__ */ ie({
-  __name: "NoTemplate",
-  props: {
-    title: { default: "report.view.template.noTemplates" },
-    subTitle: { default: "report.view.template.noTemplatesHint" },
-    svgPath: { default: "" }
-  },
-  setup(G) {
-    const { t: w, te: x } = me(), g = G;
-    function m(f) {
-      return x(f) ? w(f) : f;
-    }
-    const t = u(() => m(g.title)), k = u(() => m(g.subTitle));
-    return (f, J) => {
-      const c = v("FmCard");
-      return _(), A("div", Ae, [
-        Ve(f.$slots, "menu"),
-        n(c, {
-          class: "p-24 h-full flex flex-col gap-2 items-center justify-center",
-          variant: "flat"
-        }, {
-          default: s(() => [
-            f.svgPath ? (_(), A("img", {
-              key: 0,
-              src: f.svgPath,
-              alt: "No data illustration",
-              class: "mb-4 w-80 h-80"
-            }, null, 8, qe)) : q("", !0),
-            i("p", Ge, d(t.value), 1),
-            i("p", Je, d(k.value), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), We = { class: "flex items-center gap-2" }, Xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye = { class: "w-[343px]" }, Ze = { class: "flex items-center gap-2" }, et = { class: "fm-typo-en-body-sm-600" }, tt = { class: "fm-typo-en-body-md-600" }, ot = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, lt = { class: "fm-typo-en-title-sm-600" }, at = { class: "flex flex-col gap-3" }, rt = { class: "flex flex-col gap-1" }, nt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _t = /* @__PURE__ */ ie({
-  __name: "Template",
-  setup(G) {
-    const w = Ne(), { isAdmin: x, canManageTemplate: g } = Oe(), { breakpoints: m } = Be(), { t, te: k } = me(), f = Ue(), J = je(), c = Me(), { promptLoader: Q } = ze(), { promptMessage: W } = De(), { FmButton: N, FmMenu: B, FmMenuItem: F, FmIcon: M, FmChip: V, FmSearch: ce, FmTooltip: pe } = Ee, { editingReport: ue, reportTemplates: de, categories: fe } = He(w), E = u(() => fe.value ?? []), X = u(() => de.value ?? []), K = u(() => [
-      {
-        label: t("report.common.all"),
-        value: void 0
-      },
-      ...E.value.map((o) => ({
-        label: U(o.name),
-        value: o.id
-      }))
-    ]), P = b(void 0), ve = u(
-      () => {
-        var o, e;
-        return ((o = K.value.find((a) => a.value === P.value)) == null ? void 0 : o.label) ?? ((e = K.value[0]) == null ? void 0 : e.label) ?? "";
-      }
-    ), z = b(!1), L = b(null), h = b(""), S = b(""), $ = b(""), I = b(!1), ge = u(() => [
-      {
-        label: t("report.common.uncategorized"),
-        value: ""
-      },
-      ...E.value.map((o) => ({
-        label: U(o.name),
-        value: o.id
-      }))
-    ]), D = b(""), T = u(() => {
-      const o = D.value.toLowerCase(), e = t("report.common.uncategorized");
-      return X.value.map((a) => {
-        const y = E.value.find((H) => H.id === a.category);
-        return {
-          id: a.id,
-          name: se(t, k, Y(a), "other"),
-          description: se(t, k, a.description || "", "other"),
-          categoryId: a.category || "",
-          categoryLabel: y ? U(y.name) : e,
-          isOwner: a.isOwner ?? !1,
-          isInternal: a.isInternal ?? !1
-        };
-      }).filter((a) => P.value && a.categoryId !== P.value ? !1 : !D.value.trim() || a.name.toLowerCase().includes(o) || a.description.toLowerCase().includes(o));
-    }), ye = u(
-      () => T.value.map(
-        (o) => `${o.id}${o.name}${o.categoryLabel}${o.isInternal}`
-      ).join("")
-    ), be = u(() => [
-      {
-        accessorKey: "name",
-        header: t("report.common.name"),
-        enableSorting: !1,
-        cell: (o) => {
-          const e = o.row.original;
-          return p("div", { class: "flex items-center gap-2" }, [
-            p("span", o.getValue()),
-            ...e.isInternal ? [_e()] : []
-          ]);
-        }
-      },
-      {
-        accessorKey: "categoryLabel",
-        header: t("report.common.category"),
-        enableSorting: !1,
-        meta: {
-          width: "100px"
-        },
-        cell: (o) => p(
-          V,
-          {
-            class: `${o.getValue() !== t("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"}  fm-typo-en-body-sm-600`,
-            compact: !0
-          },
-          { default: () => o.getValue() }
-        )
-      },
-      {
-        accessorKey: "description",
-        header: t("report.common.description"),
-        enableSorting: !1,
-        cell: (o) => p("span", o.getValue())
-      },
-      {
-        accessorKey: "",
-        id: "Action",
-        header: "",
-        meta: {
-          width: "0px"
-        },
-        cell: (o) => {
-          const e = o.row.original, a = !g(e);
-          return p(
-            "div",
-            {
-              class: `flex ${m.value.lg || m.value.md ? "justify-end" : ""} items-center`
-            },
-            {
-              default: () => x.value ? [
-                p(
-                  B,
-                  {
-                    stopClickPropagation: !0,
-                    shift: !0,
-                    disabled: a
-                  },
-                  {
-                    default: () => [
-                      p(F, {
-                        label: t("report.common.edit"),
-                        disabled: a,
-                        onClick: () => ee(e.id)
-                      }),
-                      p(F, {
-                        label: t("report.common.delete"),
-                        disabled: a,
-                        onClick: () => te(e.id)
-                      })
-                    ],
-                    "menu-button": () => p(N, {
-                      variant: "tertiary",
-                      size: "md",
-                      icon: "more_vert",
-                      iconColor: Ke.NeutralGray400,
-                      disabled: a
-                    })
-                  }
-                )
-              ] : []
-            }
-          );
-        }
-      }
-    ]);
-    function _e() {
-      return p(
-        V,
-        {
-          class: "bg-fm-color-system-warning-100 text-fm-color-typo-warning fm-typo-en-body-sm-600",
-          compact: !0
-        },
-        { default: () => t("report.view.template.internal") }
-      );
-    }
-    function U(o) {
-      const e = `report.category.${o}`;
-      return k(e) ? t(e) : o;
-    }
-    function we(o) {
-      return o.id;
-    }
-    function Y(o) {
-      return o.name;
-    }
-    function xe(o) {
-      P.value = o;
-    }
-    function j(o) {
-      return X.value.find((e) => we(e) === o);
-    }
-    function Z(o) {
-      const e = j(o);
-      if (!e) return;
-      const a = {
-        ...e.report,
-        id: "",
-        isDefault: !1,
-        editable: !0
-      }, y = Y(e);
-      a.name = `${y} duplicate`, ue.value = a, f.push({
-        name: "reportEditor",
-        query: J.query
-      });
-    }
-    function ee(o) {
-      if (!x.value) {
-        c.open({ message: t("report.messages.noPermission"), type: "error" });
-        return;
-      }
-      const e = j(o);
-      if (!e) return;
-      if (!g(e)) {
-        c.open({ message: t("report.messages.noPermission"), type: "error" });
-        return;
-      }
-      const a = JSON.parse(JSON.stringify(e));
-      L.value = a, h.value = a.name || "", S.value = a.description || "", $.value = a.category || "", I.value = a.isInternal ?? !1, z.value = !0;
-    }
-    async function te(o) {
-      if (!x.value) {
-        c.open({ message: t("report.messages.noPermission"), type: "error" });
-        return;
-      }
-      const e = j(o);
-      if (!e) return;
-      if (!g(e)) {
-        c.open({ message: t("report.messages.noPermission"), type: "error" });
-        return;
-      }
-      await W({
-        title: t("report.messages.deleteTemplate"),
-        message: t("report.messages.confirmDelete", { name: e.name })
-      }) && await Q(async () => {
-        await w.removeReportTemplates(e), c.open({
-          message: t("report.messages.deleteSuccess", { name: e.name }),
-          type: "success"
-        });
-      });
-    }
-    function oe() {
-      z.value = !1, L.value = null, h.value = "", S.value = "", $.value = "", I.value = !1;
-    }
-    async function he() {
-      if (!x.value) {
-        c.open({ message: t("report.messages.noPermission"), type: "error" });
-        return;
-      }
-      if (!L.value) return;
-      if (!g(L.value)) {
-        c.open({ message: t("report.messages.noPermission"), type: "error" });
-        return;
-      }
-      const o = t("report.common.update"), e = {
-        ...L.value,
-        name: h.value,
-        description: S.value,
-        category: $.value,
-        isInternal: I.value
-      };
-      if (await W({
-        title: o,
-        message: t("report.messages.confirmAction", {
-          action: o,
-          name: e.name
-        })
-      }))
-        try {
-          await Q(async () => {
-            await w.updateReportTemplate(e);
-          }), c.open({
-            message: t("report.messages.saveSuccess"),
-            type: "success"
-          }), oe();
-        } catch (y) {
-          console.error(y), c.open({
-            message: t("report.messages.failedToAction", { action: t("report.common.update") }),
-            type: "error"
-          });
-        }
-    }
-    return Le(async () => {
-      await w.getReportTemplates();
-    }), (o, e) => {
-      const a = v("FmPageHead"), y = v("FmForm"), H = v("FmListItem"), Te = v("FmList"), Ce = v("FmTable"), le = v("FmTextField"), ke = v("FmSwitch"), Fe = v("FmDialog");
-      return _(), R(Pe, null, {
-        default: s(() => [
-          n(a, {
-            title: l(t)("report.view.template.title"),
-            class: "h-[68px] fm-typo-en-title-md-600"
-          }, {
-            title: s(() => [
-              i("div", We, [
-                i("p", null, d(l(t)("report.view.template.title")), 1),
-                n(l(pe), {
-                  content: l(t)("report.view.template.sharedTooltip"),
-                  placement: "bottom",
-                  "z-index": 2e3
-                }, {
-                  default: s(() => [
-                    n(l(M), {
-                      name: "info",
-                      size: "md",
-                      color: "primary"
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["content"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["title"]),
-          i("div", {
-            class: C(`overflow-y-hidden flex flex-col gap-8 ${l(m).sm || l(m).xs ? "mb-20" : ""}`),
-            style: Se({ height: `calc(100% - ${l(m).lg || l(m).md ? 72 : 64}px)` })
-          }, [
-            n(y, {
-              class: C(`flex items-center gap-2 ${l(m).sm || l(m).xs ? "px-3" : "px-24"}`)
-            }, {
-              default: s(() => [
-                n(l(B), null, {
-                  "menu-button": s(() => [
-                    n(l(V), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
-                      default: s(() => [
-                        i("p", null, d(ve.value), 1),
-                        n(l(M), { name: "expand_more" })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  default: s(() => [
-                    (_(!0), A($e, null, Ie(K.value, (r, O) => (_(), R(l(F), {
-                      key: O,
-                      label: r.label,
-                      onClick: () => xe(r.value)
-                    }, null, 8, ["label", "onClick"]))), 128))
-                  ]),
-                  _: 1
-                }),
-                i("div", {
-                  class: C(`flex ${l(m).sm || l(m).xs ? "justify-center items-center" : ""}`)
-                }, [
-                  i("p", Xe, d(l(t)("report.common.results", { count: T.value.length })), 1)
-                ], 2),
-                e[7] || (e[7] = i("div", { class: "grow" }, null, -1)),
-                i("div", Ye, [
-                  n(l(ce), {
-                    modelValue: D.value,
-                    "onUpdate:modelValue": e[0] || (e[0] = (r) => D.value = r),
-                    class: C(`${l(m).lg || l(m).md ? "grow" : ""}`)
-                  }, null, 8, ["modelValue", "class"])
-                ])
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            ae((_(), R(Ce, {
-              key: ye.value,
-              ref: "table",
-              class: C([l(m).sm || l(m).xs ? "px-0" : "px-24", "report-table"]),
-              style: { height: "calc(100% - 40px)" },
-              "column-defs": be.value,
-              "row-data": T.value,
-              "page-size": T.value.length,
-              "hide-footer": !0,
-              "row-class-name": "row",
-              onRowClick: e[1] || (e[1] = (r) => Z(r.original.id))
-            }, {
-              "list-row": s(({ original: r }) => [
-                n(Te, {
-                  onClick: () => Z(r.id)
-                }, {
-                  default: s(() => [
-                    n(H, {
-                      tag: "label",
-                      label: r.name,
-                      clickable: ""
-                    }, {
-                      append: s(() => [
-                        i("div", Ze, [
-                          r.isInternal ? (_(), R(l(V), {
-                            key: 0,
-                            class: "bg-fm-color-system-warning-100 text-fm-color-typo-warning",
-                            compact: !0
-                          }, {
-                            default: s(() => [
-                              i("p", et, d(l(t)("report.view.template.internal")), 1)
-                            ]),
-                            _: 1
-                          })) : q("", !0),
-                          n(l(V), {
-                            class: C(
-                              r.categoryLabel !== l(t)("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
-                            ),
-                            compact: !0
-                          }, {
-                            default: s(() => [
-                              i("p", tt, d(r.categoryLabel), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["class"]),
-                          l(g)(r) ? (_(), R(l(B), {
-                            key: 1,
-                            placement: "left",
-                            "stop-click-propagation": !0
-                          }, {
-                            "menu-button": s(() => [
-                              n(l(M), { name: "more_vert" })
-                            ]),
-                            default: s(() => [
-                              n(l(F), {
-                                label: l(t)("report.common.edit"),
-                                onClick: re((O) => ee(r.id), ["stop"])
-                              }, null, 8, ["label", "onClick"]),
-                              n(l(F), {
-                                label: l(t)("report.common.delete"),
-                                class: "text-fm-color-typo-error",
-                                onClick: re((O) => te(r.id), ["stop"])
-                              }, null, 8, ["label", "onClick"])
-                            ]),
-                            _: 2
-                          }, 1024)) : q("", !0)
-                        ])
-                      ]),
-                      "sub-label": s(() => [
-                        i("p", ot, d(r.description), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["label"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 1
-            }, 8, ["class", "column-defs", "row-data", "page-size"])), [
-              [ne, T.value.length > 0]
-            ]),
-            ae(n(Qe, {
-              title: "report.view.template.noTemplates",
-              "sub-title": "report.view.template.noTemplatesHint"
-            }, null, 512), [
-              [ne, T.value.length === 0]
-            ])
-          ], 6),
-          n(Fe, {
-            modelValue: z.value,
-            "onUpdate:modelValue": e[6] || (e[6] = (r) => z.value = r),
-            overlay: !0,
-            "dismiss-away": !0
-          }, {
-            "dialog-header": s(() => [
-              i("p", lt, d(l(t)("report.common.edit")), 1)
-            ]),
-            default: s(() => [
-              i("div", at, [
-                n(le, {
-                  modelValue: h.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (r) => h.value = r),
-                  label: l(t)("report.common.name"),
-                  placeholder: l(t)("report.view.report.enter")
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                n(le, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (r) => S.value = r),
-                  label: l(t)("report.common.description"),
-                  placeholder: l(t)("report.common.description")
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                n(Re, {
-                  modelValue: $.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (r) => $.value = r),
-                  label: l(t)("report.common.category"),
-                  items: ge.value,
-                  "disable-search": !0
-                }, null, 8, ["modelValue", "label", "items"]),
-                i("div", rt, [
-                  n(ke, {
-                    modelValue: I.value,
-                    "onUpdate:modelValue": e[5] || (e[5] = (r) => I.value = r),
-                    label: l(t)("report.view.template.internal"),
-                    "label-placement": "right"
-                  }, null, 8, ["modelValue", "label"]),
-                  i("p", nt, d(l(t)("report.view.template.internalHint")), 1)
-                ])
-              ])
-            ]),
-            "dialog-footer": s(() => [
-              e[8] || (e[8] = i("div", { class: "grow" }, null, -1)),
-              n(l(N), {
-                label: l(t)("report.common.cancel"),
-                variant: "tertiary",
-                onClick: oe
-              }, null, 8, ["label"]),
-              n(l(N), {
-                label: l(t)("report.common.save"),
-                variant: "primary",
-                disabled: h.value.trim() === "",
-                onClick: he
-              }, null, 8, ["label", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _t as default
-};