@workos-inc/widgets 1.3.1 → 1.4.1

package/dist/esm/lib/user-security.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Card, Flex, Grid, Text } from "@radix-ui/themes";
 import clsx from "clsx";
 import { SecondaryButton, Skeleton } from "./elements.js";
@@ -12,21 +12,88 @@ import { ResetMfaDialog } from "./reset-mfa-dialog.js";
 import * as CardList from "../card-list.js";
 import { GenericError } from "./generic-error.js";
 import { getComparativeReadableDate } from "./utils.js";
-export const UserSecurity = ({ settings }) => {
-    const passwordSettings = settings.verificationMethods.Password;
-    const mfaSettings = settings.verificationMethods.Mfa;
-    return (_jsxs(CardList.Root, { className: clsx("woswidgets-widget"), "data-woswidgets-widget-id": "user-security", children: [passwordSettings && (_jsx(CardList.Item, { children: _jsx(PasswordSettings, { settings: passwordSettings }) })), mfaSettings && (_jsx(CardList.Item, { children: _jsx(MfaSettings, { settings: mfaSettings, isPasswordSet: !!passwordSettings?.isSetUp }) }))] }));
+const UserSecurity = ({ settings }) => {
+  const passwordSettings = settings.verificationMethods.Password;
+  const mfaSettings = settings.verificationMethods.Mfa;
+  return /* @__PURE__ */ jsxs(
+    CardList.Root,
+    {
+      className: clsx("woswidgets-widget"),
+      "data-woswidgets-widget-id": "user-security",
+      children: [
+        passwordSettings && /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(PasswordSettings, { settings: passwordSettings }) }),
+        mfaSettings && /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(
+          MfaSettings,
+          {
+            settings: mfaSettings,
+            isPasswordSet: !!passwordSettings?.isSetUp
+          }
+        ) })
+      ]
+    }
+  );
 };
-export function UserSecurityError({ error }) {
-    return (_jsx(Card, { size: "2", children: _jsx(GenericError, { error: error }) }));
+function UserSecurityError({ error }) {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(GenericError, { error }) });
 }
-export function UserSecurityLoading() {
-    return (_jsx(Card, { size: "2", children: _jsxs(Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [_jsx(Skeleton, { children: _jsx(IconPanel, {}) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: _jsx(Skeleton, { children: "Password" }) }), _jsx(Text, { as: "p", size: "2", color: "gray", children: _jsx(Skeleton, { children: "Set a password to access your account" }) })] }), _jsx(ChangePasswordDialog, { children: _jsx(Skeleton, { children: _jsx(SecondaryButton, { children: "Change" }) }) })] }) }));
-}
-function PasswordSettings({ settings, }) {
-    return (_jsxs(Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [_jsx(IconPanel, { children: _jsx(LockClosedIcon, {}) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Password" }), settings.isSetUp ? (settings.lastUsed && (_jsxs(Text, { size: "2", color: "gray", children: ["Last used", " ", getComparativeReadableDate(new Date(), new Date(settings.lastUsed))] }))) : (_jsx(Text, { as: "p", size: "2", color: "gray", children: "Set a password to access your account" }))] }), settings.isSetUp ? (_jsx(ChangePasswordDialog, { children: _jsx(SecondaryButton, { children: "Change" }) })) : (_jsx(SetPasswordDialog, { children: _jsx(SecondaryButton, { children: "Set a password" }) }))] }));
+const UserSecurityLoading = () => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(IconPanel, {}) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: /* @__PURE__ */ jsx(Skeleton, { children: "Password" }) }),
+      /* @__PURE__ */ jsx(Text, { as: "p", size: "2", color: "gray", children: /* @__PURE__ */ jsx(Skeleton, { children: "Set a password to access your account" }) })
+    ] }),
+    /* @__PURE__ */ jsx(ChangePasswordDialog, { children: /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(SecondaryButton, { children: "Change" }) }) })
+  ] }) });
+};
+function PasswordSettings({
+  settings
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [
+    /* @__PURE__ */ jsx(IconPanel, { children: /* @__PURE__ */ jsx(LockClosedIcon, {}) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Password" }),
+      settings.isSetUp ? settings.lastUsed && /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", children: [
+        "Last used",
+        " ",
+        getComparativeReadableDate(
+          /* @__PURE__ */ new Date(),
+          new Date(settings.lastUsed)
+        )
+      ] }) : /* @__PURE__ */ jsx(Text, { as: "p", size: "2", color: "gray", children: "Set a password to access your account" })
+    ] }),
+    settings.isSetUp ? /* @__PURE__ */ jsx(ChangePasswordDialog, { children: /* @__PURE__ */ jsx(SecondaryButton, { children: "Change" }) }) : /* @__PURE__ */ jsx(SetPasswordDialog, { children: /* @__PURE__ */ jsx(SecondaryButton, { children: "Set a password" }) })
+  ] });
 }
-function MfaSettings({ settings, isPasswordSet, }) {
-    return (_jsxs(Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [_jsx(IconPanel, { children: _jsx(ButtonIcon, {}) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Multi-factor authentication" }), settings.isSetUp ? (_jsxs(Text, { size: "2", children: ["Authenticator app", settings.lastUsed && (_jsxs(_Fragment, { children: [_jsx(Text, { size: "2", color: "gray", mx: "1", children: "\u2219" }), _jsxs(Text, { size: "2", color: "gray", children: ["Last used", " ", getComparativeReadableDate(new Date(), new Date(settings.lastUsed))] })] }))] })) : (_jsx(Text, { as: "p", size: "2", color: "gray", children: "Secure your account with an extra verification step" }))] }), settings.isSetUp ? (_jsx(ResetMfaDialog, { isPasswordSet: isPasswordSet, children: _jsx(SecondaryButton, { children: "Disable" }) })) : (_jsx(AddMfaDialog, { children: _jsx(SecondaryButton, { children: "Set up authenticator app" }) }))] }));
+function MfaSettings({
+  settings,
+  isPasswordSet
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [
+    /* @__PURE__ */ jsx(IconPanel, { children: /* @__PURE__ */ jsx(ButtonIcon, {}) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Multi-factor authentication" }),
+      settings.isSetUp ? /* @__PURE__ */ jsxs(Text, { size: "2", children: [
+        "Authenticator app",
+        settings.lastUsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", mx: "1", children: "\u2219" }),
+          /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", children: [
+            "Last used",
+            " ",
+            getComparativeReadableDate(
+              /* @__PURE__ */ new Date(),
+              new Date(settings.lastUsed)
+            )
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(Text, { as: "p", size: "2", color: "gray", children: "Secure your account with an extra verification step" })
+    ] }),
+    settings.isSetUp ? /* @__PURE__ */ jsx(ResetMfaDialog, { isPasswordSet, children: /* @__PURE__ */ jsx(SecondaryButton, { children: "Disable" }) }) : /* @__PURE__ */ jsx(AddMfaDialog, { children: /* @__PURE__ */ jsx(SecondaryButton, { children: "Set up authenticator app" }) })
+  ] });
 }
+export {
+  UserSecurity,
+  UserSecurityError,
+  UserSecurityLoading
+};
 //# sourceMappingURL=user-security.js.map

package/dist/esm/lib/user-security.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-security.js","sourceRoot":"","sources":["../../../src/lib/user-security.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/user-security.tsx"],"sourcesContent":["\"use client\";\n\nimport { Card, Flex, Grid, Text } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport { SecondaryButton, Skeleton } from \"./elements.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { ButtonIcon, LockClosedIcon } from \"@radix-ui/react-icons\";\nimport { SetPasswordDialog } from \"./set-password-dialog.js\";\nimport { ChangePasswordDialog } from \"./change-password-dialog.js\";\nimport { AddMfaDialog } from \"./add-mfa-dialog.js\";\nimport type {\n  AuthenticationInformationResponseData as AuthenticationSettings,\n  AuthenticationInformationResponseDataVerificationMethodsPassword as PasswordVerificationMethod,\n  AuthenticationInformationResponseDataVerificationMethodsMfa as MfaVerificationMethod,\n} from \"../api/endpoint.js\";\nimport { ResetMfaDialog } from \"./reset-mfa-dialog.js\";\nimport * as CardList from \"../card-list.js\";\nimport { GenericError } from \"./generic-error.js\";\nimport { getComparativeReadableDate } from \"./utils.js\";\n\ninterface UserSecurityProps {\n  settings: AuthenticationSettings;\n}\n\nexport const UserSecurity = ({ settings }: UserSecurityProps) => {\n  const passwordSettings = settings.verificationMethods.Password;\n  const mfaSettings = settings.verificationMethods.Mfa;\n\n  return (\n    <CardList.Root\n      className={clsx(\"woswidgets-widget\")}\n      data-woswidgets-widget-id=\"user-security\"\n    >\n      {passwordSettings && (\n        <CardList.Item>\n          <PasswordSettings settings={passwordSettings} />\n        </CardList.Item>\n      )}\n\n      {mfaSettings && (\n        <CardList.Item>\n          <MfaSettings\n            settings={mfaSettings}\n            isPasswordSet={!!passwordSettings?.isSetUp}\n          />\n        </CardList.Item>\n      )}\n    </CardList.Root>\n  );\n};\n\nexport function UserSecurityError({ error }: { error: unknown }) {\n  return (\n    <Card size=\"2\">\n      <GenericError error={error} />\n    </Card>\n  );\n}\n\nexport const UserSecurityLoading: React.FC = () => {\n  return (\n    <Card size=\"2\">\n      <Grid columns=\"auto 1fr auto\" align=\"center\" gap=\"4\">\n        <Skeleton>\n          <IconPanel />\n        </Skeleton>\n\n        <Flex direction=\"column\">\n          <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n            <Skeleton>Password</Skeleton>\n          </Text>\n          <Text as=\"p\" size=\"2\" color=\"gray\">\n            <Skeleton>Set a password to access your account</Skeleton>\n          </Text>\n        </Flex>\n\n        <ChangePasswordDialog>\n          <Skeleton>\n            <SecondaryButton>Change</SecondaryButton>\n          </Skeleton>\n        </ChangePasswordDialog>\n      </Grid>\n    </Card>\n  );\n};\n\nfunction PasswordSettings({\n  settings,\n}: {\n  settings: NonNullable<PasswordVerificationMethod>;\n}) {\n  return (\n    <Grid columns=\"auto 1fr auto\" align=\"center\" gap=\"4\">\n      <IconPanel>\n        <LockClosedIcon />\n      </IconPanel>\n\n      <Flex direction=\"column\">\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n          Password\n        </Text>\n\n        {settings.isSetUp ? (\n          settings.lastUsed && (\n            <Text size=\"2\" color=\"gray\">\n              Last used{\" \"}\n              {getComparativeReadableDate(\n                new Date(),\n                new Date(settings.lastUsed),\n              )}\n            </Text>\n          )\n        ) : (\n          <Text as=\"p\" size=\"2\" color=\"gray\">\n            Set a password to access your account\n          </Text>\n        )}\n      </Flex>\n\n      {settings.isSetUp ? (\n        <ChangePasswordDialog>\n          <SecondaryButton>Change</SecondaryButton>\n        </ChangePasswordDialog>\n      ) : (\n        <SetPasswordDialog>\n          <SecondaryButton>Set a password</SecondaryButton>\n        </SetPasswordDialog>\n      )}\n    </Grid>\n  );\n}\n\nfunction MfaSettings({\n  settings,\n  isPasswordSet,\n}: {\n  settings: NonNullable<MfaVerificationMethod>;\n  isPasswordSet: boolean;\n}) {\n  return (\n    <Grid columns=\"auto 1fr auto\" align=\"center\" gap=\"4\">\n      <IconPanel>\n        <ButtonIcon />\n      </IconPanel>\n\n      <Flex direction=\"column\">\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n          Multi-factor authentication\n        </Text>\n\n        {settings.isSetUp ? (\n          <Text size=\"2\">\n            Authenticator app\n            {settings.lastUsed && (\n              <>\n                <Text size=\"2\" color=\"gray\" mx=\"1\">\n                  ∙\n                </Text>\n                <Text size=\"2\" color=\"gray\">\n                  Last used{\" \"}\n                  {getComparativeReadableDate(\n                    new Date(),\n                    new Date(settings.lastUsed),\n                  )}\n                </Text>\n              </>\n            )}\n          </Text>\n        ) : (\n          <Text as=\"p\" size=\"2\" color=\"gray\">\n            Secure your account with an extra verification step\n          </Text>\n        )}\n      </Flex>\n\n      {settings.isSetUp ? (\n        <ResetMfaDialog isPasswordSet={isPasswordSet}>\n          <SecondaryButton>Disable</SecondaryButton>\n        </ResetMfaDialog>\n      ) : (\n        <AddMfaDialog>\n          <SecondaryButton>Set up authenticator app</SecondaryButton>\n        </AddMfaDialog>\n      )}\n    </Grid>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/user-sessions.d.ts

@@ -1,12 +1,16 @@
-import { ActiveSession } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActiveSession } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface UserSessionsProps {
     sessionsData: ActiveSession[];
     currentSessionId: string;
 }
-export declare const UserSessions: ({ sessionsData: sessions, currentSessionId, }: UserSessionsProps) => import("react/jsx-runtime").JSX.Element;
-export declare function UserSessionsLoading(): import("react/jsx-runtime").JSX.Element;
-export declare function UserSessionsError({ error }: {
+declare const UserSessions: ({ sessionsData: sessions, currentSessionId, }: UserSessionsProps) => react_jsx_runtime.JSX.Element;
+declare const UserSessionsLoading: React.FC;
+declare function UserSessionsError({ error }: {
     error: unknown;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=user-sessions.d.ts.map
+}): react_jsx_runtime.JSX.Element;
+
+export { UserSessions, UserSessionsError, UserSessionsLoading };

package/dist/esm/lib/user-sessions.js

@@ -1,9 +1,13 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Box, Button, Card, Flex, Text } from "@radix-ui/themes";
 import clsx from "clsx";
 import { Badge, SecondaryButton, Skeleton } from "./elements.js";
-import { getComparativeReadableDate, getUserLocation, parseUserAgent, } from "./utils.js";
+import {
+  getComparativeReadableDate,
+  getUserLocation,
+  parseUserAgent
+} from "./utils.js";
 import { LogoutDialog } from "./logout-dialog.js";
 import { LogoutAllSessionsDialog } from "./logout-all-sessions-dialog.js";
 import * as CardList from "../card-list.js";
@@ -11,30 +15,132 @@ import { IconPanel } from "./icon-panel.js";
 import { useState } from "react";
 import { GenericError } from "./generic-error.js";
 import { LaptopIcon, MobileIcon } from "@radix-ui/react-icons";
-export const UserSessions = ({ sessionsData: sessions, currentSessionId, }) => {
-    const currentSession = sessions.find((session) => session.id === currentSessionId);
-    const otherSessions = sessions.filter((session) => session.id !== currentSessionId);
-    const [openLogoutDialog, setOpenLogoutDialog] = useState(false);
-    const [sessionToSignOut, setSessionToSignOut] = useState(null);
-    const [openLogoutAllSessionsDialog, setOpenLogoutAllSessionsDialog] = useState(false);
-    return (_jsxs(Flex, { direction: "column", gap: "4", className: clsx("woswidgets-widget"), "data-woswidgets-widget-id": "user-sessions", children: [_jsxs(CardList.Root, { children: [currentSession && (_jsx(CardList.Item, { children: _jsx(UserSession, { session: currentSession, isCurrentSession: true }) })), otherSessions.map((session) => (_jsx(CardList.Item, { children: _jsx(UserSession, { session: session, onSignOut: () => {
-                                setSessionToSignOut(session);
-                                setOpenLogoutDialog(true);
-                            } }) }, session.id)))] }), sessions.length > 1 && (_jsx(Card, { size: "2", children: _jsxs(Flex, { gap: "2", justify: "between", align: "center", children: [_jsxs(Box, { children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", children: "Sign out of all other devices" }), _jsx(Text, { size: "2", color: "gray", as: "p", children: "Remove access from all devices except this one" })] }), _jsx(SecondaryButton, { onClick: () => {
-                                setOpenLogoutAllSessionsDialog(true);
-                            }, children: "Sign out" })] }) })), sessionToSignOut && (_jsx(LogoutDialog, { session: sessionToSignOut, open: openLogoutDialog, onOpenChange: setOpenLogoutDialog })), _jsx(LogoutAllSessionsDialog, { currentSessionId: currentSessionId, open: openLogoutAllSessionsDialog, onOpenChange: setOpenLogoutAllSessionsDialog })] }));
+const UserSessions = ({
+  sessionsData: sessions,
+  currentSessionId
+}) => {
+  const currentSession = sessions.find(
+    (session) => session.id === currentSessionId
+  );
+  const otherSessions = sessions.filter(
+    (session) => session.id !== currentSessionId
+  );
+  const [openLogoutDialog, setOpenLogoutDialog] = useState(false);
+  const [sessionToSignOut, setSessionToSignOut] = useState(null);
+  const [openLogoutAllSessionsDialog, setOpenLogoutAllSessionsDialog] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      className: clsx("woswidgets-widget"),
+      "data-woswidgets-widget-id": "user-sessions",
+      children: [
+        /* @__PURE__ */ jsxs(CardList.Root, { children: [
+          currentSession && /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(UserSession, { session: currentSession, isCurrentSession: true }) }),
+          otherSessions.map((session) => /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(
+            UserSession,
+            {
+              session,
+              onSignOut: () => {
+                setSessionToSignOut(session);
+                setOpenLogoutDialog(true);
+              }
+            }
+          ) }, session.id))
+        ] }),
+        sessions.length > 1 && /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(Flex, { gap: "2", justify: "between", align: "center", children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", children: "Sign out of all other devices" }),
+            /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", as: "p", children: "Remove access from all devices except this one" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            SecondaryButton,
+            {
+              onClick: () => {
+                setOpenLogoutAllSessionsDialog(true);
+              },
+              children: "Sign out"
+            }
+          )
+        ] }) }),
+        sessionToSignOut && /* @__PURE__ */ jsx(
+          LogoutDialog,
+          {
+            session: sessionToSignOut,
+            open: openLogoutDialog,
+            onOpenChange: setOpenLogoutDialog
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          LogoutAllSessionsDialog,
+          {
+            currentSessionId,
+            open: openLogoutAllSessionsDialog,
+            onOpenChange: setOpenLogoutAllSessionsDialog
+          }
+        )
+      ]
+    }
+  );
 };
-export function UserSessionsLoading() {
-    return (_jsx(Card, { size: "2", children: _jsxs(Flex, { gap: "4", align: "center", children: [_jsx(Skeleton, { children: _jsx(IconPanel, {}) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: _jsx(Skeleton, { children: "The location" }) }), _jsx(Text, { size: "2", color: "gray", as: "p", children: _jsx(Skeleton, { children: "The location" }) })] })] }) }));
-}
-export function UserSessionsError({ error }) {
-    return (_jsx(Card, { size: "2", children: _jsx(GenericError, { error: error }) }));
+const UserSessionsLoading = () => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(IconPanel, {}) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: /* @__PURE__ */ jsx(Skeleton, { children: "The location" }) }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", as: "p", children: /* @__PURE__ */ jsx(Skeleton, { children: "The location" }) })
+    ] })
+  ] }) });
+};
+function UserSessionsError({ error }) {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(GenericError, { error }) });
 }
-const UserSession = ({ session, isCurrentSession = false, onSignOut, }) => {
-    const userAgent = parseUserAgent(session.userAgent);
-    const userLocation = getUserLocation(session.currentLocation, session.ipAddress);
-    return (_jsxs(Flex, { gap: "4", align: "center", children: [_jsx(IconPanel, { children: userAgent.isMobile ? _jsx(MobileIcon, {}) : _jsx(LaptopIcon, {}) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: userAgent.pretty }), _jsxs(Flex, { gap: "1", align: "center", children: [_jsx(Text, { size: "2", color: "gray", as: "p", children: userLocation }), isCurrentSession && _jsx(Badge, { ml: "2", children: "This device" }), !isCurrentSession && session.lastActivityAt && (_jsxs(_Fragment, { children: [_jsx(Text, { size: "2", color: "gray", children: "\u2219" }), _jsxs(Text, { size: "2", color: "gray", children: ["Last seen", " ", getComparativeReadableDate(new Date(), new Date(session.lastActivityAt))] })] }))] })] }), !isCurrentSession && (_jsx(Flex, { ml: "auto", mr: "2", children: _jsx(Button, { variant: "ghost", onClick: () => {
-                        onSignOut?.(session);
-                    }, children: "Sign out" }) }))] }));
+const UserSession = ({
+  session,
+  isCurrentSession = false,
+  onSignOut
+}) => {
+  const userAgent = parseUserAgent(session.userAgent);
+  const userLocation = getUserLocation(
+    session.currentLocation,
+    session.ipAddress
+  );
+  return /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(IconPanel, { children: userAgent.isMobile ? /* @__PURE__ */ jsx(MobileIcon, {}) : /* @__PURE__ */ jsx(LaptopIcon, {}) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: userAgent.pretty }),
+      /* @__PURE__ */ jsxs(Flex, { gap: "1", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", as: "p", children: userLocation }),
+        isCurrentSession && /* @__PURE__ */ jsx(Badge, { ml: "2", children: "This device" }),
+        !isCurrentSession && session.lastActivityAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: "\u2219" }),
+          /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", children: [
+            "Last seen",
+            " ",
+            getComparativeReadableDate(
+              /* @__PURE__ */ new Date(),
+              new Date(session.lastActivityAt)
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    !isCurrentSession && /* @__PURE__ */ jsx(Flex, { ml: "auto", mr: "2", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        onClick: () => {
+          onSignOut?.(session);
+        },
+        children: "Sign out"
+      }
+    ) })
+  ] });
+};
+export {
+  UserSessions,
+  UserSessionsError,
+  UserSessionsLoading
 };
 //# sourceMappingURL=user-sessions.js.map

package/dist/esm/lib/user-sessions.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-sessions.js","sourceRoot":"","sources":["../../../src/lib/user-sessions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/user-sessions.tsx"],"sourcesContent":["\"use client\";\n\nimport { Box, Button, Card, Flex, Text } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport { Badge, SecondaryButton, Skeleton } from \"./elements.js\";\nimport {\n  getComparativeReadableDate,\n  getUserLocation,\n  parseUserAgent,\n} from \"./utils.js\";\nimport { LogoutDialog } from \"./logout-dialog.js\";\nimport { LogoutAllSessionsDialog } from \"./logout-all-sessions-dialog.js\";\nimport { ActiveSession } from \"../api/endpoint.js\";\nimport * as CardList from \"../card-list.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { useState } from \"react\";\nimport { GenericError } from \"./generic-error.js\";\nimport { LaptopIcon, MobileIcon } from \"@radix-ui/react-icons\";\n\ninterface UserSessionsProps {\n  sessionsData: ActiveSession[];\n  currentSessionId: string;\n}\n\nexport const UserSessions = ({\n  sessionsData: sessions,\n  currentSessionId,\n}: UserSessionsProps) => {\n  const currentSession = sessions.find(\n    (session) => session.id === currentSessionId,\n  );\n  const otherSessions = sessions.filter(\n    (session) => session.id !== currentSessionId,\n  );\n  const [openLogoutDialog, setOpenLogoutDialog] = useState(false);\n  const [sessionToSignOut, setSessionToSignOut] =\n    useState<ActiveSession | null>(null);\n  const [openLogoutAllSessionsDialog, setOpenLogoutAllSessionsDialog] =\n    useState(false);\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      className={clsx(\"woswidgets-widget\")}\n      data-woswidgets-widget-id=\"user-sessions\"\n    >\n      <CardList.Root>\n        {currentSession && (\n          <CardList.Item>\n            <UserSession session={currentSession} isCurrentSession />\n          </CardList.Item>\n        )}\n\n        {otherSessions.map((session) => (\n          <CardList.Item key={session.id}>\n            <UserSession\n              session={session}\n              onSignOut={() => {\n                setSessionToSignOut(session);\n                setOpenLogoutDialog(true);\n              }}\n            />\n          </CardList.Item>\n        ))}\n      </CardList.Root>\n\n      {sessions.length > 1 && (\n        <Card size=\"2\">\n          <Flex gap=\"2\" justify=\"between\" align=\"center\">\n            <Box>\n              <Text size=\"2\" highContrast weight=\"bold\" as=\"p\">\n                Sign out of all other devices\n              </Text>\n              <Text size=\"2\" color=\"gray\" as=\"p\">\n                Remove access from all devices except this one\n              </Text>\n            </Box>\n\n            <SecondaryButton\n              onClick={() => {\n                setOpenLogoutAllSessionsDialog(true);\n              }}\n            >\n              Sign out\n            </SecondaryButton>\n          </Flex>\n        </Card>\n      )}\n\n      {sessionToSignOut && (\n        <LogoutDialog\n          session={sessionToSignOut}\n          open={openLogoutDialog}\n          onOpenChange={setOpenLogoutDialog}\n        />\n      )}\n\n      <LogoutAllSessionsDialog\n        currentSessionId={currentSessionId}\n        open={openLogoutAllSessionsDialog}\n        onOpenChange={setOpenLogoutAllSessionsDialog}\n      />\n    </Flex>\n  );\n};\n\nexport const UserSessionsLoading: React.FC = () => {\n  return (\n    <Card size=\"2\">\n      <Flex gap=\"4\" align=\"center\">\n        <Skeleton>\n          <IconPanel />\n        </Skeleton>\n\n        <Flex direction=\"column\">\n          <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n            <Skeleton>The location</Skeleton>\n          </Text>\n\n          <Text size=\"2\" color=\"gray\" as=\"p\">\n            <Skeleton>The location</Skeleton>\n          </Text>\n        </Flex>\n      </Flex>\n    </Card>\n  );\n};\n\nexport function UserSessionsError({ error }: { error: unknown }) {\n  return (\n    <Card size=\"2\">\n      <GenericError error={error} />\n    </Card>\n  );\n}\n\ninterface UserSessionProps {\n  session: ActiveSession;\n  isCurrentSession?: boolean;\n  onSignOut?: (session: ActiveSession) => void;\n}\n\nconst UserSession = ({\n  session,\n  isCurrentSession = false,\n  onSignOut,\n}: UserSessionProps) => {\n  const userAgent = parseUserAgent(session.userAgent);\n  const userLocation = getUserLocation(\n    session.currentLocation,\n    session.ipAddress,\n  );\n\n  return (\n    <Flex gap=\"4\" align=\"center\">\n      <IconPanel>\n        {userAgent.isMobile ? <MobileIcon /> : <LaptopIcon />}\n      </IconPanel>\n\n      <Flex direction=\"column\">\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n          {userAgent.pretty}\n        </Text>\n\n        <Flex gap=\"1\" align=\"center\">\n          <Text size=\"2\" color=\"gray\" as=\"p\">\n            {userLocation}\n          </Text>\n\n          {isCurrentSession && <Badge ml=\"2\">This device</Badge>}\n\n          {!isCurrentSession && session.lastActivityAt && (\n            <>\n              <Text size=\"2\" color=\"gray\">\n                ∙\n              </Text>\n              <Text size=\"2\" color=\"gray\">\n                Last seen{\" \"}\n                {getComparativeReadableDate(\n                  new Date(),\n                  new Date(session.lastActivityAt),\n                )}\n              </Text>\n            </>\n          )}\n        </Flex>\n      </Flex>\n\n      {!isCurrentSession && (\n        <Flex ml=\"auto\" mr=\"2\">\n          <Button\n            variant=\"ghost\"\n            onClick={() => {\n              onSignOut?.(session);\n            }}\n          >\n            Sign out\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/esm/lib/users-filter.d.ts

@@ -1,10 +1,13 @@
-import { Select } from "@radix-ui/themes";
-import * as React from "react";
-import { MemberRole } from "../api/endpoint.js";
+import { Select } from '@radix-ui/themes';
+import * as React from 'react';
+import { MemberRole } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 type UsersFilterProps = React.ComponentPropsWithoutRef<typeof Select.Root> & {
     roles: MemberRole[] | undefined;
     disabled?: boolean;
 };
-export declare const UsersFilter: React.FC<UsersFilterProps>;
-export {};
-//# sourceMappingURL=users-filter.d.ts.map
+declare const UsersFilter: React.FC<UsersFilterProps>;
+
+export { UsersFilter };

package/dist/esm/lib/users-filter.js

@@ -1,29 +1,51 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@radix-ui/themes";
 import * as React from "react";
 import { SelectContent, SelectItem, SelectTrigger } from "./elements.js";
 import { useUsersManagementContext } from "./users-management-context.js";
 const ALL_ROLES_NAME = "All";
 const ALL_ROLES_VALUE = "null";
-export const UsersFilter = ({ roles, disabled, }) => {
-    const { dispatch, state: { role }, } = useUsersManagementContext();
-    const setFilterParams = (value) => {
-        dispatch({ type: "FILTER_BY_ROLE", role: value });
-    };
-    const isValidRole = (value) => roles ? roles.findIndex((role) => role.slug === value) !== -1 : false;
-    const filteredRole = isValidRole(role) ? role : ALL_ROLES_VALUE;
-    const roleName = roles?.find((role) => role.slug === filteredRole)?.name || ALL_ROLES_NAME;
-    const onValueChange = (value) => {
-        if (value === ALL_ROLES_VALUE) {
-            setFilterParams(null);
-        }
-        else {
-            if (isValidRole(value)) {
-                setFilterParams(value);
-            }
-        }
-    };
-    return (_jsxs(Select.Root, { value: roles ? filteredRole : "null", onValueChange: onValueChange, disabled: disabled, children: [_jsx(SelectTrigger, { children: roles ? roleName : ALL_ROLES_NAME }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL_ROLES_VALUE, children: ALL_ROLES_NAME }), roles?.map((role) => (_jsx(React.Fragment, { children: _jsx(SelectItem, { value: role.slug, children: role.name }) }, role.slug)))] })] }));
+const UsersFilter = ({
+  roles,
+  disabled
+}) => {
+  const {
+    dispatch,
+    state: { role }
+  } = useUsersManagementContext();
+  const setFilterParams = (value) => {
+    dispatch({ type: "FILTER_BY_ROLE", role: value });
+  };
+  const isValidRole = (value) => roles ? roles.findIndex((role2) => role2.slug === value) !== -1 : false;
+  const filteredRole = isValidRole(role) ? role : ALL_ROLES_VALUE;
+  const roleName = roles?.find((role2) => role2.slug === filteredRole)?.name || ALL_ROLES_NAME;
+  const onValueChange = (value) => {
+    if (value === ALL_ROLES_VALUE) {
+      setFilterParams(null);
+    } else {
+      if (isValidRole(value)) {
+        setFilterParams(value);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Select.Root,
+    {
+      value: roles ? filteredRole : "null",
+      onValueChange,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { children: roles ? roleName : ALL_ROLES_NAME }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: ALL_ROLES_VALUE, children: ALL_ROLES_NAME }),
+          roles?.map((role2) => /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(SelectItem, { value: role2.slug, children: role2.name }) }, role2.slug))
+        ] })
+      ]
+    }
+  );
+};
+export {
+  UsersFilter
 };
 //# sourceMappingURL=users-filter.js.map

package/dist/esm/lib/users-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"users-filter.js","sourceRoot":"","sources":["../../../src/lib/users-filter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAG1E,MAAM,cAAc,GAAG,KAAK,CAAC;AAC7B,MAAM,eAAe,GAAG,MAAM,CAAC;AAO/B,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,EAAE,IAAI,EAAE,GAChB,GAAG,yBAAyB,EAAE,CAAC;IAEhC,MAAM,eAAe,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC/C,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACpD,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,KAAc,EAAmB,EAAE,CACtD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACxE,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;IAChE,MAAM,QAAQ,GACZ,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,IAAI,IAAI,cAAc,CAAC;IAE5E,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACtC,IAAI,KAAK,KAAK,eAAe,EAAE,CAAC;YAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,IACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EACpC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,aAElB,KAAC,aAAa,cAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,GAAiB,EAClE,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAE,eAAe,YAAG,cAAc,GAAc,EAChE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,KAAK,CAAC,QAAQ,cACb,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,YAAG,IAAI,CAAC,IAAI,GAAc,IADnC,IAAI,CAAC,IAAI,CAEb,CAClB,CAAC,IACY,IACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/lib/users-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select } from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { SelectContent, SelectItem, SelectTrigger } from \"./elements.js\";\nimport { useUsersManagementContext } from \"./users-management-context.js\";\nimport { MemberRole } from \"../api/endpoint.js\";\n\nconst ALL_ROLES_NAME = \"All\";\nconst ALL_ROLES_VALUE = \"null\";\n\ntype UsersFilterProps = React.ComponentPropsWithoutRef<typeof Select.Root> & {\n  roles: MemberRole[] | undefined;\n  disabled?: boolean;\n};\n\nexport const UsersFilter: React.FC<UsersFilterProps> = ({\n  roles,\n  disabled,\n}) => {\n  const {\n    dispatch,\n    state: { role },\n  } = useUsersManagementContext();\n\n  const setFilterParams = (value: string | null) => {\n    dispatch({ type: \"FILTER_BY_ROLE\", role: value });\n  };\n  const isValidRole = (value: unknown): value is string =>\n    roles ? roles.findIndex((role) => role.slug === value) !== -1 : false;\n  const filteredRole = isValidRole(role) ? role : ALL_ROLES_VALUE;\n  const roleName =\n    roles?.find((role) => role.slug === filteredRole)?.name || ALL_ROLES_NAME;\n\n  const onValueChange = (value: string) => {\n    if (value === ALL_ROLES_VALUE) {\n      setFilterParams(null);\n    } else {\n      if (isValidRole(value)) {\n        setFilterParams(value);\n      }\n    }\n  };\n\n  return (\n    <Select.Root\n      value={roles ? filteredRole : \"null\"}\n      onValueChange={onValueChange}\n      disabled={disabled}\n    >\n      <SelectTrigger>{roles ? roleName : ALL_ROLES_NAME}</SelectTrigger>\n      <SelectContent>\n        <SelectItem value={ALL_ROLES_VALUE}>{ALL_ROLES_NAME}</SelectItem>\n        {roles?.map((role) => (\n          <React.Fragment key={role.slug}>\n            <SelectItem value={role.slug}>{role.name}</SelectItem>\n          </React.Fragment>\n        ))}\n      </SelectContent>\n    </Select.Root>\n  );\n};\n"],"mappings":";AAkDM,cACA,YADA;AAhDN,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,eAAe,YAAY,qBAAqB;AACzD,SAAS,iCAAiC;AAG1C,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAOjB,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AACF,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,KAAK;AAAA,EAChB,IAAI,0BAA0B;AAE9B,QAAM,kBAAkB,CAAC,UAAyB;AAChD,aAAS,EAAE,MAAM,kBAAkB,MAAM,MAAM,CAAC;AAAA,EAClD;AACA,QAAM,cAAc,CAAC,UACnB,QAAQ,MAAM,UAAU,CAACA,UAASA,MAAK,SAAS,KAAK,MAAM,KAAK;AAClE,QAAM,eAAe,YAAY,IAAI,IAAI,OAAO;AAChD,QAAM,WACJ,OAAO,KAAK,CAACA,UAASA,MAAK,SAAS,YAAY,GAAG,QAAQ;AAE7D,QAAM,gBAAgB,CAAC,UAAkB;AACvC,QAAI,UAAU,iBAAiB;AAC7B,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,UAAI,YAAY,KAAK,GAAG;AACtB,wBAAgB,KAAK;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,OAAO,QAAQ,eAAe;AAAA,MAC9B;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,iBAAe,kBAAQ,WAAW,gBAAe;AAAA,QAClD,qBAAC,iBACC;AAAA,8BAAC,cAAW,OAAO,iBAAkB,0BAAe;AAAA,UACnD,OAAO,IAAI,CAACA,UACX,oBAAC,MAAM,UAAN,EACC,8BAAC,cAAW,OAAOA,MAAK,MAAO,UAAAA,MAAK,MAAK,KADtBA,MAAK,IAE1B,CACD;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["role"]}

package/dist/esm/lib/users-management-context.d.ts

@@ -1,14 +1,19 @@
-import * as React from "react";
-import { UsersManagementAction, UsersManagementState } from "./users-management-state.js";
-export interface UsersManagementContextType {
+import * as React from 'react';
+import { UsersManagementState, UsersManagementAction } from './users-management-state.js';
+import '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
+interface UsersManagementContextType {
     state: UsersManagementState;
     dispatch: React.Dispatch<UsersManagementAction>;
 }
-export declare const UsersManagementContextProvider: React.FC<{
+declare const UsersManagementContextProvider: React.FC<{
     children?: React.ReactNode;
 }>;
 /**
  * The context may be provided if it is instantiated in the tree above the user.
  */
-export declare function useUsersManagementContext(initialContext?: UsersManagementContextType | null): UsersManagementContextType;
-//# sourceMappingURL=users-management-context.d.ts.map
+declare function useUsersManagementContext(initialContext?: UsersManagementContextType | null): UsersManagementContextType;
+
+export { UsersManagementContextProvider, type UsersManagementContextType, useUsersManagementContext };