@versini/sassysaint 8.117.1 → 8.118.1

package/dist/chunks/MemoriesEntry.D0KEXfwY.js

@@ -0,0 +1,691 @@
+import { jsx as e, jsxs as o, Fragment as E } from "react/jsx-runtime";
+import { n as Ae, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Te, LOCAL_STORAGE_SORT_MEMORY_COLUMN as Se, useUserMemories as we, useExpiredMemories as De, useDeleteMemory as Ee, useDeleteAllActiveMemories as ke, useDeleteAllExpiredMemories as Me, useUpdateMemory as Re, useRestoreMemory as Le } from "./index.DniyWjdG.js";
+import { Button as R, TableCellSortDirections as C, ButtonIcon as F, IconEdit as Ie, IconRestore as Oe, IconDelete as Pe } from "./LogoEntry.CxkQlFwX.js";
+import { Panel as ee, Toggle as k, ButtonCancel as te, ResponsiveTooltip as z, useLocalStorage as Q, debounce as Be, ConfirmationPanel as Y } from "./App.CDmH0G0j.js";
+import { useState as f, useEffect as _e, useRef as M, useMemo as K, useCallback as Fe } from "react";
+import { TextArea as ze } from "./index.BCG13ez4.js";
+import { InlineFilter as qe } from "./InlineFilter.C6W5hEeI.js";
+import { TableHead as $e, TableRow as re, TableCell as y, TableCellSort as J, ButtonIconDelete as je, Table as Ge, TableBody as Ue } from "./ButtonIconDelete.BIQ0mdyX.js";
+import w from "clsx";
+const Ve = ({
+  open: r,
+  onOpenChange: a,
+  initialText: i,
+  metadata: t,
+  onSave: c,
+  isSaving: s = !1
+}) => {
+  const [n, p] = f(i), [l, x] = f("none");
+  _e(() => {
+    if (r) {
+      p(i);
+      const d = t?.expiration || "none";
+      x(d);
+    }
+  }, [r, i, t?.expiration]);
+  const g = () => {
+    if (n.trim().length >= 3) {
+      const d = l === "none" ? null : l;
+      c(n.trim(), d);
+    }
+  }, b = n.trim().length >= 3, A = n.trim() !== i.trim() || l !== (t?.expiration || "none");
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      open: r,
+      onOpenChange: a,
+      title: "Edit Memory",
+      animation: !0,
+      animationType: "fade",
+      footer: /* @__PURE__ */ o("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
+        /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(te, { onOpenChange: a, label: "Cancel" }) }),
+        /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+          R,
+          {
+            mode: "dark",
+            focusMode: "light",
+            disabled: s || !b || !A,
+            onClick: g,
+            children: s ? "Saving..." : "Save"
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ o("div", { className: "flex flex-col pt-2 gap-4", children: [
+        /* @__PURE__ */ e(
+          ze,
+          {
+            mode: "dark",
+            focusMode: "light",
+            label: "Memory text",
+            name: "memoryText",
+            value: n,
+            onChange: (d) => p(d.target.value),
+            autoFocus: !0,
+            helperText: n.trim().length < 3 ? "Memory text must be at least 3 characters" : `${n.length} characters`
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm m-0", children: "Memory Expiration" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-copy-medium m-0", children: "Set when this memory should expire and be automatically removed." }),
+          /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ e(
+              k,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Never expire",
+                name: "expiration-none",
+                checked: l === "none",
+                onChange: (d) => {
+                  d && x("none");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              k,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Short (1 month)",
+                name: "expiration-short",
+                checked: l === "short",
+                onChange: (d) => {
+                  d && x("short");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              k,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Medium (6 months)",
+                name: "expiration-medium",
+                checked: l === "medium",
+                onChange: (d) => {
+                  d && x("medium");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              k,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Long (1 year)",
+                name: "expiration-long",
+                checked: l === "long",
+                onChange: (d) => {
+                  d && x("long");
+                }
+              }
+            )
+          ] })
+        ] }),
+        t && /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm m-0", children: "Memory Details" }),
+          t.categories && t.categories.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Category" }),
+            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.categories.map((d, T) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "text-xs px-2 py-1 text-copy-light rounded",
+                children: d
+              },
+              `${d}-${T}`
+            )) })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row gap-4", children: [
+            /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
+              t.confidence !== void 0 && t.confidence !== null && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Confidence" }),
+                /* @__PURE__ */ o("span", { className: "text-sm text-copy-light", children: [
+                  (t.confidence * 100).toFixed(0),
+                  "%"
+                ] })
+              ] }),
+              t.status && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Status" }),
+                /* @__PURE__ */ e("span", { className: "text-sm text-copy-light capitalize", children: t.status })
+              ] }),
+              t.sourceType && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Source Type" }),
+                /* @__PURE__ */ e("span", { className: "text-sm text-copy-light capitalize", children: t.sourceType })
+              ] })
+            ] }),
+            /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
+              t.quote && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Original Prompt" }),
+                /* @__PURE__ */ o("p", { className: "text-sm text-copy-light m-0 italic", children: [
+                  '"',
+                  t.quote,
+                  '"'
+                ] })
+              ] }),
+              t.canonicalText && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Canonical Text" }),
+                /* @__PURE__ */ e("p", { className: "text-sm text-copy-light m-0 font-mono", children: t.canonicalText })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+function He({
+  isLoading: r,
+  isError: a,
+  viewMode: i
+}) {
+  const t = i === "expired" ? "expired memories" : "memories";
+  return r ? /* @__PURE__ */ o("p", { className: "m-0", children: [
+    "Loading ",
+    t,
+    "..."
+  ] }) : a ? /* @__PURE__ */ o("p", { className: "m-0 text-copy-error-light", children: [
+    "Failed to load ",
+    t,
+    "."
+  ] }) : null;
+}
+function Xe({ viewMode: r }) {
+  return /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: r === "expired" ? "No expired memories." : "No memories stored." });
+}
+function Qe({
+  sortDirection: r,
+  sortedCell: a,
+  viewMode: i,
+  onSortChange: t
+}) {
+  const c = (s) => {
+    t(s);
+  };
+  return /* @__PURE__ */ e($e, { children: /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ e(y, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ e(y, { children: "Memory" }),
+    /* @__PURE__ */ e(
+      J,
+      {
+        focusMode: "system",
+        buttonClassName: "text-xs sm:text-sm",
+        cellId: "createdAt",
+        align: "left",
+        sortDirection: r,
+        sortedCell: a,
+        onClick: () => c("createdAt"),
+        children: "Date"
+      }
+    ),
+    /* @__PURE__ */ e(
+      J,
+      {
+        focusMode: "system",
+        buttonClassName: "text-xs sm:text-sm",
+        cellId: "expiresAt",
+        align: "left",
+        sortDirection: r,
+        sortedCell: a,
+        onClick: () => c("expiresAt"),
+        children: i === "active" ? "Expires" : "Expired"
+      }
+    ),
+    /* @__PURE__ */ e(y, { align: "right", children: "Actions" })
+  ] }) });
+}
+function Ye(r, a, i) {
+  return [...r].sort((t, c) => {
+    if (a === "createdAt") {
+      const s = t.createdAt ? new Date(t.createdAt).getTime() : 0, n = c.createdAt ? new Date(c.createdAt).getTime() : 0;
+      return i === C.ASC ? s - n : n - s;
+    }
+    if (a === "expiresAt") {
+      const s = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, n = c.expiresAt ? new Date(c.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
+      return i === C.ASC ? s - n : n - s;
+    }
+    return 0;
+  });
+}
+function W(r, a) {
+  const i = `${r} memor${r === 1 ? "y" : "ies"}`, t = a ? ` (~${a} tokens)` : "";
+  return i + t;
+}
+const S = {
+  rowNumber: "dark:text-copy-medium",
+  memoryText: "dark:text-copy-lighter max-w-25 sm:max-w-100 text-xs sm:text-sm",
+  date: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+  dateCompact: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm",
+  actions: "align-top border-l border-table-light dark:border-table-dark"
+};
+function Z(r, a) {
+  const i = a.trim().toLowerCase();
+  return i ? r.filter((t) => {
+    const c = (t.description || "").toLowerCase(), s = (t.text || "").toLowerCase(), n = (t.categories || []).join(" ").toLowerCase();
+    return c.includes(i) || s.includes(i) || n.includes(i);
+  }) : r;
+}
+function Ke({
+  memory: r,
+  index: a,
+  viewMode: i,
+  isEditPending: t = !1,
+  isDeletePending: c = !1,
+  isRestorePending: s = !1,
+  onEdit: n,
+  onDelete: p,
+  onRestore: l
+}) {
+  const x = r.description || r.text, g = r.createdAt ? new Date(r.createdAt).toLocaleDateString() : "-", b = r.expiresAt ? new Date(r.expiresAt).toLocaleDateString() : i === "active" ? "Never" : "-";
+  return /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ e(y, { className: w(S.rowNumber), children: a + 1 }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        className: w(S.memoryText),
+        style: { wordBreak: "break-word" },
+        children: x
+      }
+    ),
+    /* @__PURE__ */ e(y, { className: w(S.date), children: g }),
+    /* @__PURE__ */ e(y, { className: w(S.dateCompact), children: b }),
+    /* @__PURE__ */ e(y, { className: S.actions, align: "right", children: /* @__PURE__ */ o("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
+      i === "active" && n && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+        z,
+        {
+          label: "Edit memory",
+          mode: "system",
+          placement: "top",
+          trigger: /* @__PURE__ */ e(
+            F,
+            {
+              focusMode: "system",
+              noBorder: !0,
+              label: "Edit memory",
+              variant: "primary",
+              disabled: t,
+              onClick: () => n(r),
+              children: /* @__PURE__ */ e(Ie, { size: "size-3", monotone: !0 })
+            }
+          )
+        }
+      ) }),
+      i === "expired" && l && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+        z,
+        {
+          label: "Restore memory",
+          mode: "system",
+          placement: "top",
+          trigger: /* @__PURE__ */ e(
+            F,
+            {
+              focusMode: "system",
+              noBorder: !0,
+              label: "Restore memory",
+              variant: "primary",
+              disabled: s,
+              onClick: () => l(r.memoryId),
+              children: /* @__PURE__ */ e(Oe, { size: "size-3", monotone: !0 })
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: i === "active" ? /* @__PURE__ */ e(
+        je,
+        {
+          label: "Delete memory",
+          disabled: c,
+          onClick: () => p(r)
+        }
+      ) : /* @__PURE__ */ e(
+        z,
+        {
+          label: "Delete memory",
+          mode: "system",
+          placement: "top",
+          trigger: /* @__PURE__ */ e(
+            F,
+            {
+              focusMode: "system",
+              noBorder: !0,
+              label: "Delete memory",
+              variant: "primary",
+              iconClassName: "text-copy-error-dark dark:text-copy-error-light",
+              disabled: c,
+              onClick: () => p(r),
+              children: /* @__PURE__ */ e(Pe, { size: "size-3", monotone: !0 })
+            }
+          )
+        }
+      ) })
+    ] }) })
+  ] }, r.memoryId);
+}
+function Je({
+  data: r,
+  isLoading: a,
+  isError: i,
+  viewMode: t,
+  sortDirection: c,
+  sortedCell: s,
+  isEditPending: n = !1,
+  isDeletePending: p = !1,
+  isRestorePending: l = !1,
+  isFiltered: x = !1,
+  totalCount: g,
+  onSortChange: b,
+  onEdit: A,
+  onDelete: d,
+  onRestore: T
+}) {
+  const L = /* @__PURE__ */ e(
+    He,
+    {
+      isLoading: a,
+      isError: i,
+      viewMode: t
+    }
+  );
+  if (a || i)
+    return L;
+  if (!r || r.items.length === 0)
+    return /* @__PURE__ */ e(Xe, { viewMode: t });
+  const I = Ye(r.items, s, c), O = x && g !== void 0 ? `Showing ${r.items.length} of ${W(g, r.totalTokenUsage)}` : W(r.total, r.totalTokenUsage);
+  return /* @__PURE__ */ o(
+    Ge,
+    {
+      stickyHeader: !0,
+      stickyFooter: !0,
+      compact: !0,
+      mode: "alt-system",
+      caption: t === "active" ? O : void 0,
+      wrapperClassName: w(
+        "max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]",
+        "sm:max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          Qe,
+          {
+            sortDirection: c,
+            sortedCell: s,
+            viewMode: t,
+            onSortChange: b
+          }
+        ),
+        /* @__PURE__ */ e(Ue, { children: I.map((h, D) => /* @__PURE__ */ e(
+          Ke,
+          {
+            memory: h,
+            index: D,
+            viewMode: t,
+            isEditPending: n,
+            isDeletePending: p,
+            isRestorePending: l,
+            onEdit: A,
+            onDelete: d,
+            onRestore: T
+          },
+          h.memoryId
+        )) })
+      ]
+    }
+  );
+}
+const at = ({ open: r, onOpenChange: a, user: i }) => {
+  const t = M(null), c = M(null), { getAccessToken: s } = Ae(), [n, p] = f(""), [l, x] = f("active"), [g, b] = Q({
+    key: X + Te,
+    initialValue: C.DESC
+  }), [A, d] = Q({
+    key: X + Se,
+    initialValue: "createdAt"
+  }), [T, L] = f(
+    g || C.DESC
+  ), [I, O] = f(
+    A || "createdAt"
+  ), { data: h, isLoading: D, isError: ie } = we({
+    user: i,
+    getAccessToken: s,
+    enabled: r && l === "active"
+  }), {
+    data: N,
+    isLoading: oe,
+    isError: ne
+  } = De({
+    user: i,
+    getAccessToken: s,
+    enabled: r && l === "expired"
+  }), le = K(() => {
+    if (!h)
+      return;
+    const m = Z(h.items, n);
+    return {
+      ...h,
+      items: m,
+      filteredTotal: m.length
+    };
+  }, [h, n]), se = K(() => {
+    if (!N)
+      return;
+    const m = Z(
+      N.items,
+      n
+    );
+    return {
+      ...N,
+      items: m,
+      filteredTotal: m.length
+    };
+  }, [N, n]), ae = Fe(
+    Be((m) => {
+      p(m.target.value.trim());
+    }, 300),
+    []
+  ), ce = () => {
+    p(""), c.current && (c.current.value = "", c.current.focus());
+  }, q = Ee({ getAccessToken: s }), $ = ke({ getAccessToken: s }), j = Me({ getAccessToken: s }), P = Re({ getAccessToken: s }), G = Le({ getAccessToken: s }), [de, U] = f(!1), v = M(null), [me, V] = f(!1), [ue, B] = f(!1), u = M(null), xe = (m) => {
+    O(m), d(m), L((_) => {
+      const H = _ === C.ASC ? C.DESC : C.ASC;
+      return b(H), H;
+    });
+  }, pe = (m) => {
+    v.current = m, U(!0);
+  }, he = () => {
+    v.current && i && q.mutate({ user: i, memoryId: v.current.memoryId });
+  }, fe = (m) => {
+    u.current = m, B(!0);
+  }, ge = (m, _) => {
+    u.current && i && P.mutate(
+      {
+        user: i,
+        memoryId: u.current.memoryId,
+        description: m,
+        expiration: _ || void 0
+      },
+      {
+        onSuccess: () => {
+          B(!1);
+        }
+      }
+    );
+  }, ye = (m) => {
+    i && G.mutate({ user: i, memoryId: m });
+  }, be = () => {
+    i && V(!0);
+  }, ve = () => {
+    i && (l === "active" ? $.mutate({ user: i }) : j.mutate({ user: i }));
+  }, Ce = l === "active" ? h : N, Ne = (l === "active" ? $.isPending : j.isPending) || (Ce?.total ?? 0) === 0;
+  return /* @__PURE__ */ o(E, { children: [
+    /* @__PURE__ */ e(
+      Ve,
+      {
+        open: ue,
+        onOpenChange: B,
+        initialText: u.current?.description || "",
+        metadata: u.current ? {
+          categories: u.current.categories,
+          quote: u.current.quote,
+          canonicalText: u.current.canonicalText,
+          confidence: u.current.confidence,
+          status: u.current.status,
+          sourceType: u.current.sourceType,
+          expiration: u.current.expiration,
+          expiresAt: u.current.expiresAt
+        } : void 0,
+        onSave: ge,
+        isSaving: P.isPending
+      }
+    ),
+    /* @__PURE__ */ o(
+      Y,
+      {
+        showConfirmation: de,
+        setShowConfirmation: U,
+        action: he,
+        customStrings: {
+          title: "Delete memory",
+          confirmAction: "Delete",
+          cancelAction: "Cancel"
+        },
+        children: [
+          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete this memory?" }),
+          /* @__PURE__ */ o("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
+            /* @__PURE__ */ o("li", { children: [
+              "Excerpt:",
+              " ",
+              (v.current?.description || v.current?.text || "").slice(0, 80)
+            ] }),
+            /* @__PURE__ */ o("li", { children: [
+              "Created:",
+              " ",
+              v.current?.createdAt ? new Date(v.current.createdAt).toLocaleString() : "-"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      Y,
+      {
+        showConfirmation: me,
+        setShowConfirmation: V,
+        action: ve,
+        customStrings: {
+          title: "Delete memories",
+          confirmAction: "Delete all",
+          cancelAction: "Cancel"
+        },
+        children: /* @__PURE__ */ e("p", { className: "m-0", children: l === "active" ? /* @__PURE__ */ o(E, { children: [
+          "This will permanently delete all ",
+          /* @__PURE__ */ e("em", { children: "active memories" }),
+          " for this user. This action cannot be undone."
+        ] }) : /* @__PURE__ */ o(E, { children: [
+          "This will permanently delete all ",
+          /* @__PURE__ */ e("em", { children: "expired memories" }),
+          " for this user. This action cannot be undone."
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      ee,
+      {
+        open: r,
+        onOpenChange: (m) => a(m),
+        title: "User Memories",
+        animation: !0,
+        animationType: "fade",
+        blurEffect: "large",
+        initialFocus: t,
+        className: "h-full sm:h-max",
+        footer: /* @__PURE__ */ o("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
+          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+            te,
+            {
+              onOpenChange: a,
+              label: "Close",
+              ref: t
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+            R,
+            {
+              mode: "dark",
+              focusMode: "light",
+              variant: "danger",
+              disabled: Ne,
+              onClick: be,
+              children: "Delete All"
+            }
+          ) })
+        ] }),
+        children: /* @__PURE__ */ o("div", { className: "flex h-full flex-col gap-4", children: [
+          /* @__PURE__ */ e(
+            qe,
+            {
+              header: D && n ? "Loading..." : n ? "Filters applied" : "Filters",
+              toggles: /* @__PURE__ */ o(E, { children: [
+                /* @__PURE__ */ e(
+                  R,
+                  {
+                    focusMode: "light",
+                    mode: l === "active" ? "light" : "dark",
+                    size: "small",
+                    noBorder: !0,
+                    onClick: () => x("active"),
+                    children: "Active Memories"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  R,
+                  {
+                    focusMode: "light",
+                    mode: l === "expired" ? "light" : "dark",
+                    size: "small",
+                    noBorder: !0,
+                    onClick: () => x("expired"),
+                    children: "Expired Memories"
+                  }
+                )
+              ] }),
+              inputSearchRef: c,
+              onSearchChange: ae,
+              onResetSearch: ce,
+              defaultValue: n,
+              resetDisabled: n === ""
+            }
+          ),
+          /* @__PURE__ */ e(
+            Je,
+            {
+              data: l === "active" ? le : se,
+              isLoading: l === "active" ? D : oe,
+              isError: l === "active" ? ie : ne,
+              viewMode: l,
+              sortDirection: T,
+              sortedCell: I,
+              isEditPending: P.isPending,
+              isDeletePending: q.isPending,
+              isRestorePending: G.isPending,
+              isFiltered: n !== "",
+              totalCount: l === "active" ? h?.total : N?.total,
+              onSortChange: xe,
+              onEdit: l === "active" ? fe : void 0,
+              onDelete: pe,
+              onRestore: l === "expired" ? ye : void 0
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  at as default
+};