@blocklet/ui-react 2.13.70 → 3.0.1

package/lib/UserSessions/components/user-sessions.js

@@ -1,322 +1,274 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Datatable from "@arcblock/ux/lib/Datatable";
-import { useCreation, useMemoizedFn, useMount, useReactive, useRequest } from "ahooks";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import RelativeTime from "@arcblock/ux/lib/RelativeTime";
-import UAParser from "ua-parser-js";
-import { getVisitorId } from "@arcblock/ux/lib/Util";
-import { useConfirm } from "@arcblock/ux/lib/Dialog";
-import PQueue from "p-queue";
-import {
-  Box,
-  Button,
-  CircularProgress,
-  FormControlLabel,
-  Radio,
-  RadioGroup,
-  Tooltip,
-  Typography,
-  useMediaQuery
-} from "@mui/material";
-import { memo, useEffect } from "react";
-import { mergeSx } from "@arcblock/ux/lib/Util/style";
-import useMobile from "../../hooks/use-mobile.js";
-import UserSessionInfo from "./user-session-info.js";
-import { client } from "../../libs/client.js";
-import { translations } from "../libs/locales.js";
-import { ip2Region } from "../libs/utils.js";
-const parseUa = (ua) => {
-  const parser = new UAParser(ua, {
-    // eslint-disable-next-line no-useless-escape
-    browser: [[/(ArcWallet)\/([\w\.]+)/i], [UAParser.BROWSER.NAME, UAParser.BROWSER.VERSION]]
-  });
-  const result = parser.getResult();
-  return result;
-};
-const textRightStyle = {
+import { jsx as n, jsxs as l, Fragment as W } from "react/jsx-runtime";
+import X from "@arcblock/ux/lib/Datatable";
+import { useReactive as L, useMemoizedFn as R, useMount as Y, useRequest as Z, useCreation as B } from "ahooks";
+import { translate as _ } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as N } from "@arcblock/ux/lib/Locale/context";
+import O from "@arcblock/ux/lib/RelativeTime";
+import C from "ua-parser-js";
+import { getVisitorId as ee } from "@arcblock/ux/lib/Util";
+import { useConfirm as te } from "@arcblock/ux/lib/Dialog";
+import oe from "p-queue";
+import { Box as u, Typography as c, CircularProgress as ne, useMediaQuery as re, Tooltip as ie, Button as j, RadioGroup as ae, FormControlLabel as z, Radio as I } from "@mui/material";
+import { memo as se, useEffect as le } from "react";
+import { mergeSx as H } from "@arcblock/ux/lib/Util/style";
+import ce from "../../hooks/use-mobile.js";
+import de from "./user-session-info.js";
+import { client as D } from "../../libs/client.js";
+import { translations as pe } from "../libs/locales.js";
+import { ip2Region as ue } from "../libs/utils.js";
+const E = (m) => new C(m, {
+  // eslint-disable-next-line no-useless-escape
+  browser: [[/(ArcWallet)\/([\w\.]+)/i], [C.BROWSER.NAME, C.BROWSER.VERSION]]
+}).getResult(), F = {
   display: "flex",
   justifyContent: "flex-end",
   textAlign: "right"
-};
-const queue = new PQueue({ concurrency: 1 });
-const UserSessionIp = memo(({ userSession, isMobile = false }) => {
-  const currentState = useReactive({
-    loading: true,
+}, me = new oe({ concurrency: 1 }), ge = se(({ userSession: m, isMobile: y = !1 }) => {
+  const d = L({
+    loading: !0,
     ipRegion: ""
-  });
-  const { t } = useLocaleContext();
-  useEffect(() => {
-    queue.add(async () => {
+  }), { t: x } = N();
+  return le(() => {
+    me.add(async () => {
       try {
-        currentState.ipRegion = await ip2Region(userSession.lastLoginIp);
+        d.ipRegion = await ue(m.lastLoginIp);
       } finally {
-        currentState.loading = false;
+        d.loading = !1;
       }
     });
-  }, [currentState, userSession.lastLoginIp]);
-  return /* @__PURE__ */ jsx(
-    Box,
+  }, [d, m.lastLoginIp]), /* @__PURE__ */ n(
+    u,
     {
-      ...isMobile && {
+      ...y && {
         display: "flex",
         alignItems: "center",
         justifyContent: "flex-end",
         gap: 1,
         flexWrap: "wrap"
       },
-      children: currentState.ipRegion ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: currentState.ipRegion }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "grey", children: userSession.lastLoginIp || t("unknown") })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Typography, { children: userSession.lastLoginIp || t("unknown") }),
-        currentState.loading ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "grey", sx: { textAlign: "center" }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 12, color: "inherit" }) }) : null
+      children: d.ipRegion ? /* @__PURE__ */ l(W, { children: [
+        /* @__PURE__ */ n(c, { variant: "body2", children: d.ipRegion }),
+        /* @__PURE__ */ n(c, { variant: "body2", color: "grey", children: m.lastLoginIp || x("unknown") })
+      ] }) : /* @__PURE__ */ l(W, { children: [
+        /* @__PURE__ */ n(c, { children: m.lastLoginIp || x("unknown") }),
+        d.loading ? /* @__PURE__ */ n(c, { variant: "body2", color: "grey", sx: { textAlign: "center" }, children: /* @__PURE__ */ n(ne, { size: 12, color: "inherit" }) }) : null
       ] })
     }
   );
 });
-export default function UserSessions({
-  user,
-  showAction = true,
-  showUser = true,
-  getUserSessions,
-  showOffline = false
+function Pe({
+  user: m,
+  showAction: y = !0,
+  showUser: d = !0,
+  getUserSessions: x,
+  showOffline: A = !1
 }) {
-  const filterParams = useReactive({
+  var k, M, P;
+  const r = L({
     status: "online",
     page: 1,
     pageSize: 10
-  });
-  const userSessionsCountMap = useReactive({
+  }), g = L({
     online: 0,
     expired: 0,
     offline: 0
-  });
-  const currentVisitorId = getVisitorId();
-  const { locale } = useLocaleContext();
-  const isMobile = useMobile({ key: "md" });
-  const isLg = useMediaQuery((theme) => theme.breakpoints.down("lg"));
-  const { confirmApi, confirmHolder } = useConfirm();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const getData = useMemoizedFn(async () => {
-    const result = await getUserSessions({
-      page: filterParams.page,
-      pageSize: filterParams.pageSize,
-      status: filterParams.status
-    });
-    const total = result?.paging?.total || 0;
-    userSessionsCountMap[filterParams.status] = total;
-    return {
-      total,
-      list: result?.list || []
+  }), w = ee(), { locale: v } = N(), f = ce({ key: "md" }), U = re((e) => e.breakpoints.down("lg")), { confirmApi: S, confirmHolder: V } = te(), o = R((e, t = {}) => _(pe, e, v, "en", t)), q = R(async () => {
+    var i;
+    const e = await x({
+      page: r.page,
+      pageSize: r.pageSize,
+      status: r.status
+    }), t = ((i = e == null ? void 0 : e.paging) == null ? void 0 : i.total) || 0;
+    return g[r.status] = t, {
+      total: t,
+      list: (e == null ? void 0 : e.list) || []
     };
   });
-  useMount(async () => {
-    const expiredResult = await getUserSessions({
+  Y(async () => {
+    var i, s;
+    const e = await x({
       page: 1,
       pageSize: 1,
       status: "expired"
     });
-    userSessionsCountMap.expired = expiredResult?.paging?.total || 0;
-    const offlineResult = await getUserSessions({
+    g.expired = ((i = e == null ? void 0 : e.paging) == null ? void 0 : i.total) || 0;
+    const t = await x({
       page: 1,
       pageSize: 1,
       status: "offline"
     });
-    userSessionsCountMap.offline = offlineResult?.paging?.total || 0;
-  });
-  const pageState = useRequest(getData, {
-    refreshDeps: [filterParams.status, filterParams.page, filterParams.pageSize]
+    g.offline = ((s = t == null ? void 0 : t.paging) == null ? void 0 : s.total) || 0;
   });
-  const safeData = useCreation(() => {
-    return pageState.data?.list || [];
-  }, [pageState.data?.list]);
-  const disableLogout = useCreation(() => {
-    const status = filterParams.status;
-    if (status === "online") {
-      return userSessionsCountMap[status] <= 1;
-    }
-    return userSessionsCountMap[status] === 0;
-  }, [safeData, currentVisitorId]);
-  const mergeStyle = useCreation(() => {
-    return mergeSx({}, isMobile ? textRightStyle : {});
-  }, [isMobile]);
-  const logout = useMemoizedFn(({ visitorId }) => {
-    confirmApi.open({
-      title: t("logoutThisSession"),
-      content: t("logoutThisSessionConfirm"),
-      confirmButtonText: t("confirm"),
+  const p = Z(q, {
+    refreshDeps: [r.status, r.page, r.pageSize]
+  }), a = B(() => {
+    var e;
+    return ((e = p.data) == null ? void 0 : e.list) || [];
+  }, [(k = p.data) == null ? void 0 : k.list]), Q = B(() => {
+    const e = r.status;
+    return e === "online" ? g[e] <= 1 : g[e] === 0;
+  }, [a, w]), h = B(() => H({}, f ? F : {}), [f]), G = R(({ visitorId: e }) => {
+    S.open({
+      title: o("logoutThisSession"),
+      content: o("logoutThisSessionConfirm"),
+      confirmButtonText: o("confirm"),
       confirmButtonProps: {
         color: "error"
       },
-      cancelButtonText: t("cancel"),
+      cancelButtonText: o("cancel"),
       onConfirm: async () => {
-        await client.user.logout({
-          visitorId,
-          includeFederated: true
+        await D.user.logout({
+          visitorId: e,
+          includeFederated: !0
         });
-        const { page = 0 } = filterParams;
-        const { list = [] } = pageState.data || {};
-        const currentPageLength = list.length || 0;
-        if (page > 1 && currentPageLength === 1) {
-          filterParams.page = Math.max(page - 1, 1);
-        }
-        pageState.refresh();
-        confirmApi.close();
+        const { page: t = 0 } = r, { list: i = [] } = p.data || {}, s = i.length || 0;
+        t > 1 && s === 1 && (r.page = Math.max(t - 1, 1)), p.refresh(), S.close();
       }
     });
-  });
-  const logoutAll = useMemoizedFn(() => {
-    confirmApi.open({
-      title: t("logoutAllSession", {
-        type: t(filterParams.status)
+  }), $ = R(() => {
+    S.open({
+      title: o("logoutAllSession", {
+        type: o(r.status)
       }),
-      content: t("logoutAllSessionConfirm", {
-        type: t(filterParams.status)
+      content: o("logoutAllSessionConfirm", {
+        type: o(r.status)
       }),
-      confirmButtonText: t("confirm"),
+      confirmButtonText: o("confirm"),
       confirmButtonProps: {
         color: "error"
       },
-      cancelButtonText: t("cancel"),
+      cancelButtonText: o("cancel"),
       onConfirm: async () => {
-        await client.user.logout({
-          status: filterParams.status,
-          visitorId: currentVisitorId,
-          includeFederated: true
-        });
-        filterParams.page = 1;
-        pageState.refresh();
-        confirmApi.close();
+        await D.user.logout({
+          status: r.status,
+          visitorId: w,
+          includeFederated: !0
+        }), r.page = 1, p.refresh(), S.close();
       }
     });
-  });
-  const customButtons = [];
-  if (showAction) {
-    customButtons.push(
-      /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          title: t("logoutAllTips", {
-            type: t(filterParams.status)
-          }),
-          children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              sx: { ml: 0.5 },
-              size: "small",
-              variant: "contained",
-              color: "error",
-              onClick: logoutAll,
-              disabled: disableLogout,
-              children: t("logoutAll", {
-                type: t(filterParams.status)
-              })
-            }
-          )
-        },
-        "logoutAll"
-      )
-    );
-  }
-  const tableOptions = useCreation(() => {
+  }), T = [];
+  y && T.push(
+    /* @__PURE__ */ n(
+      ie,
+      {
+        title: o("logoutAllTips", {
+          type: o(r.status)
+        }),
+        children: /* @__PURE__ */ n(
+          j,
+          {
+            sx: { ml: 0.5 },
+            size: "small",
+            variant: "contained",
+            color: "error",
+            onClick: $,
+            disabled: Q,
+            children: o("logoutAll", {
+              type: o(r.status)
+            })
+          }
+        )
+      },
+      "logoutAll"
+    )
+  );
+  const J = B(() => {
+    var e;
     return {
       // viewColumns: false,
-      search: false,
-      sort: false,
-      download: false,
-      filter: false,
-      print: false,
-      expandableRowsOnClick: false,
+      search: !1,
+      sort: !1,
+      download: !1,
+      filter: !1,
+      print: !1,
+      expandableRowsOnClick: !1,
       searchDebounceTime: 600,
-      page: filterParams.page - 1,
-      rowsPerPage: filterParams.pageSize,
-      count: pageState.data?.total || 0
+      page: r.page - 1,
+      rowsPerPage: r.pageSize,
+      count: ((e = p.data) == null ? void 0 : e.total) || 0
     };
-  }, [pageState.data?.total, filterParams.page, filterParams.pageSize]);
-  const columns = [
+  }, [(M = p.data) == null ? void 0 : M.total, r.page, r.pageSize]), K = [
     {
-      label: t("platform"),
+      label: o("platform"),
       name: "platform",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          const result = parseUa(x?.ua);
-          return /* @__PURE__ */ jsx(Box, { sx: mergeStyle, children: [result.os?.name, result.os?.version].filter(Boolean).join("/") || t("unknown") });
+        customBodyRenderLite: (e) => {
+          var s, b;
+          const t = a[e], i = E(t == null ? void 0 : t.ua);
+          return /* @__PURE__ */ n(u, { sx: h, children: [(s = i.os) == null ? void 0 : s.name, (b = i.os) == null ? void 0 : b.version].filter(Boolean).join("/") || o("unknown") });
         }
       }
     },
     {
-      label: t("deviceType"),
+      label: o("deviceType"),
       name: "deviceType",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          const result = parseUa(x?.ua);
-          return /* @__PURE__ */ jsx(Box, { sx: mergeStyle, children: [result.browser?.name, result.browser?.version].filter(Boolean).join("/") || t("unknown") });
+        customBodyRenderLite: (e) => {
+          var s, b;
+          const t = a[e], i = E(t == null ? void 0 : t.ua);
+          return /* @__PURE__ */ n(u, { sx: h, children: [(s = i.browser) == null ? void 0 : s.name, (b = i.browser) == null ? void 0 : b.version].filter(Boolean).join("/") || o("unknown") });
         }
       }
     },
     {
-      label: t("walletOS"),
+      label: o("walletOS"),
       name: "walletOS",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          return /* @__PURE__ */ jsx(Box, { sx: mergeStyle, children: x.extra?.walletOS || t("unknown") });
+        customBodyRenderLite: (e) => {
+          var i;
+          const t = a[e];
+          return /* @__PURE__ */ n(u, { sx: h, children: ((i = t.extra) == null ? void 0 : i.walletOS) || o("unknown") });
         }
       }
     },
-    showUser && {
-      label: t("user"),
+    d && {
+      label: o("user"),
       name: "user",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          return /* @__PURE__ */ jsx(Box, { sx: mergeSx({ minWidth: 150, maxWidth: 250 }, isMobile ? textRightStyle : {}), children: /* @__PURE__ */ jsx(UserSessionInfo, { sessionUser: x.user, user }) });
+        customBodyRenderLite: (e) => {
+          const t = a[e];
+          return /* @__PURE__ */ n(u, { sx: H({ minWidth: 150, maxWidth: 250 }, f ? F : {}), children: /* @__PURE__ */ n(de, { sessionUser: t.user, user: m }) });
         }
       }
     },
     {
-      label: t("createdAt"),
+      label: o("createdAt"),
       name: "createdAt",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          return /* @__PURE__ */ jsx(Box, { sx: mergeStyle, children: x.createdAt ? /* @__PURE__ */ jsx(RelativeTime, { value: x.createdAt, relativeRange: 3 * 86400 * 1e3, locale }) : t("unknown") });
+        customBodyRenderLite: (e) => {
+          const t = a[e];
+          return /* @__PURE__ */ n(u, { sx: h, children: t.createdAt ? /* @__PURE__ */ n(O, { value: t.createdAt, relativeRange: 3 * 86400 * 1e3, locale: v }) : o("unknown") });
         }
       }
     },
-    !showOffline && {
-      label: t("updatedAt"),
+    !A && {
+      label: o("updatedAt"),
       name: "updatedAt",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          return /* @__PURE__ */ jsx(Box, { sx: mergeStyle, children: x.status === "expired" ? t("expired") : /* @__PURE__ */ jsx(RelativeTime, { value: x.updatedAt, relativeRange: 3 * 86400 * 1e3, locale }) });
+        customBodyRenderLite: (e) => {
+          const t = a[e];
+          return /* @__PURE__ */ n(u, { sx: h, children: t.status === "expired" ? o("expired") : /* @__PURE__ */ n(O, { value: t.updatedAt, relativeRange: 3 * 86400 * 1e3, locale: v }) });
         }
       }
     },
     {
-      label: t("lastLoginIp"),
+      label: o("lastLoginIp"),
       name: "lastLoginIp",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          return /* @__PURE__ */ jsx(UserSessionIp, { userSession: x, isMobile });
+        customBodyRenderLite: (e) => {
+          const t = a[e];
+          return /* @__PURE__ */ n(ge, { userSession: t, isMobile: f });
         }
       }
     },
-    showAction && {
-      label: t("actions"),
+    y && {
+      label: o("actions"),
       name: "actions",
       options: {
-        customBodyRenderLite: (rawIndex) => {
-          const x = safeData[rawIndex];
-          return /* @__PURE__ */ jsx(Box, { sx: mergeStyle, children: /* @__PURE__ */ jsx(
-            Button,
+        customBodyRenderLite: (e) => {
+          const t = a[e];
+          return /* @__PURE__ */ n(u, { sx: h, children: /* @__PURE__ */ n(
+            j,
             {
               sx: {
                 whiteSpace: "nowrap",
@@ -324,25 +276,25 @@ export default function UserSessions({
                 lineHeight: "1.25",
                 px: 1
               },
-              disabled: currentVisitorId === x.visitorId,
+              disabled: w === t.visitorId,
               variant: "outlined",
               size: "small",
               color: "error",
-              onClick: () => logout({ visitorId: x.visitorId }),
-              children: x.status === "expired" ? t("remove") : currentVisitorId === x.visitorId ? t("currentSession") : t("logout")
+              onClick: () => G({ visitorId: t.visitorId }),
+              children: t.status === "expired" ? o("remove") : w === t.visitorId ? o("currentSession") : o("logout")
             }
           ) });
         }
       }
     }
   ].filter(Boolean);
-  return /* @__PURE__ */ jsxs(
-    Box,
+  return /* @__PURE__ */ l(
+    u,
     {
       className: "pc-user-sessions",
       sx: {
-        maxWidth: isMobile ? "unset" : isLg ? "calc(100vw - 300px)" : "100%",
-        ...isMobile && {
+        maxWidth: f ? "unset" : U ? "calc(100vw - 300px)" : "100%",
+        ...f && {
           ".pc-user-sessions-table > div:nth-child(2)": {
             border: "1px solid",
             borderColor: "divider",
@@ -358,7 +310,7 @@ export default function UserSessions({
           "&:nth-child(even)": {
             backgroundColor: "grey.50",
             "&:hover": {
-              backgroundColor: (theme) => `${theme.palette.grey[50]} !important`
+              backgroundColor: (e) => `${e.palette.grey[50]} !important`
             }
           }
         },
@@ -371,7 +323,7 @@ export default function UserSessions({
           paddingRight: "8px",
           paddingLeft: "8px",
           color: "text.secondary",
-          ...isMobile && {
+          ...f && {
             padding: "8px !important",
             "&:first-child": {
               paddingTop: "20px!important"
@@ -383,67 +335,67 @@ export default function UserSessions({
         }
       },
       children: [
-        confirmHolder,
-        /* @__PURE__ */ jsx(
-          Datatable,
+        V,
+        /* @__PURE__ */ n(
+          X,
           {
-            count: pageState.data?.total || 0,
-            locale,
-            data: safeData,
-            columns,
-            customButtons,
-            options: tableOptions,
-            loading: pageState.loading,
+            count: ((P = p.data) == null ? void 0 : P.total) || 0,
+            locale: v,
+            data: a,
+            columns: K,
+            customButtons: T,
+            options: J,
+            loading: p.loading,
             className: "pc-user-sessions-table",
-            title: /* @__PURE__ */ jsxs(
-              RadioGroup,
+            title: /* @__PURE__ */ l(
+              ae,
               {
-                row: true,
+                row: !0,
                 sx: { lineHeight: 1, ml: 1 },
                 onChange: (e) => {
-                  filterParams.status = e.target.value;
+                  r.status = e.target.value;
                 },
                 children: [
-                  /* @__PURE__ */ jsx(
-                    FormControlLabel,
+                  /* @__PURE__ */ n(
+                    z,
                     {
                       value: "online",
-                      control: /* @__PURE__ */ jsx(Radio, { size: "small", sx: { lineHeight: 1, fontSize: 0 }, checked: filterParams.status === "online" }),
-                      label: /* @__PURE__ */ jsxs(Typography, { sx: { display: "flex", alignItems: "center" }, children: [
-                        t("online"),
-                        /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { ml: 0.5, color: "text.secondary" }, children: [
+                      control: /* @__PURE__ */ n(I, { size: "small", sx: { lineHeight: 1, fontSize: 0 }, checked: r.status === "online" }),
+                      label: /* @__PURE__ */ l(c, { sx: { display: "flex", alignItems: "center" }, children: [
+                        o("online"),
+                        /* @__PURE__ */ l(c, { component: "span", sx: { ml: 0.5, color: "text.secondary" }, children: [
                           "(",
-                          userSessionsCountMap.online,
+                          g.online,
                           ")"
                         ] })
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    FormControlLabel,
+                  /* @__PURE__ */ n(
+                    z,
                     {
                       value: "expired",
-                      control: /* @__PURE__ */ jsx(Radio, { size: "small", sx: { lineHeight: 1, fontSize: 0 }, checked: filterParams.status === "expired" }),
-                      label: /* @__PURE__ */ jsxs(Typography, { sx: { display: "flex", alignItems: "center" }, children: [
-                        t("expired"),
-                        /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { ml: 0.5, color: "text.secondary" }, children: [
+                      control: /* @__PURE__ */ n(I, { size: "small", sx: { lineHeight: 1, fontSize: 0 }, checked: r.status === "expired" }),
+                      label: /* @__PURE__ */ l(c, { sx: { display: "flex", alignItems: "center" }, children: [
+                        o("expired"),
+                        /* @__PURE__ */ l(c, { component: "span", sx: { ml: 0.5, color: "text.secondary" }, children: [
                           "(",
-                          userSessionsCountMap.expired,
+                          g.expired,
                           ")"
                         ] })
                       ] })
                     }
                   ),
-                  showOffline ? /* @__PURE__ */ jsx(
-                    FormControlLabel,
+                  A ? /* @__PURE__ */ n(
+                    z,
                     {
                       value: "offline",
-                      control: /* @__PURE__ */ jsx(Radio, { size: "small", sx: { lineHeight: 1, fontSize: 0 }, checked: filterParams.status === "offline" }),
-                      label: /* @__PURE__ */ jsxs(Typography, { sx: { display: "flex", alignItems: "center" }, children: [
-                        t("offline"),
-                        /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { ml: 0.5, color: "text.secondary" }, children: [
+                      control: /* @__PURE__ */ n(I, { size: "small", sx: { lineHeight: 1, fontSize: 0 }, checked: r.status === "offline" }),
+                      label: /* @__PURE__ */ l(c, { sx: { display: "flex", alignItems: "center" }, children: [
+                        o("offline"),
+                        /* @__PURE__ */ l(c, { component: "span", sx: { ml: 0.5, color: "text.secondary" }, children: [
                           "(",
-                          userSessionsCountMap.offline,
+                          g.offline,
                           ")"
                         ] })
                       ] })
@@ -452,9 +404,8 @@ export default function UserSessions({
                 ]
               }
             ),
-            onChange: (state) => {
-              filterParams.page = state.page + 1;
-              filterParams.pageSize = state.rowsPerPage;
+            onChange: (e) => {
+              r.page = e.page + 1, r.pageSize = e.rowsPerPage;
             }
           }
         )
@@ -462,3 +413,6 @@ export default function UserSessions({
     }
   );
 }
+export {
+  Pe as default
+};