@blocklet/ui-react 2.9.90 → 2.10.0

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

@@ -1,92 +0,0 @@
-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__ */ jsxs(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            size: 40,
-            variant: "circle",
-            shape: "circle",
-            src: sessionUser.avatar,
-            did: sessionUser.did,
-            sx: { flexShrink: 0 }
-          }
-        ),
-        /* @__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/es/UserSessions/components/user-sessions.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { User } from '../../@types';
-export default function UserSessions({ user, showAction, showUser, }: {
-    readonly user: User & {
-        userSessions?: any[];
-    };
-    readonly showAction?: boolean;
-    readonly showUser?: boolean;
-}): import("react").JSX.Element;

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

@@ -1,265 +0,0 @@
-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], [UAParser.BROWSER.NAME, UAParser.BROWSER.VERSION]]
-  });
-  const result = parser.getResult();
-  return result;
-};
-export default function UserSessions({
-  user,
-  showAction = true,
-  showUser = true
-}) {
-  const currentVisitorId = getVisitorId();
-  const { locale } = useLocaleContext();
-  const { confirmApi, confirmHolder } = useConfirm();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const getData = useMemoizedFn(async () => {
-    let data = user?.userSessions;
-    if (!data) {
-      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 batchIp2Region(ipList);
-      for (let index = 0; index < result.length; index++) {
-        const x = result[index];
-        const ipIndexItem = ipIndexList[index];
-        const dataItem = data[ipIndexItem[0]];
-        dataItem.ipRegion = x;
-      }
-    } catch (e) {
-      console.warn("Failed to convert ip to region");
-      console.error(e);
-    }
-    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 = useRequest(getData);
-  const safeData = useCreation(() => {
-    return pageState.data || [];
-  }, [pageState.data]);
-  const ipRegionMap = useCreation(() => {
-    return safeData.reduce((acc, x) => {
-      acc[x.lastLoginIp] = x.ipRegion;
-      return acc;
-    }, {});
-  }, [safeData]);
-  const logout = useMemoizedFn(({ visitorId }) => {
-    confirmApi.open({
-      title: t("logoutThisSession"),
-      content: t("logoutThisSessionConfirm"),
-      confirmButtonText: t("confirm"),
-      cancelButtonText: t("cancel"),
-      onConfirm: async () => {
-        await client.user.logout({ visitorId });
-        pageState.refresh();
-        confirmApi.close();
-      }
-    });
-  });
-  const otherUserSessions = useCreation(() => {
-    const list = safeData.filter((x) => x.visitorId !== currentVisitorId);
-    return list;
-  }, [safeData]);
-  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.user.logout({ visitorId: x.visitorId });
-        });
-        await pAll(list, {
-          concurrency: 3,
-          stopOnError: false
-        });
-        pageState.refresh();
-        confirmApi.close();
-      }
-    });
-  });
-  const customButtons = [];
-  if (showAction) {
-    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 = useCreation(() => {
-    return {
-      // viewColumns: false,
-      search: false,
-      sort: false,
-      download: false,
-      filter: false,
-      print: false,
-      expandableRowsOnClick: false,
-      searchDebounceTime: 600
-    };
-  }, []);
-  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__ */ 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__ */ jsx(Box, { children: x.extra?.walletOS || t("unknown") });
-        }
-      }
-    },
-    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__ */ 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__ */ jsx(RelativeTime, { value: x.updatedAt, relativeRange: 3 * 86400 * 1e3, locale });
-        }
-      }
-    },
-    {
-      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__ */ 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__ */ 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/es/UserSessions/index.d.ts

@@ -1 +0,0 @@
-export { default as UserSessions } from './components/user-sessions';

package/es/UserSessions/index.js

@@ -1 +0,0 @@
-export { default as UserSessions } from "./components/user-sessions.js";

package/es/UserSessions/libs/locales.d.ts

@@ -1,58 +0,0 @@
-export declare const translations: {
-    zh: {
-        confirm: string;
-        cancel: string;
-        visitorId: string;
-        deviceType: string;
-        platform: string;
-        walletOS: string;
-        role: string;
-        fullname: string;
-        email: string;
-        avatar: string;
-        user: string;
-        createdAt: string;
-        updatedAt: string;
-        lastLoginIp: string;
-        actions: string;
-        logoutAll: string;
-        logoutAllTips: string;
-        logout: string;
-        currentSession: string;
-        unknown: string;
-        expired: string;
-        remove: string;
-        logoutThisSession: string;
-        logoutThisSessionConfirm: string;
-        logoutAllSession: string;
-        logoutAllSessionConfirm: string;
-    };
-    en: {
-        confirm: string;
-        cancel: string;
-        visitorId: string;
-        deviceType: string;
-        platform: string;
-        walletOS: string;
-        role: string;
-        fullname: string;
-        email: string;
-        avatar: string;
-        user: string;
-        createdAt: string;
-        updatedAt: string;
-        actions: string;
-        lastLoginIp: string;
-        logoutAll: string;
-        logoutAllTips: string;
-        logout: string;
-        currentSession: string;
-        unknown: string;
-        expired: string;
-        remove: string;
-        logoutThisSession: string;
-        logoutThisSessionConfirm: string;
-        logoutAllSession: string;
-        logoutAllSessionConfirm: string;
-    };
-};

package/es/UserSessions/libs/locales.js

@@ -1,58 +0,0 @@
-export const translations = {
-  zh: {
-    confirm: "\u786E\u8BA4",
-    cancel: "\u53D6\u6D88",
-    visitorId: "\u8BBE\u5907\u6807\u8BC6",
-    deviceType: "\u8BBE\u5907\u7C7B\u578B",
-    platform: "\u64CD\u4F5C\u7CFB\u7EDF",
-    walletOS: "\u94B1\u5305\u7C7B\u578B",
-    role: "\u89D2\u8272",
-    fullname: "\u59D3\u540D",
-    email: "\u90AE\u7BB1",
-    avatar: "\u5934\u50CF",
-    user: "\u7528\u6237",
-    createdAt: "\u9996\u6B21\u6D3B\u52A8\u65F6\u95F4",
-    updatedAt: "\u6700\u8FD1\u6D3B\u52A8\u65F6\u95F4",
-    lastLoginIp: "\u6700\u8FD1\u6D3B\u52A8\u5730\u5740",
-    actions: "\u64CD\u4F5C",
-    logoutAll: "\u6CE8\u9500\u6240\u6709\u4F1A\u8BDD",
-    logoutAllTips: "\u4E0D\u4F1A\u6CE8\u9500\u5F53\u524D\u4F1A\u8BDD",
-    logout: "\u6CE8\u9500",
-    currentSession: "\u5F53\u524D\u4F1A\u8BDD",
-    unknown: "\u672A\u77E5",
-    expired: "\u5DF2\u8FC7\u671F",
-    remove: "\u5220\u9664",
-    logoutThisSession: "\u6CE8\u9500\u6307\u5B9A\u4F1A\u8BDD",
-    logoutThisSessionConfirm: "\u786E\u5B9A\u8981\u6CE8\u9500\u6B64\u4F1A\u8BDD\u5417?",
-    logoutAllSession: "\u6CE8\u9500\u6240\u6709\u4F1A\u8BDD",
-    logoutAllSessionConfirm: "\u786E\u5B9A\u8981\u6CE8\u9500\u6240\u6709\u4F1A\u8BDD\u5417?"
-  },
-  en: {
-    confirm: "Confirm",
-    cancel: "Cancel",
-    visitorId: "Device ID",
-    deviceType: "Device Type",
-    platform: "Platform",
-    walletOS: "Wallet OS",
-    role: "Role",
-    fullname: "Fullname",
-    email: "Email",
-    avatar: "Avatar",
-    user: "User",
-    createdAt: "First Active Time",
-    updatedAt: "Last Active Time",
-    actions: "Actions",
-    lastLoginIp: "Last Login IP",
-    logoutAll: "Logout all",
-    logoutAllTips: "Will not logout current session",
-    logout: "Logout",
-    currentSession: "Current Session",
-    unknown: "Unknown",
-    expired: "Expired",
-    remove: "Remove",
-    logoutThisSession: "Logout this session",
-    logoutThisSessionConfirm: "Are you sure to logout this session?",
-    logoutAllSession: "Logout all sessions",
-    logoutAllSessionConfirm: "Are you sure to logout all sessions?"
-  }
-};

package/es/UserSessions/libs/utils.d.ts

@@ -1,2 +0,0 @@
-export declare function ip2Region(ip: string): Promise<string>;
-export declare function batchIp2Region(ips: string[]): Promise<string[]>;

package/es/UserSessions/libs/utils.js

@@ -1,73 +0,0 @@
-const RESERVED_IP = "Reserved IP";
-const IP_REGION_CACHE = "ip-region-cache";
-async function getIpRegionFromIpApi(ip) {
-  const url = `https://ipapi.co/${ip}/json/`;
-  const result = await fetch(url);
-  const data = await result.json();
-  let region = "";
-  if (data.error) {
-    if (data.reserved) {
-      region = RESERVED_IP;
-    }
-  } else {
-    region = [data.country_name, data.region, data.city].filter(Boolean).join("/");
-  }
-  return region;
-}
-async function getIpRegionFromIpSb(ip) {
-  const url = `https://api.ip.sb/geoip/${ip}`;
-  const result = await fetch(url);
-  const data = await result.json();
-  let region = "";
-  if (data.error) {
-    if (data.reserved) {
-      region = RESERVED_IP;
-    }
-  } else {
-    region = [data.country, data.region, data.city].filter(Boolean).join("/");
-  }
-  return region;
-}
-export async function ip2Region(ip) {
-  let region = "";
-  let ipRegionCache = {};
-  try {
-    const tmpCache = localStorage.getItem(IP_REGION_CACHE);
-    if (tmpCache) {
-      ipRegionCache = JSON.parse(tmpCache);
-    }
-  } catch {
-    ipRegionCache = {};
-  }
-  if (ipRegionCache[ip]) {
-    region = ipRegionCache[ip];
-  } else {
-    try {
-      region = await getIpRegionFromIpSb(ip);
-    } catch {
-      console.warn("Fail to get ip region from ip.sb");
-    }
-    if (!region) {
-      try {
-        region = await getIpRegionFromIpApi(ip);
-      } catch {
-        console.warn("Fail to get ip region from ip-api.co");
-      }
-    }
-  }
-  if (region) {
-    const ipList = Object.keys(ipRegionCache);
-    if (ipList.length > 100) {
-      delete ipRegionCache[ipList[0]];
-    }
-    if (ipRegionCache[ip]) {
-      delete ipRegionCache[ip];
-    }
-    ipRegionCache[ip] = region;
-    localStorage.setItem(IP_REGION_CACHE, JSON.stringify(ipRegionCache));
-  }
-  return region;
-}
-export async function batchIp2Region(ips) {
-  return Promise.all(ips.map((ip) => ip2Region(ip)));
-}

package/es/blocklets.d.ts

@@ -1,16 +0,0 @@
-export const publicPath: any;
-export function formatTheme(theme: any): any;
-export function getLocalizedNavigation(navigation: any, locale?: string): any;
-export function formatNavigation(navigation: any): any;
-export function parseNavigation(navigation: any): {
-    header: never[];
-    footer: never[];
-    social: never[];
-    bottom: never[];
-    dashboard: never[];
-    sessionManager: never[];
-    userCenter: never[];
-} | null;
-export function formatBlockletInfo(blockletInfo: any): any;
-export function filterValidNavItems(navigation?: any[]): any;
-export function filterNavByRole(nav: object[], userRole: string): any;