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

package/dist/Report-aCXfcgbD.js

@@ -0,0 +1,722 @@
+import { defineComponent as Ke, ref as $, watch as Pe, computed as h, h as d, withModifiers as xe, resolveComponent as I, createBlock as ae, openBlock as O, withCtx as m, createVNode as i, createElementVNode as v, unref as t, normalizeStyle as je, normalizeClass as b, withDirectives as Ce, createElementBlock as Ie, Fragment as Ee, renderList as He, toDisplayString as k, createCommentVNode as Ye, withKeys as qe, createTextVNode as Ge, vShow as ke } from "vue";
+import { storeToRefs as se } from "pinia";
+import { u as Qe, s as We } from "./report-CN9S4Zga.js";
+import { _ as Xe } from "./Default.vue_vue_type_script_setup_true_lang-dtu8Gum_.js";
+import { u as Ze } from "./message-dialog-UoMWOnil.js";
+import { u as et } from "./global-loader-BuxFfehu.js";
+import { useSnackbar as tt, useBreakpoints as ot, components as at, FmButtonColorThemeVariant as st } from "@feedmepos/ui-library";
+import { _ as rt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
+import { c as nt, a as _e, u as lt, j as ct } from "./app-60Wbr-Yr.js";
+import { useRouter as it, useRoute as pt, onBeforeRouteLeave as dt } from "vue-router";
+import { useI18n as ut } from "@feedmepos/mf-common";
+import { r as re } from "./i18n-DbyciK4x.js";
+const mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ft = { class: "w-[343px]" }, yt = { class: "fm-typo-en-body-md-600" }, vt = ["tabindex", "aria-disabled", "onClick", "onKeydown"], bt = { class: "fm-typo-en-body-md-400 max-w-[240px]" }, Ot = /* @__PURE__ */ Ke({
+  __name: "Report",
+  setup(gt) {
+    const { t: s, te: B } = ut(), ne = it(), le = pt(), g = Qe(), De = nt(), { business: $e } = se(_e()), { isFoodCourt: ce } = se(lt()), {
+      reports: f,
+      overviewReport: K,
+      categories: F,
+      pinReport: T,
+      isOpenAddReportDialog: Oe,
+      scrollPositionY: ie,
+      customReportQuota: L,
+      canCreateCustomReport: pe
+    } = se(g), { promptMessage: de } = Ze(), { promptLoader: j } = et(), l = tt(), { breakpoints: p } = ot(), { canRead: ue, canUpdate: E, canDuplicate: me, canDelete: H, canCreateReport: Fe } = ct(), R = $();
+    dt(() => {
+      R.value && (ie.value = R.value.$el.children[0].scrollTop);
+    }), Pe(R, () => {
+      R.value && setTimeout(() => {
+        R.value && (R.value.$el.children[0].scrollTop = ie.value);
+      }, 200);
+    });
+    const Y = h(() => T.value && f.value ? f.value.filter((o) => {
+      var e;
+      return (e = T.value) == null ? void 0 : e.includes(o.id);
+    }) : []);
+    Pe(
+      [() => $e.value],
+      () => {
+        g.refreshPinReport();
+      },
+      { immediate: !0 }
+    );
+    const fe = h(() => Y.value.length > 0 ? f.value.filter(
+      (o) => Y.value.findIndex((e) => e.id === o.id) === -1
+    ) : f.value), { FmButton: Te, FmMenu: q, FmMenuItem: P, FmIcon: G, FmChip: Q, FmTooltip: Le, FmSwitch: ye } = at, y = $(/* @__PURE__ */ new Set()), W = $(/* @__PURE__ */ new Map()), Ve = /* @__PURE__ */ new Set([
+      "closeup",
+      "dailySales",
+      "hourlySales",
+      "productSales",
+      "discount",
+      "addonSales",
+      "userProductSales",
+      "categorySales",
+      "sourceProductSales",
+      "slotSales",
+      "drawer",
+      "counter",
+      "timesheet",
+      "void_",
+      "refund"
+    ]), ve = h(() => [
+      { value: void 0, label: "All" },
+      ...F.value.map((o) => ({
+        value: o.id,
+        label: o.name
+      }))
+    ]), V = $(ve.value[0]), X = $("");
+    function Z(o) {
+      return o.isDefault && Ve.has(o.permissionKey ?? "");
+    }
+    const x = h(() => fe.value.length === 0 || F.value.length === 0 ? [] : [
+      ...Y.value.map((e) => {
+        const r = F.value.find((n) => n.id === e.category);
+        return {
+          name: re(s, B, e.name, "other"),
+          categoryId: (r == null ? void 0 : r.id) ?? "",
+          category: r != null && r.name ? s(`report.category.${r.name}`) : s("report.common.uncategorized"),
+          reportId: e.id,
+          editable: e.editable,
+          description: e.description || "",
+          pin: !0,
+          canUpdate: E(e),
+          canRead: ue(e),
+          isSupportPos: e.reportType === "canvas" ? !1 : !!e.isSupportPos,
+          isMandatoryPosReport: Z(e),
+          reportType: e.reportType
+        };
+      }),
+      ...fe.value.map((e) => {
+        const r = F.value.find((n) => n.id === e.category);
+        return {
+          name: re(s, B, e.name, "other"),
+          categoryId: (r == null ? void 0 : r.id) ?? "",
+          category: r != null && r.name ? s(`report.category.${r.name}`) : s("report.common.uncategorized"),
+          reportId: e.id,
+          editable: e.editable,
+          description: e.description || "",
+          pin: !1,
+          canUpdate: E(e),
+          canRead: ue(e),
+          isSupportPos: e.reportType === "canvas" ? !1 : !!e.isSupportPos,
+          isMandatoryPosReport: Z(e),
+          reportType: e.reportType
+        };
+      })
+    ].filter((e) => V.value.value && e.categoryId !== V.value.value ? !1 : `${(e == null ? void 0 : e.name) || ""}${(e == null ? void 0 : e.description) || ""}`.toLowerCase().indexOf(X.value.toLowerCase()) !== -1)), Me = h(
+      () => x.value.map((o) => `${o.name}${o.category}`).toString()
+    ), Ne = h(() => [
+      {
+        accessorKey: "name",
+        header: s("report.common.name"),
+        enableSorting: !1,
+        cell: (o) => {
+          const e = o.row.original;
+          return d(
+            "span",
+            { class: e.canRead ? "" : "opacity-40 cursor-not-allowed" },
+            o.getValue()
+          );
+        }
+      },
+      {
+        accessorKey: "category",
+        header: s("report.common.category"),
+        enableSorting: !1,
+        meta: {
+          width: "100px"
+        },
+        cell: (o) => d(
+          Q,
+          {
+            // grey out chip text when user cannot read report
+            class: `${o.getValue() !== s("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} ${o.row.original.canRead ? "" : "opacity-40 cursor-not-allowed"} fm-typo-en-body-sm-600`,
+            compact: !0
+          },
+          { default: () => o.getValue() }
+        )
+      },
+      {
+        accessorKey: "description",
+        header: s("report.common.description"),
+        enableSorting: !1,
+        cell: (o) => {
+          const e = o.row.original;
+          return d(
+            "span",
+            { class: e.canRead ? "" : "opacity-40 cursor-not-allowed" },
+            o.getValue()
+          );
+        }
+      },
+      {
+        accessorKey: "",
+        id: "Action",
+        header: s("report.common.actions"),
+        meta: {
+          width: "130px"
+        },
+        cell: (o) => {
+          var he;
+          const e = o.row.original, r = e.reportId, n = f.value.find((u) => u.id === r), oe = r === ((he = K.value) == null ? void 0 : he.id), z = !e.canRead, D = n ? me(n) : !1, J = n ? H(n) : !1, a = e.reportType === "canvas", C = !e.canUpdate || e.isMandatoryPosReport || a || y.value.has(r), c = a ? s("reportV5.reportList.canvasPosReportHint") : e.isMandatoryPosReport ? s("reportV5.reportList.mandatoryPosReportHint") : s("reportV5.reportList.posV8Hint"), S = [
+            {
+              label: s("report.common.duplicate"),
+              onClick: () => {
+                n && D ? we(n) : D || l.open({
+                  message: s("report.messages.noPermissionDuplicateReport"),
+                  type: "error"
+                });
+              },
+              variant: "",
+              disabled: !D
+            },
+            {
+              label: s(oe ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+              onClick: async () => {
+                n && be(n);
+              },
+              variant: "",
+              disabled: !1
+            },
+            {
+              label: s("report.common.remove"),
+              onClick: () => {
+                n && (J ? Se(n) : l.open({
+                  message: s("report.messages.noPermissionDeleteReport"),
+                  type: "error"
+                }));
+              },
+              variant: "destructive",
+              disabled: !e.editable || !J
+            }
+          ];
+          return d(
+            "div",
+            {
+              class: `flex ${p.value.lg || p.value.md ? "justify-end" : ""} items-center`
+            },
+            {
+              default: () => [
+                ...ce.value ? [] : [
+                  d(
+                    Le,
+                    { content: c, placement: "bottom", zIndex: 2e3 },
+                    {
+                      default: () => d(
+                        "div",
+                        {
+                          class: "pos-v8-control mr-2 flex items-center",
+                          "data-testid": "desktop-pos-v8-toggle",
+                          onClick: (u) => {
+                            e.isMandatoryPosReport && (u.stopPropagation(), n && M(n));
+                          }
+                        },
+                        [
+                          d(
+                            "span",
+                            { class: "fm-typo-en-body-sm-400 whitespace-nowrap" },
+                            "POS v8"
+                          ),
+                          d(ye, {
+                            modelValue: e.isSupportPos,
+                            disabled: C,
+                            "aria-label": s("report.common.showInPOS"),
+                            class: "pos-v8-switch",
+                            "onUpdate:modelValue": () => {
+                              n && M(n);
+                            },
+                            onClick: (u) => {
+                              u.stopPropagation(), e.isMandatoryPosReport && n && M(n);
+                            }
+                          })
+                        ]
+                      )
+                    }
+                  )
+                ],
+                d(
+                  "button",
+                  {
+                    disabled: z,
+                    title: z ? s("report.messages.noPermission") : void 0,
+                    "aria-label": e.pin ? "Unpin" : "Pin",
+                    onClick: xe(() => {
+                      n && Re(n);
+                    }, ["stop"]),
+                    class: "text-fm-color-neutral-gray-400 hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center"
+                  },
+                  {
+                    default: () => [
+                      d(
+                        G,
+                        {
+                          name: "keep",
+                          class: "px-12 p-8",
+                          outline: !e.pin,
+                          size: "md"
+                        },
+                        {}
+                      )
+                    ]
+                  }
+                ),
+                d(
+                  q,
+                  {
+                    stopClickPropagation: !0,
+                    shift: !0,
+                    disabled: !1
+                  },
+                  {
+                    default: () => S.map(
+                      (u) => d(
+                        P,
+                        {
+                          onClick: u.disabled ? {} : u.onClick,
+                          label: u.label,
+                          class: u.disabled ? "text-fm-color-typo-disabled" : u.variant === "destructive" ? "text-fm-color-typo-error" : "",
+                          disabled: u.disabled
+                        },
+                        {
+                          label: () => d("p", u.label)
+                        }
+                      )
+                    ),
+                    "menu-button": () => d(
+                      Te,
+                      {
+                        variant: "tertiary",
+                        size: "md",
+                        icon: "more_vert",
+                        iconColor: st.NeutralGray400,
+                        disabled: !1
+                      },
+                      {}
+                    )
+                  }
+                )
+              ]
+            }
+          );
+        }
+      }
+    ]);
+    async function be(o) {
+      await j(async () => {
+        var e;
+        try {
+          const r = o.id === ((e = K.value) == null ? void 0 : e.id);
+          await g.updateDefaultReport(r ? null : o.id), l.open({
+            message: `Successfully ${r ? "unset" : "set"} ${o.name} as Overview`,
+            type: "success"
+          });
+        } catch (r) {
+          l.open({ message: JSON.stringify(r), type: "error" });
+        }
+      });
+    }
+    function ge(o, e) {
+      o.stopPropagation();
+      const r = f.value.find((n) => n.id === e);
+      r && M(r);
+    }
+    async function M(o) {
+      if (o.reportType !== "canvas") {
+        if (Z(o)) {
+          l.open({
+            message: s("reportV5.reportList.cannotConfigureMandatoryReport"),
+            type: "error"
+          });
+          return;
+        }
+        if (!E(o)) {
+          l.open({
+            message: s("report.messages.noPermissionUpdateReport"),
+            type: "error"
+          });
+          return;
+        }
+        if (!y.value.has(o.id)) {
+          y.value = new Set(y.value).add(o.id);
+          try {
+            const e = !o.isSupportPos;
+            await We(o.id, e), o.isSupportPos = e, W.value = new Map(W.value).set(
+              o.id,
+              e
+            );
+          } catch (e) {
+            console.log(e), l.open({
+              message: s("report.messages.failedToAction", { action: s("report.common.update") }),
+              type: "error"
+            });
+          } finally {
+            const e = new Set(y.value);
+            e.delete(o.id), y.value = e;
+          }
+        }
+      }
+    }
+    function Ue(o, e) {
+      return W.value.get(o) ?? e;
+    }
+    async function Ae(o) {
+      if (await de({
+        title: s("report.common.duplicate"),
+        message: s("report.messages.confirmAction", {
+          action: s("report.common.duplicate"),
+          name: o.name
+        })
+      })) {
+        const r = JSON.parse(JSON.stringify(o));
+        r.editable = !0, r.id = "", r.name = `${r.name} ${s("report.common.duplicate")}`, r.isDefault = !1, j(async () => {
+          try {
+            await g.createOrUpdateReport(r), l.open({
+              message: `${s("report.messages.duplicateSuccess", { name: r.name })}`,
+              type: "success"
+            });
+          } catch (n) {
+            l.open({ message: JSON.stringify(n), type: "error" });
+          }
+        });
+      }
+    }
+    function ee(o) {
+      const e = f.value.find((r) => r.id === o.reportId);
+      return !e || !me(e);
+    }
+    function te(o) {
+      const e = f.value.find((r) => r.id === o.reportId);
+      return !o.editable || !e || !H(e);
+    }
+    async function Se(o) {
+      if (!H(o)) {
+        l.open({
+          message: s("report.messages.noPermissionDeleteReport"),
+          type: "error"
+        });
+        return;
+      }
+      await de({
+        title: s("report.messages.deleteReport"),
+        message: s("report.messages.confirmDelete", { name: o.name })
+      }) && j(async () => {
+        try {
+          await g.removeReport(o), l.open({
+            message: s("report.messages.deleteSuccess", { name: o.name }),
+            type: "success"
+          });
+        } catch (r) {
+          l.open({ message: JSON.stringify(r), type: "error" });
+        }
+      });
+    }
+    async function we(o) {
+      if (pe.value)
+        await Ae(o);
+      else {
+        let e = `Your current plan only support up to ${L.value} custom reports.`;
+        L.value === 0 && (e = "Your current plan does not support custom report."), l.open({
+          message: e,
+          type: "error"
+        });
+      }
+    }
+    function ze() {
+      if (!Fe.value) {
+        l.open({
+          message: s("report.messages.noPermission"),
+          type: "error"
+        });
+        return;
+      }
+      if (pe.value)
+        Oe.value = !0;
+      else {
+        let o = `Your current plan only support up to ${L.value} custom reports.`;
+        L.value === 0 && (o = "Your current plan does not support custom report."), l.open({
+          message: o,
+          type: "error"
+        });
+      }
+    }
+    function Re(o) {
+      const e = re(s, B, o.name, "other") ?? "";
+      T.value && T.value.includes(o.id) ? (l.open({
+        message: `${s("report.common.unpin")} ${e} ${s("report.common.successful")}`,
+        type: "success"
+      }), g.clearPinReport(o.id)) : (l.open({
+        message: `${s("report.common.pin")} ${e} ${s("report.common.successful")}`,
+        type: "success"
+      }), g.cachePinReport(o));
+    }
+    function Je(o) {
+      V.value = o;
+    }
+    const { selectedLocationIds: _, dateRange: N, compareDateRange: U, timeRange: w, locations: Be } = _e(), A = h(() => _.length === Be.length);
+    return (o, e) => {
+      const r = I("FmPageHead"), n = I("FmSearch"), oe = I("FmForm"), z = I("FmListItem"), D = I("FmList"), J = I("FmTable");
+      return O(), ae(Xe, null, {
+        default: m(() => [
+          i(r, {
+            title: t(s)("report.common.report", 1),
+            class: "h-[68px]",
+            actions: [
+              {
+                label: `${t(s)("report.view.report.add")}`,
+                value: "add",
+                isPrimary: !0,
+                prependIcon: "add"
+              }
+            ],
+            "onClick:action": e[0] || (e[0] = (a) => ze())
+          }, null, 8, ["title", "actions"]),
+          v("div", {
+            class: b(`overflow-y-hidden flex flex-col gap-8 ${t(p).sm || t(p).xs ? "mb-20" : ""}`),
+            style: je({ height: `calc(100% - ${t(p).lg || t(p).md ? 72 : 64}px)` })
+          }, [
+            i(oe, {
+              class: b(`flex items-center gap-2 ${t(p).sm || t(p).xs ? "px-3" : "px-24"}`)
+            }, {
+              default: m(() => [
+                i(t(q), null, {
+                  "menu-button": m(() => [
+                    i(t(Q), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
+                      default: m(() => [
+                        v("p", null, k(t(s)(`report.category.${V.value.label}`)), 1),
+                        i(t(G), { name: "expand_more" })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: m(() => [
+                    (O(!0), Ie(Ee, null, He(ve.value, (a, C) => (O(), ae(t(P), {
+                      key: C,
+                      label: t(s)(`report.category.${a.label}`),
+                      onClick: () => Je(a)
+                    }, null, 8, ["label", "onClick"]))), 128))
+                  ]),
+                  _: 1
+                }),
+                v("div", {
+                  class: b(`flex ${t(p).sm || t(p).xs ? "justify-center items-center" : ""}`)
+                }, [
+                  v("p", mt, k(t(s)("report.common.results", { count: x.value.length })), 1)
+                ], 2),
+                e[3] || (e[3] = v("div", { class: "grow" }, null, -1)),
+                v("div", ft, [
+                  i(n, {
+                    modelValue: X.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => X.value = a),
+                    class: b(`${t(p).lg || t(p).md ? "grow" : ""}`)
+                  }, null, 8, ["modelValue", "class"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            Ce((O(), ae(J, {
+              key: Me.value,
+              ref_key: "table",
+              ref: R,
+              class: b([t(p).sm || t(p).xs ? "px-0" : "px-24", "report-table"]),
+              style: { height: "calc(100% - 40px)" },
+              "column-defs": Ne.value,
+              "row-data": x.value,
+              "page-size": x.value.length,
+              "hide-footer": !0,
+              "row-class-name": "row",
+              onRowClick: e[2] || (e[2] = (a) => {
+                if (!a.original.canRead) {
+                  t(l).open({
+                    message: t(s)("report.messages.noPermission"),
+                    type: "error"
+                  });
+                  return;
+                }
+                t(De).suppressReportRouteSync = !0, t(g).updateCurrentReportId(a.original.reportId), t(ne).push({
+                  name: "reportView",
+                  query: {
+                    ...t(le).query,
+                    reportId: a.original.reportId,
+                    startDate: t(N).startDate,
+                    endDate: t(N).endDate,
+                    compareStartDate: t(U).startDate,
+                    compareEndDate: t(U).endDate,
+                    timeStart: t(w).start ? JSON.stringify(t(w).start) : null,
+                    timeEnd: t(w).end ? JSON.stringify(t(w).end) : null,
+                    isAllLocation: A.value.toString(),
+                    locationIds: A.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
+                  }
+                });
+              })
+            }, {
+              "list-row": m(({ original: a }) => [
+                i(D, {
+                  onClick: () => {
+                    if (!a.canRead) {
+                      t(l).open({
+                        message: t(s)("report.messages.noPermission"),
+                        type: "error"
+                      });
+                      return;
+                    }
+                    a.reportId && (t(g).updateCurrentReportId(a.reportId), t(ne).push({
+                      name: "reportView",
+                      query: {
+                        ...t(le).query,
+                        reportId: a.reportId,
+                        startDate: t(N).startDate,
+                        endDate: t(N).endDate,
+                        compareStartDate: t(U).startDate,
+                        compareEndDate: t(U).endDate,
+                        timeStart: t(w).start ? JSON.stringify(t(w).start) : null,
+                        timeEnd: t(w).end ? JSON.stringify(t(w).end) : null,
+                        isAllLocation: A.value.toString(),
+                        locationIds: A.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
+                      }
+                    }));
+                  }
+                }, {
+                  default: m(() => [
+                    i(z, {
+                      tag: "label",
+                      clickable: ""
+                    }, {
+                      append: m(() => [
+                        i(t(Q), {
+                          class: b(`${a.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} ${a.canRead ? "" : "opacity-40 cursor-not-allowed"}`),
+                          compact: !0
+                        }, {
+                          default: m(() => [
+                            v("p", yt, k(a.category), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["class"]),
+                        i(t(q), {
+                          placement: "left",
+                          "stop-click-propagation": !0
+                        }, {
+                          "menu-button": m(() => [
+                            i(t(G), {
+                              name: "more_vert",
+                              class: "btn-color"
+                            })
+                          ]),
+                          default: m(() => {
+                            var C;
+                            return [
+                              i(t(P), {
+                                label: a.pin ? "Unpin" : "Pin",
+                                onClick: () => {
+                                  const c = t(f).find(
+                                    (S) => S.id === a.reportId
+                                  );
+                                  c && Re(c);
+                                }
+                              }, null, 8, ["label", "onClick"]),
+                              t(ce) ? Ye("", !0) : (O(), Ie("div", {
+                                key: 0,
+                                role: "menuitem",
+                                "data-testid": "mobile-pos-v8-toggle",
+                                tabindex: !a.canUpdate || a.isMandatoryPosReport || a.reportType === "canvas" || y.value.has(a.reportId) ? void 0 : -1,
+                                "aria-disabled": !a.canUpdate || a.isMandatoryPosReport || a.reportType === "canvas" || y.value.has(a.reportId),
+                                class: b(
+                                  !a.canUpdate || a.isMandatoryPosReport || a.reportType === "canvas" || y.value.has(a.reportId) ? "flex max-h-[78px] w-full cursor-not-allowed items-center justify-between gap-2 rounded px-3 py-2 pl-12 text-fm-color-typo-disabled" : "flex max-h-[78px] w-full cursor-pointer items-center justify-between gap-2 rounded px-3 py-2 pl-12 hover:bg-fm-color-opacity-sm"
+                                ),
+                                onClick: (c) => ge(c, a.reportId),
+                                onKeydown: qe(xe(
+                                  (c) => ge(c, a.reportId),
+                                  ["prevent"]
+                                ), ["enter", "space"])
+                              }, [
+                                v("span", bt, k(t(s)("report.common.showInPOS")), 1),
+                                v("span", null, [
+                                  i(t(ye), {
+                                    "model-value": a.reportType === "canvas" ? !1 : Ue(
+                                      a.reportId,
+                                      a.isSupportPos
+                                    ),
+                                    disabled: !a.canUpdate || a.isMandatoryPosReport || a.reportType === "canvas" || y.value.has(a.reportId),
+                                    "aria-label": "Show in POS v8",
+                                    class: "pointer-events-none"
+                                  }, null, 8, ["model-value", "disabled"])
+                                ])
+                              ], 42, vt)),
+                              i(t(P), {
+                                label: t(s)("report.common.duplicate"),
+                                disabled: ee(a),
+                                class: b(
+                                  ee(a) ? "text-fm-color-typo-disabled" : ""
+                                ),
+                                onClick: () => {
+                                  const c = t(f).find(
+                                    (S) => S.id === a.reportId
+                                  );
+                                  c && !ee(a) ? we(c) : t(l).open({
+                                    message: t(s)("report.messages.noPermissionDuplicateReport"),
+                                    type: "error"
+                                  });
+                                }
+                              }, null, 8, ["label", "disabled", "class", "onClick"]),
+                              i(t(P), {
+                                label: t(s)(
+                                  a.reportId === ((C = t(K)) == null ? void 0 : C.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
+                                ),
+                                onClick: () => {
+                                  const c = t(f).find(
+                                    (S) => S.id === a.reportId
+                                  );
+                                  c && be(c);
+                                }
+                              }, null, 8, ["label", "onClick"]),
+                              i(t(P), {
+                                label: t(s)("report.common.delete"),
+                                disabled: te(a),
+                                class: b(
+                                  te(a) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
+                                ),
+                                onClick: () => {
+                                  const c = t(f).find(
+                                    (S) => S.id === a.reportId
+                                  );
+                                  c && !te(a) && Se(c);
+                                }
+                              }, {
+                                label: m(() => [
+                                  Ge(k(t(s)("report.common.delete")), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["label", "disabled", "class", "onClick"])
+                            ];
+                          }),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      default: m(() => [
+                        v("span", {
+                          class: b(["fm-typo-en-body-lg-400 line-clamp-1 break-all text-fm-color-typo-primary", a.canRead ? "" : "opacity-40 cursor-not-allowed"])
+                        }, k(a.name), 3)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["class", "column-defs", "row-data", "page-size"])), [
+              [ke, x.value.length > 0]
+            ]),
+            Ce(i(rt, null, null, 512), [
+              [ke, x.value.length === 0]
+            ])
+          ], 6)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ot as default
+};