@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/admin/src/pages/SessionsPage.js

@@ -0,0 +1,333 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var ConfirmDialog = require('../components/ConfirmDialog.js');
+var Layout = require('../components/Layouts/Layout.js');
+var PageHelpers = require('../components/PageHelpers.js');
+var RelativeTime = require('../components/RelativeTime.js');
+var Auth = require('../features/Auth.js');
+var Notifications = require('../features/Notifications.js');
+var useAPIErrorHandler = require('../hooks/useAPIErrorHandler.js');
+var auth = require('../services/auth.js');
+var baseQuery = require('../utils/baseQuery.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/* -------------------------------------------------------------------------------------------------
+ * SessionsPage
+ * -----------------------------------------------------------------------------------------------*/ const SessionsPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const navigate = reactRouterDom.useNavigate();
+    const { toggleNotification } = Notifications.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler.useAPIErrorHandler();
+    const logout = Auth.useAuth('SessionsPage', (state)=>state.logout);
+    const { data: sessions = [], isLoading, error } = auth.useGetActiveSessionsQuery();
+    const [revokeSession] = auth.useRevokeSessionMutation();
+    const [revokeAllSessions] = auth.useRevokeAllSessionsMutation();
+    const handleLogoutAndRedirect = React__namespace.useCallback(async ()=>{
+        await logout();
+        navigate('/auth/login');
+    }, [
+        logout,
+        navigate
+    ]);
+    const notifyError = React__namespace.useCallback((error)=>{
+        toggleNotification({
+            type: 'danger',
+            message: error && baseQuery.isBaseQueryError(error) ? formatAPIError(error) : formatMessage({
+                id: 'notification.error',
+                defaultMessage: 'An error occurred'
+            })
+        });
+    }, [
+        formatAPIError,
+        formatMessage,
+        toggleNotification
+    ]);
+    const runSessionMutation = React__namespace.useCallback(async (action, onSuccess)=>{
+        try {
+            const res = await action();
+            if (res && 'error' in res && res.error) {
+                notifyError(res.error);
+                return;
+            }
+            await onSuccess();
+        } catch  {
+            notifyError();
+        }
+    }, [
+        notifyError
+    ]);
+    const handleRevoke = async (session)=>{
+        await runSessionMutation(()=>revokeSession(session.id), async ()=>{
+            if (session.current) {
+                await handleLogoutAndRedirect();
+                return;
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'Settings.sessions.revoke.success',
+                    defaultMessage: 'Session ended'
+                })
+            });
+        });
+    };
+    const handleRevokeOthers = async ()=>{
+        await runSessionMutation(()=>revokeAllSessions({
+                keepCurrent: true
+            }), ()=>{
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'Settings.sessions.revokeOthers.success',
+                    defaultMessage: 'Other sessions ended'
+                })
+            });
+        });
+    };
+    const handleRevokeAll = async ()=>{
+        await runSessionMutation(()=>revokeAllSessions(undefined), handleLogoutAndRedirect);
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {});
+    }
+    if (error) {
+        return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(PageHelpers.Page.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.sessions.title',
+                    defaultMessage: 'Active Devices'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {
+                title: formatMessage({
+                    id: 'Settings.sessions.title',
+                    defaultMessage: 'Active Devices'
+                }),
+                subtitle: formatMessage({
+                    id: 'Settings.sessions.subtitle',
+                    defaultMessage: 'These are the devices and sessions currently signed in to your account.'
+                }),
+                primaryAction: sessions.length > 0 ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    gap: 2,
+                    children: [
+                        sessions.length > 1 ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "secondary",
+                                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.SignOut, {}),
+                                        children: formatMessage({
+                                            id: 'Settings.sessions.revokeOthers',
+                                            defaultMessage: 'Log out of other devices'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(ConfirmDialog.ConfirmDialog, {
+                                    onConfirm: handleRevokeOthers,
+                                    children: formatMessage({
+                                        id: 'Settings.sessions.revokeOthers.confirm',
+                                        defaultMessage: 'Are you sure? This will end every other active session. You will stay signed in on this device.'
+                                    })
+                                })
+                            ]
+                        }) : null,
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        variant: "danger-light",
+                                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.SignOut, {}),
+                                        children: formatMessage({
+                                            id: 'Settings.sessions.revokeAll',
+                                            defaultMessage: 'Log out of all devices'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(ConfirmDialog.ConfirmDialog, {
+                                    onConfirm: handleRevokeAll,
+                                    children: formatMessage({
+                                        id: 'Settings.sessions.revokeAll.confirm',
+                                        defaultMessage: 'Are you sure? This will end every active session, including this one, and you will need to log in again.'
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }) : undefined
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    background: "neutral0",
+                    hasRadius: true,
+                    shadow: "filterShadow",
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+                        colCount: 5,
+                        rowCount: sessions.length,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.device',
+                                                    defaultMessage: 'Device'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.ip',
+                                                    defaultMessage: 'IP address'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.loginAt',
+                                                    defaultMessage: 'Signed in'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.lastActiveAt',
+                                                    defaultMessage: 'Last used'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.sessions.actions',
+                                                    defaultMessage: 'Actions'
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+                                children: sessions.map((session)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                    gap: 2,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                            textColor: "neutral800",
+                                                            children: session.deviceName ?? (session.deviceId ? session.deviceId.slice(0, 8) : formatMessage({
+                                                                id: 'Settings.sessions.unknownDevice',
+                                                                defaultMessage: 'Unknown device'
+                                                            }))
+                                                        }),
+                                                        session.current && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Badge, {
+                                                            children: formatMessage({
+                                                                id: 'Settings.sessions.current',
+                                                                defaultMessage: 'This device'
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    textColor: "neutral800",
+                                                    children: session.ip ?? '-'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    textColor: "neutral800",
+                                                    children: session.loginAt ? /*#__PURE__*/ jsxRuntime.jsx(RelativeTime.RelativeTime, {
+                                                        timestamp: new Date(session.loginAt)
+                                                    }) : '-'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    textColor: "neutral800",
+                                                    children: session.lastActiveAt ? /*#__PURE__*/ jsxRuntime.jsx(RelativeTime.RelativeTime, {
+                                                        timestamp: new Date(session.lastActiveAt)
+                                                    }) : '-'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                                    justifyContent: "end",
+                                                    onClick: (e)=>e.stopPropagation(),
+                                                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+                                                        children: [
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                                    label: formatMessage({
+                                                                        id: 'Settings.sessions.revoke',
+                                                                        defaultMessage: 'End session'
+                                                                    }),
+                                                                    variant: "ghost",
+                                                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.SignOut, {})
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(ConfirmDialog.ConfirmDialog, {
+                                                                onConfirm: ()=>handleRevoke(session),
+                                                                children: session.current ? formatMessage({
+                                                                    id: 'Settings.sessions.revoke.confirmCurrent',
+                                                                    defaultMessage: 'This is the device you are currently using. Ending this session will log you out.'
+                                                                }) : formatMessage({
+                                                                    id: 'Settings.sessions.revoke.confirm',
+                                                                    defaultMessage: 'Are you sure you want to end this session? The device will need to log in again.'
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    }, session.id))
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+
+exports.SessionsPage = SessionsPage;
+//# sourceMappingURL=SessionsPage.js.map

package/dist/admin/admin/src/pages/SessionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsPage.js","sources":["../../../../../admin/src/pages/SessionsPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Badge,\n  Box,\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n} from '@strapi/design-system';\nimport { SignOut } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../components/ConfirmDialog';\nimport { Layouts } from '../components/Layouts/Layout';\nimport { Page } from '../components/PageHelpers';\nimport { RelativeTime } from '../components/RelativeTime';\nimport { useAuth } from '../features/Auth';\nimport { useNotification } from '../features/Notifications';\nimport { useAPIErrorHandler } from '../hooks/useAPIErrorHandler';\nimport {\n  useGetActiveSessionsQuery,\n  useRevokeAllSessionsMutation,\n  useRevokeSessionMutation,\n} from '../services/auth';\nimport { isBaseQueryError } from '../utils/baseQuery';\n\nimport type { SanitizedAdminSession } from '../../../shared/contracts/sessions';\n\n/* -------------------------------------------------------------------------------------------------\n * SessionsPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst SessionsPage = () => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const logout = useAuth('SessionsPage', (state) => state.logout);\n\n  const { data: sessions = [], isLoading, error } = useGetActiveSessionsQuery();\n  const [revokeSession] = useRevokeSessionMutation();\n  const [revokeAllSessions] = useRevokeAllSessionsMutation();\n\n  const handleLogoutAndRedirect = React.useCallback(async () => {\n    await logout();\n    navigate('/auth/login');\n  }, [logout, navigate]);\n\n  const notifyError = React.useCallback(\n    (error?: unknown) => {\n      toggleNotification({\n        type: 'danger',\n        message:\n          error && isBaseQueryError(error)\n            ? formatAPIError(error)\n            : formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    },\n    [formatAPIError, formatMessage, toggleNotification]\n  );\n\n  const runSessionMutation = React.useCallback(\n    async (\n      action: () => Promise<{ error?: unknown } | { data: unknown } | void>,\n      onSuccess: () => void | Promise<void>\n    ) => {\n      try {\n        const res = await action();\n\n        if (res && 'error' in res && res.error) {\n          notifyError(res.error);\n          return;\n        }\n\n        await onSuccess();\n      } catch {\n        notifyError();\n      }\n    },\n    [notifyError]\n  );\n\n  const handleRevoke = async (session: SanitizedAdminSession) => {\n    await runSessionMutation(\n      () => revokeSession(session.id),\n      async () => {\n        if (session.current) {\n          await handleLogoutAndRedirect();\n          return;\n        }\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'Settings.sessions.revoke.success',\n            defaultMessage: 'Session ended',\n          }),\n        });\n      }\n    );\n  };\n\n  const handleRevokeOthers = async () => {\n    await runSessionMutation(\n      () => revokeAllSessions({ keepCurrent: true }),\n      () => {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'Settings.sessions.revokeOthers.success',\n            defaultMessage: 'Other sessions ended',\n          }),\n        });\n      }\n    );\n  };\n\n  const handleRevokeAll = async () => {\n    await runSessionMutation(() => revokeAllSessions(undefined), handleLogoutAndRedirect);\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage({\n          id: 'Settings.sessions.title',\n          defaultMessage: 'Active Devices',\n        })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({\n          id: 'Settings.sessions.title',\n          defaultMessage: 'Active Devices',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.sessions.subtitle',\n          defaultMessage: 'These are the devices and sessions currently signed in to your account.',\n        })}\n        primaryAction={\n          sessions.length > 0 ? (\n            <Flex gap={2}>\n              {sessions.length > 1 ? (\n                <Dialog.Root>\n                  <Dialog.Trigger>\n                    <Button variant=\"secondary\" startIcon={<SignOut />}>\n                      {formatMessage({\n                        id: 'Settings.sessions.revokeOthers',\n                        defaultMessage: 'Log out of other devices',\n                      })}\n                    </Button>\n                  </Dialog.Trigger>\n                  <ConfirmDialog onConfirm={handleRevokeOthers}>\n                    {formatMessage({\n                      id: 'Settings.sessions.revokeOthers.confirm',\n                      defaultMessage:\n                        'Are you sure? This will end every other active session. You will stay signed in on this device.',\n                    })}\n                  </ConfirmDialog>\n                </Dialog.Root>\n              ) : null}\n              <Dialog.Root>\n                <Dialog.Trigger>\n                  <Button variant=\"danger-light\" startIcon={<SignOut />}>\n                    {formatMessage({\n                      id: 'Settings.sessions.revokeAll',\n                      defaultMessage: 'Log out of all devices',\n                    })}\n                  </Button>\n                </Dialog.Trigger>\n                <ConfirmDialog onConfirm={handleRevokeAll}>\n                  {formatMessage({\n                    id: 'Settings.sessions.revokeAll.confirm',\n                    defaultMessage:\n                      'Are you sure? This will end every active session, including this one, and you will need to log in again.',\n                  })}\n                </ConfirmDialog>\n              </Dialog.Root>\n            </Flex>\n          ) : undefined\n        }\n      />\n      <Layouts.Content>\n        <Box background=\"neutral0\" hasRadius shadow=\"filterShadow\">\n          <Table colCount={5} rowCount={sessions.length}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.device', defaultMessage: 'Device' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.ip', defaultMessage: 'IP address' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.sessions.loginAt',\n                      defaultMessage: 'Signed in',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.sessions.lastActiveAt',\n                      defaultMessage: 'Last used',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({ id: 'Settings.sessions.actions', defaultMessage: 'Actions' })}\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {sessions.map((session) => (\n                <Tr key={session.id}>\n                  <Td>\n                    <Flex gap={2}>\n                      <Typography textColor=\"neutral800\">\n                        {session.deviceName ??\n                          (session.deviceId\n                            ? session.deviceId.slice(0, 8)\n                            : formatMessage({\n                                id: 'Settings.sessions.unknownDevice',\n                                defaultMessage: 'Unknown device',\n                              }))}\n                      </Typography>\n                      {session.current && (\n                        <Badge>\n                          {formatMessage({\n                            id: 'Settings.sessions.current',\n                            defaultMessage: 'This device',\n                          })}\n                        </Badge>\n                      )}\n                    </Flex>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">{session.ip ?? '-'}</Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {session.loginAt ? (\n                        <RelativeTime timestamp={new Date(session.loginAt)} />\n                      ) : (\n                        '-'\n                      )}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {session.lastActiveAt ? (\n                        <RelativeTime timestamp={new Date(session.lastActiveAt)} />\n                      ) : (\n                        '-'\n                      )}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n                      <Dialog.Root>\n                        <Dialog.Trigger>\n                          <IconButton\n                            label={formatMessage({\n                              id: 'Settings.sessions.revoke',\n                              defaultMessage: 'End session',\n                            })}\n                            variant=\"ghost\"\n                          >\n                            <SignOut />\n                          </IconButton>\n                        </Dialog.Trigger>\n                        <ConfirmDialog onConfirm={() => handleRevoke(session)}>\n                          {session.current\n                            ? formatMessage({\n                                id: 'Settings.sessions.revoke.confirmCurrent',\n                                defaultMessage:\n                                  'This is the device you are currently using. Ending this session will log you out.',\n                              })\n                            : formatMessage({\n                                id: 'Settings.sessions.revoke.confirm',\n                                defaultMessage:\n                                  'Are you sure you want to end this session? The device will need to log in again.',\n                              })}\n                        </ConfirmDialog>\n                      </Dialog.Root>\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nexport { SessionsPage };\n"],"names":["SessionsPage","formatMessage","useIntl","navigate","useNavigate","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","logout","useAuth","state","data","sessions","isLoading","error","useGetActiveSessionsQuery","revokeSession","useRevokeSessionMutation","revokeAllSessions","useRevokeAllSessionsMutation","handleLogoutAndRedirect","React","useCallback","notifyError","type","message","isBaseQueryError","id","defaultMessage","runSessionMutation","action","onSuccess","res","handleRevoke","session","current","handleRevokeOthers","keepCurrent","handleRevokeAll","undefined","_jsx","Page","Loading","Error","_jsxs","Main","Title","Layouts","Header","title","subtitle","primaryAction","length","Flex","gap","Dialog","Root","Trigger","Button","variant","startIcon","SignOut","ConfirmDialog","onConfirm","Content","Box","background","hasRadius","shadow","Table","colCount","rowCount","Thead","Tr","Th","Typography","Tbody","map","Td","textColor","deviceName","deviceId","slice","Badge","ip","loginAt","RelativeTime","timestamp","Date","lastActiveAt","justifyContent","onClick","e","stopPropagation","IconButton","label"],"mappings":"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"}