@workos-inc/widgets 1.4.1 → 1.4.2

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

@@ -0,0 +1,81 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserActionsDropdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const React = __importStar(require("react"));
+const endpoint_js_1 = require("../api/endpoint.js");
+const delete_user_dialog_js_1 = require("./delete-user-dialog.js");
+const edit_user_role_dialog_js_1 = require("./edit-user-role-dialog.js");
+const elements_js_1 = require("./elements.js");
+const resend_invite_dialog_js_1 = require("./resend-invite-dialog.js");
+const revoke_invite_dialog_js_1 = require("./revoke-invite-dialog.js");
+const UserActionsDropdown = ({ user, children, }) => {
+    const rolesAndConfigQuery = (0, endpoint_js_1.useRolesAndConfig)({
+        query: {
+            initialData: { roles: [], multipleRolesEnabled: false },
+        },
+    });
+    const { roles, multipleRolesEnabled: isMultipleRolesEnabled } = rolesAndConfigQuery.data;
+    const [openDialog, setOpenDialog] = React.useState(null);
+    /**
+     * Assigns a key for each dialog based on its open state to ensure its
+     * internal state is cleared when it is closed.
+     */
+    function getDialogKey(dialog) {
+        return `${dialog}-${openDialog === dialog}-${user.id}`;
+    }
+    const { actions, items } = React.useMemo(() => {
+        const actions = new Set(user.actions);
+        const items = [];
+        if (actions.has("edit-role")) {
+            items.push((0, jsx_runtime_1.jsx)(elements_js_1.PrimaryMenuItem, { onSelect: () => setOpenDialog("edit-role"), disabled: rolesAndConfigQuery.isLoading ||
+                    (rolesAndConfigQuery.isSuccess && roles.length <= 1), title: rolesAndConfigQuery.isSuccess && roles.length <= 1
+                    ? "You cannot update the role for this user as there is only one role available."
+                    : undefined, children: `Edit role${isMultipleRolesEnabled ? "s" : ""}` }, "edit-role"));
+        }
+        if (actions.has("resend-invite")) {
+            items.push((0, jsx_runtime_1.jsx)(elements_js_1.PrimaryMenuItem, { onSelect: () => setOpenDialog("resend-invite"), children: "Resend invitation" }, "resend-invite"));
+        }
+        if (actions.has("revoke-invite")) {
+            items.push((0, jsx_runtime_1.jsx)(elements_js_1.DestructiveMenuItem, { onSelect: () => setOpenDialog("revoke-invite"), children: "Revoke invitation" }, "revoke-invite"));
+        }
+        if (actions.has("revoke-membership")) {
+            items.push((0, jsx_runtime_1.jsx)(elements_js_1.DestructiveMenuItem, { onSelect: () => setOpenDialog("revoke-membership"), children: "Remove user" }, "revoke-membership"));
+        }
+        return {
+            actions,
+            items,
+        };
+    }, [rolesAndConfigQuery, user.actions, isMultipleRolesEnabled, roles]);
+    if (user.isLoggedInUser || items.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(themes_1.DropdownMenu.Root, { children: [(0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Trigger, { children: children }), (0, jsx_runtime_1.jsx)(elements_js_1.DropdownMenuContent, { size: "2", align: "end", children: items })] }), actions.has("edit-role") && ((0, jsx_runtime_1.jsx)(edit_user_role_dialog_js_1.EditUserRoleDialog, { user: user, open: openDialog === "edit-role", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("edit-role"))), actions.has("revoke-membership") && ((0, jsx_runtime_1.jsx)(delete_user_dialog_js_1.DeleteUserDialog, { user: user, open: openDialog === "revoke-membership", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-membership"))), actions.has("revoke-invite") && ((0, jsx_runtime_1.jsx)(revoke_invite_dialog_js_1.RevokeInviteDialog, { user: user, open: openDialog === "revoke-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-invite"))), actions.has("resend-invite") && ((0, jsx_runtime_1.jsx)(resend_invite_dialog_js_1.ResendInviteDialog, { user: user, open: openDialog === "resend-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("resend-invite")))] }));
+};
+exports.UserActionsDropdown = UserActionsDropdown;
+//# sourceMappingURL=user-actions-dropdown.js.map

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

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

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

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

package/dist/cjs/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,oBAAoB,CAAC;AAMxC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,EAAE,CAAC;CACd;AAED,eAAO,MAAM,WAAW,uBAAwB,gBAAgB,+CAgG/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EA2CtC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,8CAM7D"}

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

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserProfileLoading = exports.UserProfile = void 0;
+exports.UserProfileError = UserProfileError;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const clsx_1 = __importDefault(require("clsx"));
+const elements_js_1 = require("./elements.js");
+const edit_user_profile_dialog_js_1 = require("./edit-user-profile-dialog.js");
+const utils_js_1 = require("./utils.js");
+const oauth_icons_js_1 = require("./oauth-icons.js");
+const generic_error_js_1 = require("./generic-error.js");
+const UserProfile = ({ userData: user }) => {
+    const oauthAccounts = Object.entries(user.oauthProfiles || {});
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { className: (0, clsx_1.default)("woswidgets-widget"), "data-woswidgets-widget-id": "user-profile", size: "2", children: (0, jsx_runtime_1.jsxs)(themes_1.DataList.Root, { children: [user.profilePictureUrl && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(themes_1.DataList.Item, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.DataList.Label, { minWidth: "220px", highContrast: true, children: (0, jsx_runtime_1.jsx)(themes_1.Strong, { children: "Profile picture" }) }), (0, jsx_runtime_1.jsx)(themes_1.DataList.Value, { children: (0, jsx_runtime_1.jsx)(elements_js_1.Avatar, { size: "2", fallback: (0, jsx_runtime_1.jsx)(FallbackUserIcon, {}), src: user.profilePictureUrl }) })] }), (0, jsx_runtime_1.jsx)(ListSeparator, {})] })), (0, jsx_runtime_1.jsxs)(themes_1.DataList.Item, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.DataList.Label, { highContrast: true, children: (0, jsx_runtime_1.jsx)(themes_1.Strong, { children: "Full name" }) }), (0, jsx_runtime_1.jsx)(themes_1.DataList.Value, { children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { align: "center", justify: "between", width: "100%", minHeight: "var(--space-6)", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", children: (0, utils_js_1.getBestName)(user) || ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "gray", style: { color: "var(--gray-10)", cursor: "default" }, children: "Not set" })) }), (0, jsx_runtime_1.jsx)(edit_user_profile_dialog_js_1.EditUserProfileDialog, { user: user, children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { children: "Edit" }) })] }) })] }), (0, jsx_runtime_1.jsx)(ListSeparator, {}), (0, jsx_runtime_1.jsxs)(themes_1.DataList.Item, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.DataList.Label, { highContrast: true, children: (0, jsx_runtime_1.jsx)(themes_1.Strong, { children: "Email address" }) }), (0, jsx_runtime_1.jsx)(themes_1.DataList.Value, { children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { align: "center", minHeight: "var(--space-6)", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", children: user.email }) }) })] }), oauthAccounts.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ListSeparator, {}), (0, jsx_runtime_1.jsxs)(themes_1.DataList.Item, { children: [(0, jsx_runtime_1.jsx)(themes_1.DataList.Label, { highContrast: true, children: (0, jsx_runtime_1.jsx)(themes_1.Strong, { children: "Connected accounts" }) }), (0, jsx_runtime_1.jsx)(themes_1.DataList.Value, { children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", gap: "2", children: oauthAccounts.map(([account, data]) => ((0, jsx_runtime_1.jsx)(OAuthAccount, { account: account, email: data?.email }, account))) }) })] })] }))] }) }));
+};
+exports.UserProfile = UserProfile;
+const UserProfileLoading = () => {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsxs)(themes_1.DataList.Root, { children: [(0, jsx_runtime_1.jsxs)(themes_1.DataList.Item, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.DataList.Label, { minWidth: "220px", highContrast: true, children: (0, jsx_runtime_1.jsx)(themes_1.Strong, { children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Full name" }) }) }), (0, jsx_runtime_1.jsx)(themes_1.DataList.Value, { children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { align: "center", justify: "between", width: "100%", minHeight: "var(--space-6)", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Full name" }) }) }) })] }), (0, jsx_runtime_1.jsx)(ListSeparator, {}), (0, jsx_runtime_1.jsxs)(themes_1.DataList.Item, { align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.DataList.Label, { highContrast: true, children: (0, jsx_runtime_1.jsx)(themes_1.Strong, { children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Email address" }) }) }), (0, jsx_runtime_1.jsx)(themes_1.DataList.Value, { children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { align: "center", minHeight: "var(--space-6)", children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Email address" }) }) }) })] })] }) }));
+};
+exports.UserProfileLoading = UserProfileLoading;
+function UserProfileError({ error }) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsx)(generic_error_js_1.GenericError, { error: error }) }));
+}
+const ListSeparator = () => ((0, jsx_runtime_1.jsx)(themes_1.Box, { asChild: true, gridColumn: "span 2", children: (0, jsx_runtime_1.jsx)(themes_1.Inset, { side: "x", children: (0, jsx_runtime_1.jsx)(themes_1.Separator, { size: "4" }) }) }));
+const OAuthAccount = ({ account, email, }) => {
+    const Icon = (0, oauth_icons_js_1.getOAuthIcon)(account);
+    const name = (0, oauth_icons_js_1.getOAuthName)(account);
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { align: "center", gap: "1", children: [(0, jsx_runtime_1.jsx)(Icon, {}), (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", ml: "1", children: name }), email && ((0, jsx_runtime_1.jsxs)(themes_1.Box, { display: { initial: "none", sm: "contents" }, children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", children: "\u2219" }), (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", children: email })] }))] }));
+};
+const FallbackUserIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", viewBox: "0 0 256 256", children: [(0, jsx_runtime_1.jsx)("title", { children: "User icon" }), (0, jsx_runtime_1.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/cjs/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/cjs/lib/user-security.d.ts

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

package/dist/cjs/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,oBAAoB,CAAC;AAM5B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,sBAAsB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,iBAAkB,iBAAiB,+CAyB3D,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,8CAM9D;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAyBvC,CAAC"}

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

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserSecurityLoading = exports.UserSecurity = void 0;
+exports.UserSecurityError = UserSecurityError;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const clsx_1 = __importDefault(require("clsx"));
+const elements_js_1 = require("./elements.js");
+const icon_panel_js_1 = require("./icon-panel.js");
+const react_icons_1 = require("@radix-ui/react-icons");
+const set_password_dialog_js_1 = require("./set-password-dialog.js");
+const change_password_dialog_js_1 = require("./change-password-dialog.js");
+const add_mfa_dialog_js_1 = require("./add-mfa-dialog.js");
+const reset_mfa_dialog_js_1 = require("./reset-mfa-dialog.js");
+const CardList = __importStar(require("../card-list.js"));
+const generic_error_js_1 = require("./generic-error.js");
+const utils_js_1 = require("./utils.js");
+const UserSecurity = ({ settings }) => {
+    const passwordSettings = settings.verificationMethods.Password;
+    const mfaSettings = settings.verificationMethods.Mfa;
+    return ((0, jsx_runtime_1.jsxs)(CardList.Root, { className: (0, clsx_1.default)("woswidgets-widget"), "data-woswidgets-widget-id": "user-security", children: [passwordSettings && ((0, jsx_runtime_1.jsx)(CardList.Item, { children: (0, jsx_runtime_1.jsx)(PasswordSettings, { settings: passwordSettings }) })), mfaSettings && ((0, jsx_runtime_1.jsx)(CardList.Item, { children: (0, jsx_runtime_1.jsx)(MfaSettings, { settings: mfaSettings, isPasswordSet: !!passwordSettings?.isSetUp }) }))] }));
+};
+exports.UserSecurity = UserSecurity;
+function UserSecurityError({ error }) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsx)(generic_error_js_1.GenericError, { error: error }) }));
+}
+const UserSecurityLoading = () => {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsxs)(themes_1.Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: (0, jsx_runtime_1.jsx)(icon_panel_js_1.IconPanel, {}) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Password" }) }), (0, jsx_runtime_1.jsx)(themes_1.Text, { as: "p", size: "2", color: "gray", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "Set a password to access your account" }) })] }), (0, jsx_runtime_1.jsx)(change_password_dialog_js_1.ChangePasswordDialog, { children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { children: "Change" }) }) })] }) }));
+};
+exports.UserSecurityLoading = UserSecurityLoading;
+function PasswordSettings({ settings, }) {
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [(0, jsx_runtime_1.jsx)(icon_panel_js_1.IconPanel, { children: (0, jsx_runtime_1.jsx)(react_icons_1.LockClosedIcon, {}) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Password" }), settings.isSetUp ? (settings.lastUsed && ((0, jsx_runtime_1.jsxs)(themes_1.Text, { size: "2", color: "gray", children: ["Last used", " ", (0, utils_js_1.getComparativeReadableDate)(new Date(), new Date(settings.lastUsed))] }))) : ((0, jsx_runtime_1.jsx)(themes_1.Text, { as: "p", size: "2", color: "gray", children: "Set a password to access your account" }))] }), settings.isSetUp ? ((0, jsx_runtime_1.jsx)(change_password_dialog_js_1.ChangePasswordDialog, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { children: "Change" }) })) : ((0, jsx_runtime_1.jsx)(set_password_dialog_js_1.SetPasswordDialog, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { children: "Set a password" }) }))] }));
+}
+function MfaSettings({ settings, isPasswordSet, }) {
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [(0, jsx_runtime_1.jsx)(icon_panel_js_1.IconPanel, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ButtonIcon, {}) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Multi-factor authentication" }), settings.isSetUp ? ((0, jsx_runtime_1.jsxs)(themes_1.Text, { size: "2", children: ["Authenticator app", settings.lastUsed && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", mx: "1", children: "\u2219" }), (0, jsx_runtime_1.jsxs)(themes_1.Text, { size: "2", color: "gray", children: ["Last used", " ", (0, utils_js_1.getComparativeReadableDate)(new Date(), new Date(settings.lastUsed))] })] }))] })) : ((0, jsx_runtime_1.jsx)(themes_1.Text, { as: "p", size: "2", color: "gray", children: "Secure your account with an extra verification step" }))] }), settings.isSetUp ? ((0, jsx_runtime_1.jsx)(reset_mfa_dialog_js_1.ResetMfaDialog, { isPasswordSet: isPasswordSet, children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { children: "Disable" }) })) : ((0, jsx_runtime_1.jsx)(add_mfa_dialog_js_1.AddMfaDialog, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { children: "Set up authenticator app" }) }))] }));
+}
+//# sourceMappingURL=user-security.js.map

package/dist/cjs/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/cjs/lib/user-sessions.d.ts

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

package/dist/cjs/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,oBAAoB,CAAC;AAOnD,UAAU,iBAAiB;IACzB,YAAY,EAAE,aAAa,EAAE,CAAC;IAC9B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,kDAGtB,iBAAiB,+CA8EnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAoBvC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,8CAM9D"}

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

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserSessionsLoading = exports.UserSessions = void 0;
+exports.UserSessionsError = UserSessionsError;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const clsx_1 = __importDefault(require("clsx"));
+const elements_js_1 = require("./elements.js");
+const utils_js_1 = require("./utils.js");
+const logout_dialog_js_1 = require("./logout-dialog.js");
+const logout_all_sessions_dialog_js_1 = require("./logout-all-sessions-dialog.js");
+const CardList = __importStar(require("../card-list.js"));
+const icon_panel_js_1 = require("./icon-panel.js");
+const react_1 = require("react");
+const generic_error_js_1 = require("./generic-error.js");
+const react_icons_1 = require("@radix-ui/react-icons");
+const UserSessions = ({ sessionsData: sessions, currentSessionId, }) => {
+    const currentSession = sessions.find((session) => session.id === currentSessionId);
+    const otherSessions = sessions.filter((session) => session.id !== currentSessionId);
+    const [openLogoutDialog, setOpenLogoutDialog] = (0, react_1.useState)(false);
+    const [sessionToSignOut, setSessionToSignOut] = (0, react_1.useState)(null);
+    const [openLogoutAllSessionsDialog, setOpenLogoutAllSessionsDialog] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "4", className: (0, clsx_1.default)("woswidgets-widget"), "data-woswidgets-widget-id": "user-sessions", children: [(0, jsx_runtime_1.jsxs)(CardList.Root, { children: [currentSession && ((0, jsx_runtime_1.jsx)(CardList.Item, { children: (0, jsx_runtime_1.jsx)(UserSession, { session: currentSession, isCurrentSession: true }) })), otherSessions.map((session) => ((0, jsx_runtime_1.jsx)(CardList.Item, { children: (0, jsx_runtime_1.jsx)(UserSession, { session: session, onSignOut: () => {
+                                setSessionToSignOut(session);
+                                setOpenLogoutDialog(true);
+                            } }) }, session.id)))] }), sessions.length > 1 && ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", justify: "between", align: "center", children: [(0, jsx_runtime_1.jsxs)(themes_1.Box, { children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", highContrast: true, weight: "bold", as: "p", children: "Sign out of all other devices" }), (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", as: "p", children: "Remove access from all devices except this one" })] }), (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { onClick: () => {
+                                setOpenLogoutAllSessionsDialog(true);
+                            }, children: "Sign out" })] }) })), sessionToSignOut && ((0, jsx_runtime_1.jsx)(logout_dialog_js_1.LogoutDialog, { session: sessionToSignOut, open: openLogoutDialog, onOpenChange: setOpenLogoutDialog })), (0, jsx_runtime_1.jsx)(logout_all_sessions_dialog_js_1.LogoutAllSessionsDialog, { currentSessionId: currentSessionId, open: openLogoutAllSessionsDialog, onOpenChange: setOpenLogoutAllSessionsDialog })] }));
+};
+exports.UserSessions = UserSessions;
+const UserSessionsLoading = () => {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "4", align: "center", children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: (0, jsx_runtime_1.jsx)(icon_panel_js_1.IconPanel, {}) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "The location" }) }), (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", as: "p", children: (0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { children: "The location" }) })] })] }) }));
+};
+exports.UserSessionsLoading = UserSessionsLoading;
+function UserSessionsError({ error }) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.Card, { size: "2", children: (0, jsx_runtime_1.jsx)(generic_error_js_1.GenericError, { error: error }) }));
+}
+const UserSession = ({ session, isCurrentSession = false, onSignOut, }) => {
+    const userAgent = (0, utils_js_1.parseUserAgent)(session.userAgent);
+    const userLocation = (0, utils_js_1.getUserLocation)(session.currentLocation, session.ipAddress);
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "4", align: "center", children: [(0, jsx_runtime_1.jsx)(icon_panel_js_1.IconPanel, { children: userAgent.isMobile ? (0, jsx_runtime_1.jsx)(react_icons_1.MobileIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.LaptopIcon, {}) }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: userAgent.pretty }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "1", align: "center", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", as: "p", children: userLocation }), isCurrentSession && (0, jsx_runtime_1.jsx)(elements_js_1.Badge, { ml: "2", children: "This device" }), !isCurrentSession && session.lastActivityAt && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "gray", children: "\u2219" }), (0, jsx_runtime_1.jsxs)(themes_1.Text, { size: "2", color: "gray", children: ["Last seen", " ", (0, utils_js_1.getComparativeReadableDate)(new Date(), new Date(session.lastActivityAt))] })] }))] })] }), !isCurrentSession && ((0, jsx_runtime_1.jsx)(themes_1.Flex, { ml: "auto", mr: "2", children: (0, jsx_runtime_1.jsx)(themes_1.Button, { variant: "ghost", onClick: () => {
+                        onSignOut?.(session);
+                    }, children: "Sign out" }) }))] }));
+};
+//# sourceMappingURL=user-sessions.js.map

package/dist/cjs/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/cjs/lib/users-filter.d.ts

@@ -0,0 +1,10 @@
+import { Select } from "@radix-ui/themes";
+import * as React from "react";
+import { MemberRole } from "../api/endpoint.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

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

@@ -0,0 +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;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,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/cjs/lib/users-filter.js

@@ -0,0 +1,56 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsersFilter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const React = __importStar(require("react"));
+const elements_js_1 = require("./elements.js");
+const users_management_context_js_1 = require("./users-management-context.js");
+const ALL_ROLES_NAME = "All";
+const ALL_ROLES_VALUE = "null";
+const UsersFilter = ({ roles, disabled, }) => {
+    const { dispatch, state: { role }, } = (0, users_management_context_js_1.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 ((0, jsx_runtime_1.jsxs)(themes_1.Select.Root, { value: roles ? filteredRole : "null", onValueChange: onValueChange, disabled: disabled, children: [(0, jsx_runtime_1.jsx)(elements_js_1.SelectTrigger, { children: roles ? roleName : ALL_ROLES_NAME }), (0, jsx_runtime_1.jsxs)(elements_js_1.SelectContent, { children: [(0, jsx_runtime_1.jsx)(elements_js_1.SelectItem, { value: ALL_ROLES_VALUE, children: ALL_ROLES_NAME }), roles?.map((role) => ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SelectItem, { value: role.slug, children: role.name }) }, role.slug)))] })] }));
+};
+exports.UsersFilter = UsersFilter;
+//# sourceMappingURL=users-filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"users-filter.js","sourceRoot":"","sources":["../../../src/lib/users-filter.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,6CAA0C;AAC1C,6CAA+B;AAC/B,+CAAyE;AACzE,+EAA0E;AAG1E,MAAM,cAAc,GAAG,KAAK,CAAC;AAC7B,MAAM,eAAe,GAAG,MAAM,CAAC;AAOxB,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,EAAE,IAAI,EAAE,GAChB,GAAG,IAAA,uDAAyB,GAAE,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,wBAAC,eAAM,CAAC,IAAI,IACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EACpC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,aAElB,uBAAC,2BAAa,cAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,GAAiB,EAClE,wBAAC,2BAAa,eACZ,uBAAC,wBAAU,IAAC,KAAK,EAAE,eAAe,YAAG,cAAc,GAAc,EAChE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,uBAAC,KAAK,CAAC,QAAQ,cACb,uBAAC,wBAAU,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;AA7CW,QAAA,WAAW,eA6CtB"}

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { UsersManagementAction, UsersManagementState } from "./users-management-state.js";
+export interface UsersManagementContextType {
+    state: UsersManagementState;
+    dispatch: React.Dispatch<UsersManagementAction>;
+}
+export 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

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

@@ -0,0 +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;AAC/B,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AAGrC,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/cjs/lib/users-management-context.js

@@ -0,0 +1,70 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsersManagementContextProvider = void 0;
+exports.useUsersManagementContext = useUsersManagementContext;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const users_management_state_js_1 = require("./users-management-state.js");
+const UsersManagementContext = React.createContext(undefined);
+UsersManagementContext.displayName = "UsersManagementContext";
+const initialState = {
+    pagination: null,
+    role: null,
+    searchQuery: null,
+};
+const UsersManagementContextProvider = ({ children }) => {
+    const [state, dispatch] = (0, users_management_state_js_1.useUsersManagementState)(initialState);
+    const context = React.useMemo(() => ({
+        state,
+        dispatch,
+    }), [state, dispatch]);
+    return ((0, jsx_runtime_1.jsx)(UsersManagementContext.Provider, { value: context, children: children }));
+};
+exports.UsersManagementContextProvider = UsersManagementContextProvider;
+const NOOP = () => void 0;
+const EMPTY_PAGINATION = {};
+/**
+ * The context may be provided if it is instantiated in the tree above the user.
+ */
+function useUsersManagementContext(initialContext) {
+    const context = React.useContext(UsersManagementContext);
+    if (context) {
+        return context;
+    }
+    if (initialContext) {
+        return initialContext;
+    }
+    return {
+        dispatch: NOOP,
+        state: {
+            pagination: EMPTY_PAGINATION,
+            role: null,
+            searchQuery: null,
+        },
+    };
+}
+//# sourceMappingURL=users-management-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"users-management-context.js","sourceRoot":"","sources":["../../../src/lib/users-management-context.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDb,8DAqBC;;AAvED,6CAA+B;AAC/B,2EAIqC;AAQrC,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;AAEK,MAAM,8BAA8B,GAEtC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,mDAAuB,EAAC,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,uBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAC5C,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,8BAA8B,kCAkBzC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC1B,MAAM,gBAAgB,GAAiB,EAAE,CAAC;AAE1C;;GAEG;AACH,SAAgB,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/cjs/lib/users-management-state.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { ListMetadata } from "../api/endpoint.js";
+export declare function useUsersManagementState(initialState: UsersManagementState): readonly [UsersManagementState, React.Dispatch<UsersManagementAction>];
+export interface UsersManagementState {
+    searchQuery: string | null;
+    role: string | null;
+    pagination: ListMetadata | null;
+}
+export type UsersManagementAction = {
+    type: "INIT";
+    params: URLSearchParams;
+} | {
+    type: "FILTER_BY_SEARCH";
+    searchQuery: string | null;
+} | {
+    type: "FILTER_BY_ROLE";
+    role: string | null;
+} | {
+    type: "SET_PAGINATION";
+    pagination: ListMetadata;
+};
+//# sourceMappingURL=users-management-state.d.ts.map

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

@@ -0,0 +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;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,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"}