@workos-inc/widgets 1.0.0 → 1.1.0

package/dist/esm/lib/user-actions-dropdown.js

@@ -3,13 +3,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { DropdownMenu } from "@radix-ui/themes";
 import * as React from "react";
 import { DeleteUserDialog } from "./delete-user-dialog";
-import { EditUserDetailsDialog } from "./edit-user-details-dialog";
+import { EditUserRoleDialog } from "./edit-user-role-dialog";
 import { DestructiveMenuItem, DropdownMenuContent, PrimaryMenuItem, } from "./elements";
 import { ResendInviteDialog } from "./resend-invite-dialog";
 import { RevokeInviteDialog } from "./revoke-invite-dialog";
-import { useRoles } from "./api/role";
+import { useRoles } from "@repo/api";
 export const UserActionsDropdown = ({ user, children, }) => {
-    const rolesQuery = useRoles();
+    const rolesQuery = useRoles({
+        query: {
+            initialData: [],
+        },
+    });
     const [openDialog, setOpenDialog] = React.useState(null);
     /**
      * Assigns a key for each dialog based on its open state to ensure its
@@ -44,6 +48,6 @@ export const UserActionsDropdown = ({ user, children, }) => {
     if (user.isLoggedInUser || items.length === 0) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { children: children }), _jsx(DropdownMenuContent, { size: "2", align: "end", children: items })] }), actions.has("edit-role") && (_jsx(EditUserDetailsDialog, { user: user, open: openDialog === "edit-role", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("edit-role"))), actions.has("revoke-membership") && (_jsx(DeleteUserDialog, { user: user, open: openDialog === "revoke-membership", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-membership"))), actions.has("revoke-invite") && (_jsx(RevokeInviteDialog, { user: user, open: openDialog === "revoke-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-invite"))), actions.has("resend-invite") && (_jsx(ResendInviteDialog, { user: user, open: openDialog === "resend-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("resend-invite")))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { children: children }), _jsx(DropdownMenuContent, { size: "2", align: "end", children: items })] }), actions.has("edit-role") && (_jsx(EditUserRoleDialog, { user: user, open: openDialog === "edit-role", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("edit-role"))), actions.has("revoke-membership") && (_jsx(DeleteUserDialog, { user: user, open: openDialog === "revoke-membership", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-membership"))), actions.has("revoke-invite") && (_jsx(RevokeInviteDialog, { user: user, open: openDialog === "revoke-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-invite"))), actions.has("resend-invite") && (_jsx(ResendInviteDialog, { user: user, open: openDialog === "resend-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("resend-invite")))] }));
 };
 //# sourceMappingURL=user-actions-dropdown.js.map

package/dist/esm/lib/user-actions-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-actions-dropdown.js","sourceRoot":"","sources":["../../../src/lib/user-actions-dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"user-actions-dropdown.js","sourceRoot":"","sources":["../../../src/lib/user-actions-dropdown.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { Me } from "@repo/api";
+interface UserProfileProps {
+    userData: Me;
+}
+export declare const UserProfile: ({ userData: user }: UserProfileProps) => import("react/jsx-runtime").JSX.Element;
+export declare function UserProfileLoading(): import("react/jsx-runtime").JSX.Element;
+export declare function UserProfileError({ error }: {
+    error: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=user-profile.d.ts.map

package/dist/esm/lib/user-profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-profile.d.ts","sourceRoot":"","sources":["../../../src/lib/user-profile.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,EAAE,CAAC;CACd;AAED,eAAO,MAAM,WAAW,uBAAwB,gBAAgB,4CAgG/D,CAAC;AAEF,wBAAgB,kBAAkB,4CA+DjC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAM7D"}

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

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Card, DataList, Flex, Inset, Separator, Strong, Text, } from "@radix-ui/themes";
+import clsx from "clsx";
+import { Avatar, SecondaryButton, Skeleton } from "./elements";
+import { EditUserProfileDialog } from "./edit-user-profile-dialog";
+import { getBestName } from "./utils";
+import { getOAuthIcon, getOAuthName } from "./oauth-icons";
+import { GenericError } from "./generic-error";
+export const UserProfile = ({ userData: user }) => {
+    const oauthAccounts = Object.entries(user.oauthProfiles || {});
+    return (_jsx(Card, { className: clsx("woswidgets-widget"), "data-woswidgets-widget-id": "user-profile", size: "2", children: _jsxs(DataList.Root, { children: [user.profilePictureUrl && (_jsxs(_Fragment, { children: [_jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { minWidth: "220px", highContrast: true, children: _jsx(Strong, { children: "Profile picture" }) }), _jsx(DataList.Value, { children: _jsx(Avatar, { size: "2", fallback: _jsx(FallbackUserIcon, {}), src: user.profilePictureUrl }) })] }), _jsx(ListSeparator, {})] })), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Full name" }) }), _jsx(DataList.Value, { children: _jsxs(Flex, { align: "center", justify: "between", width: "100%", minHeight: "var(--space-6)", children: [_jsx(Text, { size: "2", children: getBestName(user) || (_jsx(Text, { color: "gray", style: { color: "var(--gray-10)", cursor: "default" }, children: "Not set" })) }), _jsx(EditUserProfileDialog, { user: user, children: _jsx(SecondaryButton, { children: "Edit" }) })] }) })] }), _jsx(ListSeparator, {}), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Email address" }) }), _jsx(DataList.Value, { children: _jsx(Flex, { align: "center", minHeight: "var(--space-6)", children: _jsx(Text, { size: "2", children: user.email }) }) })] }), oauthAccounts.length > 0 && (_jsxs(_Fragment, { children: [_jsx(ListSeparator, {}), _jsxs(DataList.Item, { children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Connected accounts" }) }), _jsx(DataList.Value, { children: _jsx(Flex, { direction: "column", gap: "2", children: oauthAccounts.map(([account, data]) => (_jsx(OAuthAccount, { account: account, email: data?.email }, account))) }) })] })] }))] }) }));
+};
+export function UserProfileLoading() {
+    return (_jsx(Card, { size: "2", children: _jsxs(DataList.Root, { children: [_jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { minWidth: "220px", highContrast: true, children: _jsx(Strong, { children: "Profile picture" }) }), _jsx(DataList.Value, { children: _jsx(Skeleton, { children: _jsx(Avatar, { size: "2", fallback: _jsx(FallbackUserIcon, {}) }) }) })] }), _jsx(ListSeparator, {}), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Full name" }) }), _jsx(DataList.Value, { children: _jsx(Flex, { align: "center", justify: "between", width: "100%", minHeight: "var(--space-6)", children: _jsx(Text, { size: "2", children: _jsx(Skeleton, { children: "Full name" }) }) }) })] }), _jsx(ListSeparator, {}), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Email address" }) }), _jsx(DataList.Value, { children: _jsx(Flex, { align: "center", minHeight: "var(--space-6)", children: _jsx(Text, { size: "2", children: _jsx(Skeleton, { children: "Email address" }) }) }) })] }), _jsx(ListSeparator, {}), _jsxs(DataList.Item, { children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Connected accounts" }) }), _jsx(DataList.Value, { children: _jsx(Skeleton, { children: "Connected accounts" }) })] })] }) }));
+}
+export function UserProfileError({ error }) {
+    return (_jsx(Card, { size: "2", children: _jsx(GenericError, { error: error }) }));
+}
+const ListSeparator = () => (_jsx(Box, { asChild: true, gridColumn: "span 2", children: _jsx(Inset, { side: "x", children: _jsx(Separator, { size: "4" }) }) }));
+const OAuthAccount = ({ account, email, }) => {
+    const Icon = getOAuthIcon(account);
+    const name = getOAuthName(account);
+    return (_jsxs(Flex, { align: "center", gap: "1", children: [_jsx(Icon, {}), _jsx(Text, { size: "2", ml: "1", children: name }), email && (_jsxs(Box, { display: { initial: "none", sm: "contents" }, children: [_jsx(Text, { size: "2", color: "gray", children: "\u2219" }), _jsx(Text, { size: "2", color: "gray", children: email })] }))] }));
+};
+const FallbackUserIcon = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", viewBox: "0 0 256 256", children: [_jsx("title", { children: "User icon" }), _jsx("path", { d: "M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z" })] }));
+//# sourceMappingURL=user-profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-profile.js","sourceRoot":"","sources":["../../../src/lib/user-profile.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import type { AuthenticationInformationResponseData as AuthenticationSettings } from "@repo/api";
+interface UserSecurityProps {
+    settings: AuthenticationSettings;
+}
+export declare const UserSecurity: ({ settings }: UserSecurityProps) => import("react/jsx-runtime").JSX.Element;
+export declare function UserSecurityError({ error }: {
+    error: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function UserSecurityLoading(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=user-security.d.ts.map

package/dist/esm/lib/user-security.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-security.d.ts","sourceRoot":"","sources":["../../../src/lib/user-security.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,qCAAqC,IAAI,sBAAsB,EAGhE,MAAM,WAAW,CAAC;AAMnB,UAAU,iBAAiB;IACzB,QAAQ,EAAE,sBAAsB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,iBAAkB,iBAAiB,4CAyB3D,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAM9D;AAED,wBAAgB,mBAAmB,4CAyBlC"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card, Flex, Grid, Text } from "@radix-ui/themes";
+import clsx from "clsx";
+import { SecondaryButton, Skeleton } from "./elements";
+import { IconPanel } from "./icon-panel";
+import { ButtonIcon, LockClosedIcon } from "@radix-ui/react-icons";
+import { SetPasswordDialog } from "./set-password-dialog";
+import { ChangePasswordDialog } from "./change-password-dialog";
+import { AddMfaDialog } from "./add-mfa-dialog";
+import { ResetMfaDialog } from "./reset-mfa-dialog";
+import * as CardList from "../card-list";
+import { GenericError } from "./generic-error";
+import { getComparativeReadableDate } from "./utils";
+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 }) }))] }));
+};
+export function UserSecurityError({ error }) {
+    return (_jsx(Card, { size: "2", children: _jsx(GenericError, { error: 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" }) }))] }));
+}
+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" }) }))] }));
+}
+//# sourceMappingURL=user-security.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-security.js","sourceRoot":"","sources":["../../../src/lib/user-security.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import { ActiveSession } from "@repo/api";
+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 }: {
+    error: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=user-sessions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-sessions.d.ts","sourceRoot":"","sources":["../../../src/lib/user-sessions.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAO1C,UAAU,iBAAiB;IACzB,YAAY,EAAE,aAAa,EAAE,CAAC;IAC9B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,kDAGtB,iBAAiB,4CA8EnB,CAAC;AAEF,wBAAgB,mBAAmB,4CAoBlC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAM9D"}

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

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Button, Card, Flex, Text } from "@radix-ui/themes";
+import clsx from "clsx";
+import { Badge, SecondaryButton, Skeleton } from "./elements";
+import { getComparativeReadableDate, getUserLocation, parseUserAgent, } from "./utils";
+import { LogoutDialog } from "./logout-dialog";
+import { LogoutAllSessionsDialog } from "./logout-all-sessions-dialog";
+import * as CardList from "../card-list";
+import { IconPanel } from "./icon-panel";
+import { useState } from "react";
+import { GenericError } from "./generic-error";
+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 })] }));
+};
+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 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" }) }))] }));
+};
+//# sourceMappingURL=user-sessions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-sessions.js","sourceRoot":"","sources":["../../../src/lib/user-sessions.tsx"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { Select } from "@radix-ui/themes";
 import * as React from "react";
-import type { Role } from "./api/role";
+import { MemberRole } from "@repo/api";
 type UsersFilterProps = React.ComponentPropsWithoutRef<typeof Select.Root> & {
-    roles: Role[] | undefined;
+    roles: MemberRole[] | undefined;
     disabled?: boolean;
 };
 export declare const UsersFilter: React.FC<UsersFilterProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"users-filter.d.ts","sourceRoot":"","sources":["../../../src/lib/users-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAOvC,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG;IAC3E,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAC"}
+{"version":3,"file":"users-filter.d.ts","sourceRoot":"","sources":["../../../src/lib/users-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAKvC,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG;IAC3E,KAAK,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAC"}

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;AAE/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,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,"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,YAAY,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAGvE,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"}

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

@@ -1,23 +1,14 @@
 import * as React from "react";
 import { UsersManagementAction, UsersManagementState } from "./users-management-state";
 export interface UsersManagementContextType {
-    authToken: (() => Promise<string>) | null;
     state: UsersManagementState;
     dispatch: React.Dispatch<UsersManagementAction>;
 }
 export declare const UsersManagementContextProvider: React.FC<{
     children?: React.ReactNode;
-    value: UsersManagementContextType;
 }>;
 /**
  * The context may be provided if it is instantiated in the tree above the user.
  */
 export declare function useUsersManagementContext(initialContext?: UsersManagementContextType | null): UsersManagementContextType;
-/**
- * The auth token may be provided if it is instantiated in the tree above the
- * user management context. Otherwise we'll use the context value if it exists.
- */
-export declare function useUsersManagementPagniatoin(args: {
-    authToken?: string | null;
-} | undefined | null): string | (() => Promise<string>) | null;
 //# sourceMappingURL=users-management-context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"users-management-context.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAOD,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,0BAA0B,CAAC;CACnC,CAMA,CAAC;AAKF;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,cAAc,CAAC,EAAE,0BAA0B,GAAG,IAAI,GACjD,0BAA0B,CA6B5B;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,GAAG,IAAI,mBAjEpC,OAAO,CAAC,MAAM,CAAC,SA8ElC"}
+{"version":3,"file":"users-management-context.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EAErB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAaD,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAgBA,CAAC;AAKF;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,cAAc,CAAC,EAAE,0BAA0B,GAAG,IAAI,GACjD,0BAA0B,CAmB5B"}

package/dist/esm/lib/users-management-context.js

@@ -1,10 +1,21 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { useUsersManagementState, } from "./users-management-state";
 const UsersManagementContext = React.createContext(undefined);
 UsersManagementContext.displayName = "UsersManagementContext";
-export const UsersManagementContextProvider = ({ children, value }) => {
-    return (_jsx(UsersManagementContext.Provider, { value: value, children: children }));
+const initialState = {
+    pagination: null,
+    role: null,
+    searchQuery: null,
+};
+export const UsersManagementContextProvider = ({ children }) => {
+    const [state, dispatch] = useUsersManagementState(initialState);
+    const context = React.useMemo(() => ({
+        state,
+        dispatch,
+    }), [state, dispatch]);
+    return (_jsx(UsersManagementContext.Provider, { value: context, children: children }));
 };
 const NOOP = () => void 0;
 const EMPTY_PAGINATION = {};
@@ -13,13 +24,6 @@ const EMPTY_PAGINATION = {};
  */
 export function useUsersManagementContext(initialContext) {
     const context = React.useContext(UsersManagementContext);
-    const providedToken = initialContext?.authToken ?? null;
-    const hasContext = !!context;
-    React.useEffect(() => {
-        if (!providedToken && !hasContext) {
-            console.error("useUsersManagementContext was called from a component outside of the UsersManagementContext provider without providing an authToken directly. Resulting queries may not run as expected.");
-        }
-    }, [providedToken, hasContext]);
     if (context) {
         return context;
     }
@@ -27,7 +31,6 @@ export function useUsersManagementContext(initialContext) {
         return initialContext;
     }
     return {
-        authToken: null,
         dispatch: NOOP,
         state: {
             pagination: EMPTY_PAGINATION,
@@ -36,19 +39,4 @@ export function useUsersManagementContext(initialContext) {
         },
     };
 }
-/**
- * The auth token may be provided if it is instantiated in the tree above the
- * user management context. Otherwise we'll use the context value if it exists.
- */
-export function useUsersManagementPagniatoin(args) {
-    const context = React.useContext(UsersManagementContext);
-    const providedToken = args?.authToken;
-    const hasContext = !!context;
-    React.useEffect(() => {
-        if (!providedToken && !hasContext) {
-            console.error("useUsersManagementAuthToken was called from a component outside of the UsersManagementContext provider without providing an authToken directly. Resulting queries may not run as expected.");
-        }
-    }, [providedToken, hasContext]);
-    return providedToken || context?.authToken || null;
-}
 //# sourceMappingURL=users-management-context.js.map

package/dist/esm/lib/users-management-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"users-management-context.js","sourceRoot":"","sources":["../../../src/lib/users-management-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAEhD,SAAS,CAAC,CAAC;AACb,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE9D,MAAM,CAAC,MAAM,8BAA8B,GAGtC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3B,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC1C,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC1B,MAAM,gBAAgB,GAAmB,EAAE,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,cAAkD;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC;IACxD,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,KAAK,CACX,0LAA0L,CAC3L,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,OAAO;QACL,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE;YACL,UAAU,EAAE,gBAAgB;YAC5B,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,IAAI;SAClB;KACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAC1C,IAAsD;IAEtD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,IAAI,EAAE,SAAS,CAAC;IACtC,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,KAAK,CACX,4LAA4L,CAC7L,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAChC,OAAO,aAAa,IAAI,OAAO,EAAE,SAAS,IAAI,IAAI,CAAC;AACrD,CAAC"}
+{"version":3,"file":"users-management-context.js","sourceRoot":"","sources":["../../../src/lib/users-management-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAQlC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAEhD,SAAS,CAAC,CAAC;AACb,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE9D,MAAM,YAAY,GAAyB;IACzC,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,IAAI;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAEtC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,uBAAuB,CAAC,YAAY,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAC5C,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC1B,MAAM,gBAAgB,GAAiB,EAAE,CAAC;AAE1C;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,cAAkD;IAElD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAEzD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE;YACL,UAAU,EAAE,gBAAgB;YAC5B,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,IAAI;SAClB;KACF,CAAC;AACJ,CAAC"}

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

@@ -1,10 +1,10 @@
 import * as React from "react";
-import type { PaginationData } from "./api/user";
+import { ListMetadata } from "@repo/api";
 export declare function useUsersManagementState(initialState: UsersManagementState): readonly [UsersManagementState, React.Dispatch<UsersManagementAction>];
 export interface UsersManagementState {
     searchQuery: string | null;
     role: string | null;
-    pagination: PaginationData | null;
+    pagination: ListMetadata | null;
 }
 export type UsersManagementAction = {
     type: "INIT";
@@ -17,6 +17,6 @@ export type UsersManagementAction = {
     role: string | null;
 } | {
     type: "SET_PAGINATION";
-    pagination: PaginationData;
+    pagination: ListMetadata;
 };
 //# sourceMappingURL=users-management-state.d.ts.map

package/dist/esm/lib/users-management-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users-management-state.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,oBAAoB,0EAsBzE;AAmFD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,qBAAqB,GAC7B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,eAAe,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC/C;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,UAAU,EAAE,cAAc,CAAA;CAAE,CAAC"}
+{"version":3,"file":"users-management-state.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,oBAAoB,0EAsBzE;AAmFD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,YAAY,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,qBAAqB,GAC7B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,eAAe,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC/C;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,UAAU,EAAE,YAAY,CAAA;CAAE,CAAC"}

package/dist/esm/lib/users-management-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"users-management-state.js","sourceRoot":"","sources":["../../../src/lib/users-management-state.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"users-management-state.js","sourceRoot":"","sources":["../../../src/lib/users-management-state.ts"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,7 @@
-import type { Role } from "./api/role";
-import type { Paginated, User } from "./api/user";
+import { MemberRole, MembersQueryResult } from "@repo/api";
 interface UsersManagementProps {
-    rolesData: Role[];
-    userData: Paginated<User[]>;
+    rolesData: MemberRole[];
+    userData: MembersQueryResult;
     disableRolesFilter?: boolean;
     isPending: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"users-management.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAyBlD,UAAU,oBAAoB;IAC5B,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,4DAKzB,oBAAoB,4CAsNtB,CAAC;AAEF,wBAAgB,sBAAsB,4CAsFrC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAsDjE"}
+{"version":3,"file":"users-management.d.ts","sourceRoot":"","sources":["../../../src/lib/users-management.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAU,UAAU,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGnE,UAAU,oBAAoB;IAC5B,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,4DAKzB,oBAAoB,4CAkNtB,CAAC;AAEF,wBAAgB,sBAAsB,4CAsFrC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAWjE"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Box, Flex, Grid, Heading, Select, Table, Text, VisuallyHidden, } from "@radix-ui/themes";
+import { Box, Flex, Grid, Select, Separator, Table, Text, VisuallyHidden, } from "@radix-ui/themes";
 import { Avatar, Badge, IconButton, PrimaryButton, SecondaryButton, SelectContent, SelectItem, SelectTrigger, Skeleton, TextField, } from "./elements";
 import { InviteUserDialog } from "./invite-user-dialog";
 import { SearchProvider, useSearchContext } from "./search-provider";
@@ -13,12 +13,12 @@ import { getBestName, getComparativeReadableDate } from "./utils";
 import { USER_ROW_LIMIT } from "./constants";
 import { useUsersManagementContext } from "./users-management-context";
 import clsx from "clsx";
-import { ApiError, FetchError, NoAuthTokenError } from "./errors";
+import { GenericError } from "./generic-error";
 export const UsersManagement = ({ userData, rolesData, isPending, disableRolesFilter, }) => {
-    const users = userData?.data;
+    const users = userData?.data ?? [];
     const usersCount = users?.length ?? 0;
     const isHydrated = useIsHydrated();
-    const { pagination } = userData;
+    const { listMetadata: pagination = {} } = userData;
     const { dispatch } = useUsersManagementContext();
     // we only want to show the loading indicator for some buttons if the request
     // is still pending after 500ms. If the request is fast enough the indicator
@@ -43,11 +43,11 @@ export const UsersManagement = ({ userData, rolesData, isPending, disableRolesFi
                                 opacity: isPending && usersCount > 0 ? 0.5 : 1,
                             }, children: users.length > 0 ? (users.map((user) => {
                                 // TODO only support one role for now
-                                const userRole = user.roles[0]?.name;
+                                const userRole = user?.roles?.at(0)?.name;
                                 const userDisplayName = getBestName(user);
                                 const dimText = user.status === "InviteRevoked" ||
                                     user.status === "InviteExpired";
-                                return (_jsxs(Table.Row, { align: "center", children: [_jsx(Table.RowHeaderCell, { children: _jsxs(Flex, { align: "center", gap: "3", overflow: "hidden", height: "var(--space-7)", children: [_jsx(Avatar, { size: "2", fallback: _jsx(FallbackUserIcon, {}), src: user.profilePictureUrl ?? undefined, dim: dimText }), userDisplayName ? (_jsxs(Flex, { direction: "column", align: "start", height: "var(--space-7)", justify: "center", overflow: "hidden", children: [_jsxs(Flex, { gap: "2", align: "center", minWidth: "0", children: [_jsx(TableCellText, { dim: dimText, children: userDisplayName }), _jsx(UserBadge, { user: user })] }), _jsx(TableCellText, { level: "secondary", title: user.email, dim: dimText, children: user.email })] })) : (_jsxs(Flex, { gap: "2", align: "center", minWidth: "0", children: [_jsx(TableCellText, { dim: dimText, title: user.email, children: user.email }), _jsx(UserBadge, { user: user })] }))] }) }), _jsx(Table.Cell, { children: _jsx(TableCellText, { dim: dimText, children: userRole || (_jsxs(_Fragment, { children: [_jsx(VisuallyHidden, { children: "No roles assigned" }), _jsx("span", { "aria-hidden": true, style: { userSelect: "none" }, children: "\u2013" })] })) }) }), _jsx(Table.Cell, { children: _jsx(LastActive, { user: user, isHydrated: isHydrated, dim: dimText }) }), _jsx(Table.Cell, { justify: "end", children: _jsx(UserActionsDropdown, { user: user, children: _jsxs(IconButton, { title: "User actions", children: [_jsx(VisuallyHidden, { children: "User actions" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "16", height: "16", strokeWidth: 1.5, stroke: "currentColor", "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" }) })] }) }) })] }, user.id));
+                                return (_jsxs(Table.Row, { align: "center", children: [_jsx(Table.RowHeaderCell, { children: _jsxs(Flex, { align: "center", gap: "3", overflow: "hidden", height: "var(--space-7)", children: [_jsx(Avatar, { size: "2", fallback: _jsx(FallbackUserIcon, {}), src: user.profilePictureUrl ?? undefined, dim: dimText }), userDisplayName ? (_jsxs(Flex, { direction: "column", align: "start", height: "var(--space-7)", justify: "center", overflow: "hidden", children: [_jsxs(Flex, { gap: "2", align: "center", minWidth: "0", children: [_jsx(TableCellText, { dim: dimText, children: userDisplayName }), _jsx(UserBadge, { user: user })] }), _jsx(TableCellText, { level: "secondary", title: user.email, dim: dimText, children: user.email })] })) : (_jsxs(Flex, { gap: "2", align: "center", minWidth: "0", children: [_jsx(TableCellText, { dim: dimText, title: user.email, children: user.email }), _jsx(UserBadge, { user: user })] }))] }) }), _jsx(Table.Cell, { children: _jsx(TableCellText, { dim: dimText, children: userRole || (_jsxs(_Fragment, { children: [_jsx(VisuallyHidden, { children: "No roles assigned" }), _jsx("span", { "aria-hidden": true, style: { userSelect: "none" }, children: "\u2013" })] })) }) }), _jsx(Table.Cell, { children: _jsx(LastActive, { user: user, isHydrated: isHydrated }) }), _jsx(Table.Cell, { justify: "end", children: _jsx(UserActionsDropdown, { user: user, children: _jsxs(IconButton, { title: "User actions", children: [_jsx(VisuallyHidden, { children: "User actions" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "16", height: "16", strokeWidth: 1.5, stroke: "currentColor", "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" }) })] }) }) })] }, user.id));
                             })) : (_jsx(Table.Row, { align: "center", children: _jsx(Table.Cell, { colSpan: 4, children: _jsx(UsersManagementEmptyState, { isPending: isPending }) }) })) })] }), showPagination ? (_jsxs(Flex, { gap: "2", justify: "end", children: [_jsx(SecondaryButton, { size: "1", disabled: !pagination.after || isPending || undefined, loading: deferredLoading, onClick: () => {
                                 if (pagination.after) {
                                     dispatch({
@@ -68,25 +68,7 @@ export function UsersManagementLoading() {
     return (_jsxs(UsersManagementRoot, { children: [_jsxs(Grid, { columns: "1fr auto", gap: "2", children: [_jsxs(Flex, { gap: "2", align: "center", children: [_jsx(Skeleton, { loading: true, children: _jsx(Box, { flexBasis: "380px", flexGrow: "0", flexShrink: "1", children: _jsx(TextField, {}) }) }), _jsx(Skeleton, { loading: true, children: _jsx(Box, { flexGrow: "0", flexShrink: "0", children: _jsxs(Select.Root, { value: "all", onValueChange: () => void 0, children: [_jsx(SelectTrigger, { children: "All" }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "all", children: "All" }) })] }) }) })] }), _jsx(Skeleton, { loading: true, children: _jsx(Box, { flexGrow: "0", flexShrink: "0", style: { placeSelf: "flex-end" }, children: _jsx(PrimaryButton, { children: "Invite user" }) }) })] }), _jsxs(Table.Root, { variant: "ghost", size: "1", children: [_jsx(Table.Header, { children: _jsxs(Table.Row, { children: [_jsx(Table.ColumnHeaderCell, { width: "260px", children: _jsx(Skeleton, { loading: true, children: "User" }) }), _jsx(Table.ColumnHeaderCell, { width: "100px", children: _jsx(Skeleton, { children: "Role" }) }), _jsx(Table.ColumnHeaderCell, { width: "140px", children: _jsx(Skeleton, { children: "Last active" }) }), _jsx(Table.ColumnHeaderCell, { width: "28px" })] }) }), _jsx(Table.Body, { children: Array.from({ length: USER_ROW_LIMIT }, (_, index) => (_jsxs(Table.Row, { align: "center", children: [_jsx(Table.RowHeaderCell, { children: _jsxs(Flex, { align: "center", gap: "3", children: [_jsx(Skeleton, { children: _jsx(Avatar, { size: "2", fallback: "F" }) }), _jsxs(Flex, { direction: "column", height: "var(--space-7)", justify: "center", children: [_jsx(Skeleton, { width: "180px", height: "var(--space-4)" }), _jsx(Skeleton, { width: "90px", height: "var(--space-3)", mt: "1" })] })] }) }), _jsx(Table.Cell, { children: _jsx(Flex, { wrap: "wrap", gap: "1", children: _jsx(Skeleton, { width: "75px", height: "var(--space-4)" }) }) }), _jsx(Table.Cell, { children: _jsx(Skeleton, { width: "120px", height: "var(--space-4)" }) }), _jsx(Table.Cell, { justify: "end" })] }, index))) })] }), _jsxs(Flex, { gap: "2", justify: "end", children: [_jsx(Skeleton, { loading: true, children: _jsx(SecondaryButton, { size: "1", children: "Previous" }) }), _jsx(Skeleton, { loading: true, children: _jsx(SecondaryButton, { size: "1", children: "Next" }) })] })] }));
 }
 export function UsersManagementError({ error }) {
-    React.useEffect(() => {
-        console.error(error);
-    }, [error]);
-    const render = (heading, message) => (_jsx(UsersManagementRoot, { justify: "center", align: "center", minHeight: "676px", children: _jsxs(Flex, { p: "8", justify: "center", align: "center", direction: "column", maxWidth: "520px", children: [_jsx(Heading, { size: "5", align: "center", mb: "1", wrap: "balance", asChild: true, children: _jsx("h3", { children: heading }) }), _jsx(Text, { align: "center", wrap: "balance", children: message })] }) }));
-    if (error instanceof FetchError) {
-        return render("Error fetching data", "An error occurred. You may need to configure CORS in the WorkOS Dashboard. " +
-            "Contact your organization admin for support.");
-    }
-    if (error instanceof NoAuthTokenError) {
-        return render("Error fetching data", "Authorization error. You likely forgot to provide an authorization " +
-            "token to the Users Management Widget.");
-    }
-    if (error instanceof ApiError && error.status === 404) {
-        // The widgets API treats all authorization errors as 404s. If there is a
-        // legitimate 404, it's a bug on our end but there's currently no way to
-        // distinguish between the two.
-        return render("Error fetching data", "Authorization error. Contact your organization admin for support.");
-    }
-    return render("Error fetching data", "Unknown error. Contact your organization admin for support.");
+    return (_jsx(UsersManagementRoot, { direction: "row", justify: "center", align: "center", minHeight: "676px", children: _jsx(GenericError, { error: error }) }));
 }
 function UsersManagementRoot({ className, children, ...props }) {
     return (_jsx(Flex, { className: clsx("woswidgets-widget", className), "data-woswidgets-widget-id": "users-management", direction: "column", gap: "3", ...props, children: children }));
@@ -109,7 +91,7 @@ function UserBadge({ user }) {
 }
 function LastActive(props) {
     if (!props.user.lastActivityAt) {
-        return (_jsxs(_Fragment, { children: [_jsx(VisuallyHidden, { children: props.user.status === "Active" ? "Never" : "Not active" }), _jsx(TableCellText, { dim: props.dim, "aria-hidden": true, style: { userSelect: "none" }, children: "\u2013" })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(VisuallyHidden, { children: props.user.status === "Active" ? "Never" : "Not active" }), _jsx(Separator, {})] }));
     }
     return _jsx(LastActiveImpl, { ...props, date: props.user.lastActivityAt });
 }
@@ -142,7 +124,7 @@ function LastActiveImpl({ date, isHydrated, dim, }) {
     }, [isHydrated, date]);
     // handle cases where the DB might return an invalid date string
     if (lastActiveDisplay === "Invalid Date") {
-        return (_jsxs(_Fragment, { children: [_jsx(VisuallyHidden, { children: "Unknown" }), _jsx(TableCellText, { dim: dim, "aria-hidden": true, style: { userSelect: "none" }, children: "\u2013" })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(VisuallyHidden, { children: "Unknown" }), _jsx(Separator, {})] }));
     }
     return (_jsx(TableCellText, { asChild: true, dim: dim, children: _jsx("time", { dateTime: date, title: lastActiveDateTime, children: lastActiveDisplay }) }));
 }