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

package/dist/Report-BHKBocSb.js

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