@feedmepos/mf-report 5.4.15-beta.1 → 5.4.15-beta.3

package/dist/Report-BnX5amn0.js

@@ -1,409 +0,0 @@
-import { defineComponent as re, ref as N, watch as H, computed as k, resolveComponent as x, createBlock as P, openBlock as $, withCtx as i, createVNode as n, createElementVNode as y, normalizeStyle as se, normalizeClass as _, unref as l, withDirectives as z, createElementBlock as ie, Fragment as ce, renderList as ue, toDisplayString as O, h as p, createTextVNode as me, vShow as T, withModifiers as de } from "vue";
-import { storeToRefs as Q } from "pinia";
-import { a as pe } from "./v4-DF7wffYN.js";
-import { _ as fe } from "./Default.vue_vue_type_script_setup_true_lang-Bxuyjrkr.js";
-import { u as ve } from "./message-dialog-UoMWOnil.js";
-import { a as ye, d as be } from "./global-loader-CMC9fgBi.js";
-import { useSnackbar as ge, useBreakpoints as Ce, components as xe, FmButtonColorThemeVariant as _e } from "@feedmepos/ui-library";
-import { _ as he } from "./NoData.vue_vue_type_script_setup_true_lang-DlBNFLa3.js";
-import { useRouter as ke, useRoute as we, onBeforeRouteLeave as Ie } from "vue-router";
-const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $e = { class: "w-[343px]" }, Fe = { class: "fm-typo-en-body-md-600" }, Be = /* @__PURE__ */ re({
-  __name: "Report",
-  setup(Se) {
-    const U = ke(), B = we(), m = pe(), { business: W } = Q(ye()), {
-      reports: d,
-      categories: w,
-      pinReport: I,
-      isOpenAddReportDialog: X,
-      scrollPositionY: A,
-      customReportQuota: M,
-      canCreateCustomReport: Z
-    } = Q(m), { promptMessage: q } = ve(), { promptLoader: J } = be(), f = ge(), { breakpoints: r } = Ce(), b = N();
-    Ie(() => {
-      b.value && (A.value = b.value.$el.children[0].scrollTop);
-    }), H(b, () => {
-      b.value && setTimeout(() => {
-        b.value.$el.children[0].scrollTop = A.value;
-      }, 200);
-    });
-    const F = k(() => I.value && d.value ? d.value.filter((t) => {
-      var e;
-      return (e = I.value) == null ? void 0 : e.includes(t.id);
-    }) : []);
-    H(
-      [() => W.value],
-      () => {
-        m.refreshPinReport();
-      },
-      { immediate: !0 }
-    );
-    const K = k(() => F.value.length > 0 ? d.value.filter(
-      (t) => F.value.findIndex((e) => e.id === t.id) === -1
-    ) : d.value), { FmButton: ee, FmMenu: S, FmMenuItem: h, FmIcon: L, FmChip: D } = xe, j = k(() => [
-      { value: void 0, label: "All" },
-      ...w.value.map((t) => ({ value: t.id, label: t.name }))
-    ]), v = N(j.value[0]), R = N(""), g = k(() => K.value.length === 0 || w.value.length === 0 ? [] : [
-      ...F.value.map((e) => {
-        const o = w.value.find((s) => s.id === e.category);
-        return {
-          name: e.name,
-          categoryId: (o == null ? void 0 : o.id) ?? "",
-          category: (o == null ? void 0 : o.name) || "Uncategorized",
-          reportId: e.id,
-          editable: e.editable,
-          pin: !0
-        };
-      }).filter((e) => v.value.value && e.categoryId !== v.value.value ? !1 : e.name.toLowerCase().indexOf(R.value.toLowerCase()) !== -1),
-      ...K.value.map((e) => {
-        const o = w.value.find((s) => s.id === e.category);
-        return {
-          name: e.name,
-          categoryId: (o == null ? void 0 : o.id) ?? "",
-          category: (o == null ? void 0 : o.name) || "Uncategorized",
-          reportId: e.id,
-          editable: e.editable,
-          pin: !1
-        };
-      }).filter((e) => v.value.value && e.categoryId !== v.value.value ? !1 : e.name.toLowerCase().indexOf(R.value.toLowerCase()) !== -1)
-    ]), te = k(
-      () => g.value.map((t) => `${t.name}${t.category}`).toString()
-    ), le = [
-      {
-        accessorKey: "name",
-        header: "Name",
-        enableSorting: !1,
-        cell: (t) => t.getValue()
-      },
-      {
-        accessorKey: "category",
-        header: "Category",
-        enableSorting: !1,
-        meta: {
-          width: "200px"
-        },
-        cell: (t) => p(
-          D,
-          {
-            class: `${t.getValue() !== "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: () => t.getValue() }
-        )
-      },
-      {
-        accessorKey: "",
-        id: "Action",
-        header: "",
-        meta: {
-          width: "100px"
-        },
-        cell: (t) => {
-          const e = t.row.original, o = e.reportId, s = d.value.find((c) => c.id === o), V = [
-            {
-              label: "Duplicate",
-              onClick: () => {
-                s && Y(s);
-              },
-              variant: "",
-              disabled: !1
-            },
-            {
-              label: "Remove",
-              onClick: () => {
-                s && E(s);
-              },
-              variant: "destructive",
-              disabled: !e.editable
-            }
-          ];
-          return p(
-            "div",
-            {
-              class: `flex ${r.value.lg || r.value.md ? "justify-end" : ""} items-center`
-            },
-            {
-              default: () => [
-                p(
-                  "button",
-                  {
-                    onClick: de(() => {
-                      s && G(s);
-                    }, ["stop"]),
-                    class: `text-fm-color-neutral-gray-400 ${e.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
-                  },
-                  {
-                    default: () => [
-                      p(
-                        L,
-                        {
-                          name: "keep",
-                          class: "px-12 p-8",
-                          outline: !e.pin,
-                          size: "md"
-                        },
-                        {}
-                      )
-                    ]
-                  }
-                ),
-                p(
-                  S,
-                  { stopClickPropagation: !0, shift: !0 },
-                  {
-                    default: () => V.map(
-                      (c) => p(
-                        h,
-                        {
-                          onClick: c.disabled ? {} : c.onClick,
-                          label: c.label,
-                          class: c.disabled ? "text-fm-color-typo-disabled" : c.variant === "destructive" ? "text-fm-color-typo-error" : "",
-                          disabled: c.disabled
-                        },
-                        {
-                          label: () => p("p", c.label)
-                        }
-                      )
-                    ),
-                    "menu-button": () => p(
-                      ee,
-                      {
-                        variant: "tertiary",
-                        size: "md",
-                        icon: "more_vert",
-                        iconColor: _e.NeutralGray400
-                      },
-                      {}
-                    )
-                  }
-                )
-              ]
-            }
-          );
-        }
-      }
-    ];
-    async function Y(t) {
-      if (await q({
-        title: "Duplicate report",
-        message: `Confirm duplicate ${t.name} ?`
-      })) {
-        const o = JSON.parse(JSON.stringify(t));
-        o.editable = !0, o.id = "", o.name = `${o.name} duplicate`, J(async () => {
-          try {
-            await m.createOrUpdateReport(o), f.open({ message: `Duplicate ${o.name} successful`, type: "success" });
-          } catch (s) {
-            f.open({ message: JSON.stringify(s), type: "error" });
-          }
-        });
-      }
-    }
-    async function E(t) {
-      await q({
-        title: "Delete report",
-        message: `Confirm delete ${t.name} ?`
-      }) && J(async () => {
-        try {
-          await m.removeReport(t), f.open({ message: `Delete ${t.name} successful`, type: "success" });
-        } catch (o) {
-          f.open({ message: JSON.stringify(o), type: "error" });
-        }
-      });
-    }
-    function oe() {
-      if (Z.value)
-        X.value = !0;
-      else {
-        let t = `Your current plan only support up to ${M.value} custom reports.`;
-        M.value === 0 && (t = "Your current plan does not support custom report."), f.open({
-          message: t,
-          type: "error"
-        });
-      }
-    }
-    function G(t) {
-      I.value && I.value.includes(t.id) ? (f.open({ message: `Unpin ${t.name} successful`, type: "success" }), m.clearPinReport(t.id)) : (f.open({ message: `Pin ${t.name} successful`, type: "success" }), m.cachePinReport(t));
-    }
-    return (t, e) => {
-      const o = x("FmPageHead"), s = x("FmSearch"), V = x("FmForm"), c = x("FmListItem"), ae = x("FmList"), ne = x("FmTable");
-      return $(), P(fe, null, {
-        default: i(() => [
-          n(o, {
-            title: "Reports",
-            class: "h-[68px]",
-            actions: [
-              {
-                label: "Add report",
-                value: "add",
-                isPrimary: !0,
-                prependIcon: "add"
-              }
-            ],
-            "onClick:action": e[0] || (e[0] = (a) => oe())
-          }),
-          y("div", {
-            class: _(`overflow-y-hidden flex flex-col gap-8 ${l(r).sm || l(r).xs ? "mb-20" : ""}`),
-            style: se({ height: `calc(100% - ${l(r).lg || l(r).md ? 72 : 64}px)` })
-          }, [
-            n(V, {
-              class: _(`flex items-center gap-2 ${l(r).sm || l(r).xs ? "px-3" : "px-24"}`)
-            }, {
-              default: i(() => [
-                n(l(S), null, {
-                  "menu-button": i(() => [
-                    n(l(D), {
-                      label: v.value.label,
-                      class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400"
-                    }, {
-                      default: i(() => [
-                        y("p", null, O(v.value.label), 1),
-                        n(l(L), { name: "expand_more" })
-                      ]),
-                      _: 1
-                    }, 8, ["label"])
-                  ]),
-                  default: i(() => [
-                    ($(!0), ie(ce, null, ue(j.value, (a, u) => ($(), P(l(h), {
-                      key: u,
-                      label: a.label,
-                      onClick: (C) => v.value = a
-                    }, null, 8, ["label", "onClick"]))), 128))
-                  ]),
-                  _: 1
-                }),
-                y("div", {
-                  class: _(`flex ${l(r).sm || l(r).xs ? "justify-center items-center" : ""}`)
-                }, [
-                  y("p", Re, O(g.value.length) + " results ", 1)
-                ], 2),
-                e[3] || (e[3] = y("div", { class: "grow" }, null, -1)),
-                y("div", $e, [
-                  n(s, {
-                    modelValue: R.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (a) => R.value = a),
-                    class: _(`${l(r).lg || l(r).md ? "grow" : ""}`)
-                  }, null, 8, ["modelValue", "class"])
-                ])
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            z(($(), P(ne, {
-              key: te.value,
-              ref_key: "table",
-              ref: b,
-              class: _([l(r).sm || l(r).xs ? "px-0" : "px-24", "report-table"]),
-              style: { height: "calc(100% - 40px)" },
-              "column-defs": le,
-              "row-data": g.value,
-              "page-size": g.value.length,
-              "hide-footer": !0,
-              "row-class-name": "row",
-              onRowClick: e[2] || (e[2] = (a) => {
-                l(m).updateCurrentReportId(a.original.reportId), l(U).push({
-                  name: "reportView",
-                  query: l(B).query
-                });
-              })
-            }, {
-              "list-row": i(({ original: a }) => [
-                n(ae, {
-                  onClick: () => {
-                    a.reportId && (l(m).updateCurrentReportId(a.reportId), l(U).push({
-                      name: "reportView",
-                      query: l(B).query
-                    }));
-                  }
-                }, {
-                  default: i(() => [
-                    n(c, {
-                      tag: "label",
-                      label: a.name,
-                      clickable: ""
-                    }, {
-                      append: i(() => [
-                        n(l(D), {
-                          class: _(
-                            a.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
-                          ),
-                          compact: !0
-                        }, {
-                          default: i(() => [
-                            y("p", Fe, O(a.category), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["class"]),
-                        n(l(S), {
-                          placement: "left",
-                          "stop-click-propagation": !0
-                        }, {
-                          "menu-button": i(() => [
-                            n(l(L), {
-                              name: "more_vert",
-                              class: "btn-color"
-                            })
-                          ]),
-                          default: i(() => [
-                            n(l(h), {
-                              label: a.pin ? "Unpin" : "Pin",
-                              onClick: () => {
-                                const u = l(d).find(
-                                  (C) => C.id === a.reportId
-                                );
-                                u && G(u);
-                              }
-                            }, null, 8, ["label", "onClick"]),
-                            n(l(h), {
-                              label: "Duplicate",
-                              onClick: () => {
-                                const u = l(d).find(
-                                  (C) => C.id === a.reportId
-                                );
-                                u && Y(u);
-                              }
-                            }, null, 8, ["onClick"]),
-                            z(n(l(h), {
-                              label: "Delete",
-                              class: "text-fm-color-typo-error",
-                              onClick: () => {
-                                const u = l(d).find(
-                                  (C) => C.id === a.reportId
-                                );
-                                u && E(u);
-                              }
-                            }, {
-                              label: i(() => e[4] || (e[4] = [
-                                me(" Delete ")
-                              ])),
-                              _: 2
-                            }, 1032, ["onClick"]), [
-                              [T, a.editable]
-                            ])
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      _: 2
-                    }, 1032, ["label"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 1
-            }, 8, ["class", "row-data", "page-size"])), [
-              [T, g.value.length > 0]
-            ]),
-            z(n(he, {
-              title: "No report",
-              "sub-title": "No report can be found"
-            }, null, 512), [
-              [T, g.value.length === 0]
-            ])
-          ], 6)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Be as default
-};