@blocklet/ui-react 2.9.52 → 2.9.54

package/lib/Footer/index.js

@@ -82,7 +82,7 @@ function Footer({
   });
 }
 Footer.propTypes = {
-  meta: _types.blockletMetaProps,
+  meta: _types.BlockletMetaProps,
   // 允许覆盖 footer 内置的 theme
   theme: _propTypes.default.object
 };

package/lib/Header/index.js

@@ -72,7 +72,7 @@ const parseNavigation = navigation => {
 function Header({
   meta,
   addons,
-  sessionManagerProps: sessionManagerProps2,
+  sessionManagerProps,
   homeLink,
   theme: themeOverrides,
   hideNavMenu,
@@ -111,7 +111,7 @@ function Header({
   const headerAddons = /* @__PURE__ */(0, _jsxRuntime.jsx)(_headerAddons.default, {
     formattedBlocklet,
     addons: _addons,
-    sessionManagerProps: sessionManagerProps2
+    sessionManagerProps
   });
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_overridableThemeProvider.default, {
     theme: themeOverrides,
@@ -139,12 +139,12 @@ function Header({
   });
 }
 Header.propTypes = {
-  meta: _types.blockletMetaProps,
+  meta: _types.BlockletMetaProps,
   // 需要考虑 定制的 addons 与内置的 连接钱包/选择语言 addons 共存的情况
   // - PropTypes.func: 可以把自定义 addons 插在 session-manager 或 locale-selector (如果存在的话) 前/中/后
   // - PropTypes.node: 将 addons 原样传给 UX Header 组件
   addons: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-  sessionManagerProps: _types.sessionManagerProps,
+  sessionManagerProps: _types.SessionManagerProps,
   homeLink: _propTypes.default.string,
   // 允许覆盖 header 内置的 theme
   theme: _propTypes.default.object,

package/lib/UserCenter/components/notification.js

@@ -19,7 +19,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _locales = require("../libs/locales");
 var _webhookItem = _interopRequireDefault(require("./webhook-item"));
 var _utils2 = require("../libs/utils");
-var _client = require("../libs/client");
+var _client = require("../../libs/client");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Notification({
   user

package/lib/UserCenter/components/passport.js

@@ -40,9 +40,8 @@ function Passport({
       }
       if (a.revoked) {
         return 1;
-      } else {
-        return -1;
       }
+      return -1;
     });
     return (0, _uniqBy.default)(passportList, "role");
   }, [user?.passports]);

package/lib/UserCenter/components/privacy.js

@@ -13,7 +13,7 @@ var _util = require("@arcblock/ux/lib/Locale/util");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _locales = require("../libs/locales");
-var _client = require("../libs/client");
+var _client = require("../../libs/client");
 var _utils = require("../libs/utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Privacy({

package/lib/UserCenter/components/settings.js

@@ -15,6 +15,7 @@ var _locales = require("../libs/locales");
 var _notification = _interopRequireDefault(require("./notification"));
 var _privacy = _interopRequireDefault(require("./privacy"));
 var _storage = _interopRequireDefault(require("./storage"));
+var _UserSessions = require("../../UserSessions");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Settings({
   user,
@@ -58,6 +59,12 @@ function Settings({
       content: /* @__PURE__ */(0, _jsxRuntime.jsx)(_configUserSpace.ConfigUserSpaceProvider, {
         children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_storage.default, {})
       })
+    }, {
+      label: t("sessionManagement"),
+      value: "session",
+      content: /* @__PURE__ */(0, _jsxRuntime.jsx)(_UserSessions.UserSessions, {
+        user
+      })
     }].filter(Boolean);
   }, [user, privacyConfigList]);
   const currentState = (0, _ahooks.useReactive)({
@@ -73,7 +80,9 @@ function Settings({
     ...rest,
     sx: {
       ...rest?.sx,
-      width: 520,
+      minWidth: {
+        md: 500
+      },
       maxWidth: "100%"
     },
     children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_Tabs.default, {

package/lib/UserCenter/components/storage/connect-to.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SpaceGateway } from '../../../contexts/config-user-space';
-declare function ConnectTo({ onConnect, storageEndpoint, ...rest }: {
+declare function ConnectTo({ onConnect, storageEndpoint, }: {
     onConnect: (spaceGateway: SpaceGateway) => Promise<void>;
     storageEndpoint: string;
 }): import("react").JSX.Element;

package/lib/UserCenter/components/storage/connect-to.js

@@ -17,8 +17,7 @@ var _api = require("../../libs/api");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ConnectTo({
   onConnect,
-  storageEndpoint,
-  ...rest
+  storageEndpoint
 }) {
   const {
     t,
@@ -29,8 +28,9 @@ function ConnectTo({
     action: "connect-to-did-spaces-for-user",
     checkTimeout: 1e3 * 300,
     prefix: "/api/did",
-    // @ts-expect-error
     checkFn: _api.axios.create({
+      // FIXME: @jianchao 检查 env 的使用是否正确
+      // @ts-ignore
       baseURL: (0, _ufo.joinURL)(window.location.origin, window.env && window.env.apiPrefix ? window.env.apiPrefix : "/")
     }).get,
     extraParams: {},

package/lib/UserCenter/components/storage/delete.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SpaceGateway } from '../../../contexts/config-user-space';
-declare function SpaceDelete({ spaceGateway, onDeleteSpace }: {
+declare function SpaceDelete({ spaceGateway, onDeleteSpace, }: {
     spaceGateway: SpaceGateway;
     onDeleteSpace: (spaceGateway: SpaceGateway) => Promise<void>;
 }): JSX.Element;

package/lib/UserCenter/components/storage/item.js

@@ -9,8 +9,8 @@ var _material = require("@mui/material");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _spaceConnected = _interopRequireDefault(require("./icons/space-connected.svg?react"));
 var _DID = _interopRequireDefault(require("@arcblock/ux/lib/DID"));
+var _spaceConnected = _interopRequireDefault(require("./icons/space-connected.svg?react"));
 var _previewNft = _interopRequireDefault(require("./preview-nft"));
 var _useMobile = _interopRequireDefault(require("../../../hooks/use-mobile"));
 var _spaces = require("../../../libs/spaces");

package/lib/UserCenter/components/user-center.d.ts

@@ -7,8 +7,8 @@ export default function UserCenter({ children, currentTab, contentProps, disable
     readonly disableAutoRedirect?: boolean;
     readonly autoPopupSetting?: boolean;
     readonly hideFooter?: boolean;
-    readonly headerProps?: object;
-    readonly footerProps?: object;
+    readonly headerProps?: any;
+    readonly footerProps?: any;
     readonly userDid?: string;
     readonly stickySidebar?: boolean;
 }): import("react").JSX.Element | null;

package/lib/UserCenter/components/user-center.js

@@ -20,14 +20,15 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _ErrorBoundary = require("@arcblock/ux/lib/ErrorBoundary");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _ufo = require("ufo");
-var _ = require("../../");
+var _Footer = _interopRequireDefault(require("../../Footer"));
+var _Header = _interopRequireDefault(require("../../Header"));
 var _locales = require("../libs/locales");
 var _userInfo = _interopRequireDefault(require("./user-info"));
 var _userBasicInfo = _interopRequireDefault(require("./user-basic-info"));
 var _blocklets = require("../../blocklets");
 var _passport = _interopRequireDefault(require("./passport"));
 var _settings = _interopRequireDefault(require("./settings"));
-var _client = require("../libs/client");
+var _client = require("../../libs/client");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function UserCenter({
   children,
@@ -38,7 +39,7 @@ function UserCenter({
   hideFooter = false,
   headerProps = {},
   footerProps = {},
-  userDid,
+  userDid = void 0,
   stickySidebar = false
 }) {
   const {
@@ -69,13 +70,15 @@ function UserCenter({
     }
     return false;
   }, [currentDid, session?.user?.did]);
-  const userState = (0, _ahooks.useRequest)(async () => {
+  const userState = (0, _ahooks.useRequest)(
+  // eslint-disable-next-line consistent-return
+  async () => {
     await (0, _pWaitFor.default)(() => session?.initialized);
     if (isMyself) {
       return session.user;
     }
     if (currentDid) {
-      return await _client.client.user.getUserPublicInfo({
+      return _client.client.user.getUserPublicInfo({
         did: currentDid
       });
     }
@@ -100,7 +103,8 @@ function UserCenter({
   } = (0, _Dialog.useConfirm)({
     sx: {
       ".MuiDialog-paper": {
-        borderRadius: 2
+        borderRadius: 2,
+        maxWidth: 1200
       },
       ".ux-dialog_title": {
         fontWeight: 600
@@ -273,12 +277,18 @@ function UserCenter({
                 color: _Colors.temp.primary100
               }
             })
-          }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          }) :
+          // eslint-disable-next-line react/jsx-no-useless-fragment
+          /* @__PURE__ */
+          (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
             children: currentActiveTab?.protected && !isMyself ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
               children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_Empty.default, {
                 children: t("underProtected")
               })
-            }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            }) :
+            // eslint-disable-next-line react/jsx-no-useless-fragment
+            /* @__PURE__ */
+            (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
               children: children && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                 ...contentProps,
                 children
@@ -377,7 +387,7 @@ function UserCenter({
       display: "flex",
       flexDirection: "column"
     },
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_.Header, {
+    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_Header.default, {
       bordered: true,
       ...headerProps
     }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -396,7 +406,7 @@ function UserCenter({
         gap: 2.5
       },
       children: [content, confirmHolder]
-    }), hideFooter ? null : /* @__PURE__ */(0, _jsxRuntime.jsx)(_.Footer, {
+    }), hideFooter ? null : /* @__PURE__ */(0, _jsxRuntime.jsx)(_Footer.default, {
       bordered: true,
       ...footerProps
     })]

package/lib/UserCenter/libs/locales.d.ts

@@ -41,6 +41,7 @@ export declare const translations: {
         myInfo: string;
         loginNow: string;
         viewAfterLogin: string;
+        sessionManagement: string;
         storage: {
             spaces: {
                 tips: string;
@@ -110,6 +111,7 @@ export declare const translations: {
         myInfo: string;
         loginNow: string;
         viewAfterLogin: string;
+        sessionManagement: string;
         storage: {
             spaces: {
                 tips: string;

package/lib/UserCenter/libs/locales.js

@@ -47,6 +47,7 @@ const translations = exports.translations = {
     myInfo: "\u6211\u7684\u4FE1\u606F",
     loginNow: "\u7ACB\u5373\u767B\u5F55",
     viewAfterLogin: "\u767B\u5F55\u540E\u624D\u53EF\u4EE5\u67E5\u770B",
+    sessionManagement: "\u4F1A\u8BDD\u7BA1\u7406",
     storage: {
       spaces: {
         tips: "\u63D0\u793A",
@@ -116,6 +117,7 @@ const translations = exports.translations = {
     myInfo: "My Info",
     loginNow: "Login",
     viewAfterLogin: "View after login",
+    sessionManagement: "Session Management",
     storage: {
       spaces: {
         tips: "Tips",

package/lib/UserSessions/components/user-session-info.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { User } from '../../@types';
+export default function UserSessionInfo({ user, sessionUser }: {
+    readonly user: User;
+    readonly sessionUser: any;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,68 @@
+"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);
+  }, [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
+    }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+      children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1
+        },
+        children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+          sx: {
+            whiteSpace: "normal",
+            wordBreak: "break-all"
+          },
+          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: 1,
+            pl: 0.5
+          }
+        })]
+      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+        variant: "body2",
+        color: "grey",
+        children: sessionUser.email
+      })]
+    })]
+  });
+}

package/lib/UserSessions/components/user-sessions.d.ts

@@ -0,0 +1,9 @@
+/// <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/lib/UserSessions/components/user-sessions.js

@@ -0,0 +1,282 @@
+"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, {
+    // eslint-disable-next-line no-useless-escape
+    browser: [[/(ArcWallet)\/([\w\.]+)/i], [_uaParserJs.default.BROWSER.NAME, _uaParserJs.default.BROWSER.VERSION]]
+  });
+  const result = parser.getResult();
+  return result;
+};
+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 getData = (0, _ahooks.useMemoizedFn)(async () => {
+    let data = user?.userSessions;
+    if (!data) {
+      data = await _client.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);
+      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 (0, _sortBy.default)(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)(() => {
+    return pageState.data || [];
+  }, [pageState.data]);
+  const ipRegionMap = (0, _ahooks.useCreation)(() => {
+    return safeData.reduce((acc, x) => {
+      acc[x.lastLoginIp] = x.ipRegion;
+      return acc;
+    }, {});
+  }, [safeData]);
+  const logout = (0, _ahooks.useMemoizedFn)(({
+    visitorId
+  }) => {
+    confirmApi.open({
+      title: t("logoutThisSession"),
+      content: t("logoutThisSessionConfirm"),
+      confirmButtonText: t("confirm"),
+      cancelButtonText: t("cancel"),
+      onConfirm: async () => {
+        await _client.client.user.logout({
+          visitorId
+        });
+        pageState.refresh();
+        confirmApi.close();
+      }
+    });
+  });
+  const otherUserSessions = (0, _ahooks.useCreation)(() => {
+    const list = safeData.filter(x => x.visitorId !== currentVisitorId);
+    return list;
+  }, [safeData]);
+  const logoutAll = (0, _ahooks.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
+          });
+        });
+        await (0, _pAll.default)(list, {
+          concurrency: 3,
+          stopOnError: false
+        });
+        pageState.refresh();
+        confirmApi.close();
+      }
+    });
+  });
+  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"));
+  }
+  const tableOptions = (0, _ahooks.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__ */(0, _jsxRuntime.jsx)(_material.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("walletOS"),
+    name: "walletOS",
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const x = safeData[rawIndex];
+        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.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)(_userSessionInfo.default, {
+          sessionUser: x.user,
+          user
+        });
+      }
+    }
+  }, {
+    label: t("updatedAt"),
+    name: "updatedAt",
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const x = safeData[rawIndex];
+        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+          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")
+          })
+        });
+      }
+    }
+  }, 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: 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
+    })]
+  });
+}

package/lib/UserSessions/index.d.ts

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