@blocklet/ui-react 2.9.91 → 2.10.0

package/lib/UserSessions/components/user-session-info.js

@@ -1,89 +1,92 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-module.exports = UserSessionInfo;
-var _jsxRuntime = require("react/jsx-runtime");
-var _material = require("@mui/material");
-var _Avatar = _interopRequireDefault(require("@arcblock/ux/lib/Avatar"));
-var _ahooks = require("ahooks");
-var _Colors = require("@arcblock/ux/lib/Colors");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function UserSessionInfo({
-  user,
-  sessionUser
-}) {
-  const currentRole = (0, _ahooks.useCreation)(() => {
-    return (user?.passports || [])?.find(item => item.name === sessionUser.role);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Chip, Tooltip, Typography } from "@mui/material";
+import Avatar from "@arcblock/ux/lib/Avatar";
+import { useCreation } from "ahooks";
+import { temp as colors } from "@arcblock/ux/lib/Colors";
+export default function UserSessionInfo({ user, sessionUser }) {
+  const currentRole = useCreation(() => {
+    return (user?.passports || [])?.find((item) => item.name === sessionUser.role);
   }, [user?.passports, sessionUser?.role]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: 1
-    },
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_Avatar.default, {
-      size: 40,
-      variant: "circle",
-      shape: "circle",
-      src: sessionUser.avatar,
-      did: sessionUser.did,
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
       sx: {
-        flexShrink: 0
-      }
-    }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-      sx: {
-        flex: 1,
-        overflow: "hidden"
+        display: "flex",
+        alignItems: "center",
+        gap: 1
       },
-      children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          gap: 1
-        },
-        children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Tooltip, {
-          title: sessionUser.fullName,
-          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-            sx: {
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              flex: 1
-            },
-            children: sessionUser.fullName
-          })
-        }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Chip, {
-          label: currentRole?.title || currentRole?.name || "Guest",
-          size: "small",
-          variant: "outlined",
-          sx: {
-            flexShrink: 0,
-            fontWeight: "bold",
-            fontSize: "12px",
-            color: _Colors.temp.textBase,
-            borderColor: _Colors.temp.strokeBorderStrong,
-            backgroundColor: "transparent",
-            textTransform: "capitalize",
-            pr: 0.5,
-            pl: 0,
-            height: "auto"
+      children: [
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            size: 40,
+            variant: "circle",
+            shape: "circle",
+            src: sessionUser.avatar,
+            did: sessionUser.did,
+            sx: { flexShrink: 0 }
           }
-        })]
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Tooltip, {
-        title: sessionUser.email,
-        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-          variant: "body2",
-          color: "grey",
-          sx: {
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis"
-          },
-          children: sessionUser.email
-        })
-      })]
-    })]
-  });
-}
+        ),
+        /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, overflow: "hidden" }, children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                gap: 1
+              },
+              children: [
+                /* @__PURE__ */ jsx(Tooltip, { title: sessionUser.fullName, children: /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    sx: {
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      flex: 1
+                    },
+                    children: sessionUser.fullName
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: currentRole?.title || currentRole?.name || "Guest",
+                    size: "small",
+                    variant: "outlined",
+                    sx: {
+                      flexShrink: 0,
+                      fontWeight: "bold",
+                      fontSize: "12px",
+                      color: colors.textBase,
+                      borderColor: colors.strokeBorderStrong,
+                      backgroundColor: "transparent",
+                      textTransform: "capitalize",
+                      pr: 0.5,
+                      pl: 0,
+                      height: "auto"
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { title: sessionUser.email, children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              color: "grey",
+              sx: {
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis"
+              },
+              children: sessionUser.email
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}

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

@@ -1,61 +1,47 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-module.exports = UserSessions;
-var _jsxRuntime = require("react/jsx-runtime");
-var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
-var _ahooks = require("ahooks");
-var _util = require("@arcblock/ux/lib/Locale/util");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
-var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-var _uaParserJs = _interopRequireDefault(require("ua-parser-js"));
-var _Util = require("@arcblock/ux/lib/Util");
-var _Dialog = require("@arcblock/ux/lib/Dialog");
-var _pAll = _interopRequireDefault(require("p-all"));
-var _material = require("@mui/material");
-var _userSessionInfo = _interopRequireDefault(require("./user-session-info"));
-var _client = require("../../libs/client");
-var _locales = require("../libs/locales");
-var _utils = require("../libs/utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const parseUa = ua => {
-  const parser = new _uaParserJs.default(ua, {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Datatable from "@arcblock/ux/lib/Datatable";
+import { useCreation, useMemoizedFn, 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 sortBy from "lodash/sortBy";
+import UAParser from "ua-parser-js";
+import { getVisitorId } from "@arcblock/ux/lib/Util";
+import { useConfirm } from "@arcblock/ux/lib/Dialog";
+import pAll from "p-all";
+import { Box, Button, Tooltip, Typography } from "@mui/material";
+import UserSessionInfo from "./user-session-info.js";
+import { client } from "../../libs/client.js";
+import { translations } from "../libs/locales.js";
+import { batchIp2Region } from "../libs/utils.js";
+const parseUa = (ua) => {
+  const parser = new UAParser(ua, {
     // eslint-disable-next-line no-useless-escape
-    browser: [[/(ArcWallet)\/([\w\.]+)/i], [_uaParserJs.default.BROWSER.NAME, _uaParserJs.default.BROWSER.VERSION]]
+    browser: [[/(ArcWallet)\/([\w\.]+)/i], [UAParser.BROWSER.NAME, UAParser.BROWSER.VERSION]]
   });
   const result = parser.getResult();
   return result;
 };
-function UserSessions({
+export default function UserSessions({
   user,
   showAction = true,
   showUser = true
 }) {
-  const currentVisitorId = (0, _Util.getVisitorId)();
-  const {
-    locale
-  } = (0, _context.useLocaleContext)();
-  const {
-    confirmApi,
-    confirmHolder
-  } = (0, _Dialog.useConfirm)();
-  const t = (0, _ahooks.useMemoizedFn)((key, data = {}) => {
-    return (0, _util.translate)(_locales.translations, key, locale, "en", data);
+  const currentVisitorId = getVisitorId();
+  const { locale } = useLocaleContext();
+  const { confirmApi, confirmHolder } = useConfirm();
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, "en", data);
   });
-  const getData = (0, _ahooks.useMemoizedFn)(async () => {
+  const getData = useMemoizedFn(async () => {
     let data = user?.userSessions;
     if (!data) {
-      data = await _client.client.userSession.getUserSessions({
-        did: user.did
-      });
+      data = await client.userSession.getUserSessions({ did: user.did });
     }
     try {
-      const ipIndexList = data?.map((x, index) => [index, x.lastLoginIp]).filter(x => !!x[1]);
-      const ipList = ipIndexList?.map(x => x[1]);
-      const result = await (0, _utils.batchIp2Region)(ipList);
+      const ipIndexList = data?.map((x, index) => [index, x.lastLoginIp]).filter((x) => !!x[1]);
+      const ipList = ipIndexList?.map((x) => x[1]);
+      const result = await batchIp2Region(ipList);
       for (let index = 0; index < result.length; index++) {
         const x = result[index];
         const ipIndexItem = ipIndexList[index];
@@ -66,58 +52,52 @@ function UserSessions({
       console.warn("Failed to convert ip to region");
       console.error(e);
     }
-    const now = /* @__PURE__ */new Date().getTime();
-    return (0, _sortBy.default)(data, x => {
+    const now = (/* @__PURE__ */ new Date()).getTime();
+    return sortBy(data, (x) => {
       if (x.visitorId === currentVisitorId) {
         return -1;
       }
       return now - new Date(x.updatedAt).getTime();
     });
   });
-  const pageState = (0, _ahooks.useRequest)(getData);
-  const safeData = (0, _ahooks.useCreation)(() => {
+  const pageState = useRequest(getData);
+  const safeData = useCreation(() => {
     return pageState.data || [];
   }, [pageState.data]);
-  const ipRegionMap = (0, _ahooks.useCreation)(() => {
+  const ipRegionMap = useCreation(() => {
     return safeData.reduce((acc, x) => {
       acc[x.lastLoginIp] = x.ipRegion;
       return acc;
     }, {});
   }, [safeData]);
-  const logout = (0, _ahooks.useMemoizedFn)(({
-    visitorId
-  }) => {
+  const logout = useMemoizedFn(({ visitorId }) => {
     confirmApi.open({
       title: t("logoutThisSession"),
       content: t("logoutThisSessionConfirm"),
       confirmButtonText: t("confirm"),
       cancelButtonText: t("cancel"),
       onConfirm: async () => {
-        await _client.client.user.logout({
-          visitorId
-        });
+        await client.user.logout({ visitorId });
         pageState.refresh();
         confirmApi.close();
       }
     });
   });
-  const otherUserSessions = (0, _ahooks.useCreation)(() => {
-    const list = safeData.filter(x => x.visitorId !== currentVisitorId);
+  const otherUserSessions = useCreation(() => {
+    const list = safeData.filter((x) => x.visitorId !== currentVisitorId);
     return list;
   }, [safeData]);
-  const logoutAll = (0, _ahooks.useMemoizedFn)(() => {
+  const logoutAll = useMemoizedFn(() => {
     confirmApi.open({
       title: t("logoutAllSession"),
       content: t("logoutAllSessionConfirm"),
       confirmButtonText: t("confirm"),
       cancelButtonText: t("cancel"),
       onConfirm: async () => {
-        const list = otherUserSessions.map(x => {
-          return () => _client.client.user.logout({
-            visitorId: x.visitorId
-          });
+        const list = otherUserSessions.map((x) => {
+          return () => client.user.logout({ visitorId: x.visitorId });
         });
-        await (0, _pAll.default)(list, {
+        await pAll(list, {
           concurrency: 3,
           stopOnError: false
         });
@@ -128,22 +108,22 @@ function UserSessions({
   });
   const customButtons = [];
   if (showAction) {
-    customButtons.push( /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Tooltip, {
-      title: t("logoutAllTips"),
-      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-        sx: {
-          ml: 0.5
-        },
-        size: "small",
-        variant: "contained",
-        color: "error",
-        onClick: logoutAll,
-        disabled: otherUserSessions.length === 0,
-        children: t("logoutAll")
-      })
-    }, "logoutAll"));
+    customButtons.push(
+      /* @__PURE__ */ jsx(Tooltip, { title: t("logoutAllTips"), children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          sx: { ml: 0.5 },
+          size: "small",
+          variant: "contained",
+          color: "error",
+          onClick: logoutAll,
+          disabled: otherUserSessions.length === 0,
+          children: t("logoutAll")
+        }
+      ) }, "logoutAll")
+    );
   }
-  const tableOptions = (0, _ahooks.useCreation)(() => {
+  const tableOptions = useCreation(() => {
     return {
       // viewColumns: false,
       search: false,
@@ -155,147 +135,131 @@ function UserSessions({
       searchDebounceTime: 600
     };
   }, []);
-  const columns = [{
-    label: t("platform"),
-    name: "platform",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        const result = parseUa(x.ua);
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          children: [result.os?.name, result.os?.version].filter(Boolean).join("/") || t("unknown")
-        });
+  const columns = [
+    {
+      label: t("platform"),
+      name: "platform",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          const result = parseUa(x.ua);
+          return /* @__PURE__ */ jsx(Box, { children: [result.os?.name, result.os?.version].filter(Boolean).join("/") || t("unknown") });
+        }
       }
-    }
-  }, {
-    label: t("deviceType"),
-    name: "deviceType",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        const result = parseUa(x.ua);
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          children: [result.browser?.name, result.browser?.version].filter(Boolean).join("/") || t("unknown")
-        });
+    },
+    {
+      label: t("deviceType"),
+      name: "deviceType",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          const result = parseUa(x.ua);
+          return /* @__PURE__ */ jsx(Box, { children: [result.browser?.name, result.browser?.version].filter(Boolean).join("/") || t("unknown") });
+        }
       }
-    }
-  }, {
-    label: t("walletOS"),
-    name: "walletOS",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          children: x.extra?.walletOS || t("unknown")
-        });
+    },
+    {
+      label: t("walletOS"),
+      name: "walletOS",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          return /* @__PURE__ */ jsx(Box, { children: x.extra?.walletOS || t("unknown") });
+        }
       }
-    }
-  }, showUser && {
-    label: t("user"),
-    name: "user",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          sx: {
-            minWidth: 150,
-            maxWidth: 250
-          },
-          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_userSessionInfo.default, {
-            sessionUser: x.user,
-            user
-          })
-        });
+    },
+    showUser && {
+      label: t("user"),
+      name: "user",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          return /* @__PURE__ */ jsx(Box, { sx: { minWidth: 150, maxWidth: 250 }, children: /* @__PURE__ */ jsx(UserSessionInfo, { sessionUser: x.user, user }) });
+        }
       }
-    }
-  }, {
-    label: t("createdAt"),
-    name: "createdAt",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        return x.createdAt ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_RelativeTime.default, {
-          value: x.createdAt,
-          relativeRange: 3 * 86400 * 1e3,
-          locale
-        }) : t("unknown");
+    },
+    {
+      label: t("createdAt"),
+      name: "createdAt",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          return x.createdAt ? /* @__PURE__ */ jsx(RelativeTime, { value: x.createdAt, relativeRange: 3 * 86400 * 1e3, locale }) : t("unknown");
+        }
       }
-    }
-  }, {
-    label: t("updatedAt"),
-    name: "updatedAt",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        return x.status === "expired" ? t("expired") : /* @__PURE__ */(0, _jsxRuntime.jsx)(_RelativeTime.default, {
-          value: x.updatedAt,
-          relativeRange: 3 * 86400 * 1e3,
-          locale
-        });
+    },
+    {
+      label: t("updatedAt"),
+      name: "updatedAt",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          return x.status === "expired" ? t("expired") : /* @__PURE__ */ jsx(RelativeTime, { value: x.updatedAt, relativeRange: 3 * 86400 * 1e3, locale });
+        }
       }
-    }
-  }, {
-    label: t("lastLoginIp"),
-    name: "lastLoginIp",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          children: ipRegionMap[x.lastLoginIp] ? /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-              variant: "body2",
-              children: ipRegionMap[x.lastLoginIp]
-            }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-              variant: "body2",
-              color: "grey",
-              children: x.lastLoginIp || t("unknown")
-            })]
-          }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-            children: x.lastLoginIp || t("unknown")
-          })
-        });
+    },
+    {
+      label: t("lastLoginIp"),
+      name: "lastLoginIp",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          return /* @__PURE__ */ jsx(Box, { children: ipRegionMap[x.lastLoginIp] ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", children: ipRegionMap[x.lastLoginIp] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "grey", children: x.lastLoginIp || t("unknown") })
+          ] }) : /* @__PURE__ */ jsx(Typography, { children: x.lastLoginIp || t("unknown") }) });
+        }
       }
-    }
-  }, showAction && {
-    label: t("actions"),
-    name: "actions",
-    options: {
-      customBodyRenderLite: rawIndex => {
-        const x = safeData[rawIndex];
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-            sx: {
-              whiteSpace: "nowrap",
-              fontSize: "12px",
-              px: 1
-            },
-            disabled: currentVisitorId === x.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")
-          })
-        });
+    },
+    showAction && {
+      label: t("actions"),
+      name: "actions",
+      options: {
+        customBodyRenderLite: (rawIndex) => {
+          const x = safeData[rawIndex];
+          return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              sx: {
+                whiteSpace: "nowrap",
+                fontSize: "12px",
+                px: 1
+              },
+              disabled: currentVisitorId === x.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")
+            }
+          ) });
+        }
       }
     }
-  }].filter(Boolean);
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-    sx: {
-      ".MuiTableCell-head": {
-        whiteSpace: "nowrap",
-        fontWeight: "bold"
-      }
-    },
-    children: [confirmHolder, /* @__PURE__ */(0, _jsxRuntime.jsx)(_Datatable.default, {
-      locale,
-      data: safeData,
-      columns,
-      customButtons,
-      options: tableOptions,
-      loading: pageState.loading
-    })]
-  });
-}
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        ".MuiTableCell-head": {
+          whiteSpace: "nowrap",
+          fontWeight: "bold"
+        }
+      },
+      children: [
+        confirmHolder,
+        /* @__PURE__ */ jsx(
+          Datatable,
+          {
+            locale,
+            data: safeData,
+            columns,
+            customButtons,
+            options: tableOptions,
+            loading: pageState.loading
+          }
+        )
+      ]
+    }
+  );
+}

package/lib/UserSessions/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UserSessions", {
-  enumerable: true,
-  get: function () {
-    return _userSessions.default;
-  }
-});
-var _userSessions = _interopRequireDefault(require("./components/user-sessions"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export { default as UserSessions } from "./components/user-sessions.js";