@feedmepos/mf-report 5.28.4-beta.5 → 5.28.5-beta.0

package/dist/Report-DeLOcjgU.js

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