@workos-inc/widgets 0.0.0-pre.0

package/dist/esm/lib/invite-user-dialog.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Callout, Dialog, Flex, Select, Text, VisuallyHidden, } from "@radix-ui/themes";
+import * as React from "react";
+import { useRoles } from "./api/role";
+import { useInviteUser } from "./api/user";
+import { PrimaryButton, SecondaryButton, TextField } from "./elements";
+import { Label } from "./label";
+import { isErrorLike } from "./utils";
+/**
+ * Used to stub a fake value for the role select. It will be selected by default
+ * before the role query resolves, or if the query results in an error. We do
+ * this because we need to provide _any_ value to the select to avoid
+ * controlled/uncontrolled bugs.
+ */
+const PLACEHOLDER_ROLE = "_rolePlaceholder";
+const DialogFormContext = React.createContext(null);
+DialogFormContext.displayName = "DialogFormContext";
+export const InviteUserDialog = ({ children }) => {
+    const [open, setOpen] = React.useState(false);
+    const dialogId = toId("invite-user", React.useId());
+    const formId = toId(dialogId, "form");
+    const inviteUser = useInviteUser();
+    const rolesQuery = useRoles();
+    const roles = rolesQuery.data;
+    const [selectedRole, setSelectedRole] = React.useState(() => getDefaultRole(roles)?.slug || PLACEHOLDER_ROLE);
+    React.useEffect(() => {
+        // Update the selected role if it's not in the list (eg if the list was
+        // previously empty and the query resolved)
+        setSelectedRole((selectedRole) => {
+            if (roles.find((role) => role.slug === selectedRole)) {
+                // if current selected role is in the new list, don't change it
+                return selectedRole;
+            }
+            return getDefaultRole(roles)?.slug || PLACEHOLDER_ROLE;
+        });
+    }, [roles]);
+    const onSubmitForm = (data) => {
+        if (inviteUser.isPending || rolesQuery.status !== "success") {
+            return;
+        }
+        inviteUser.mutate(data, {
+            onSuccess: () => {
+                setOpen(false);
+            },
+        });
+    };
+    const formErrors = getFormErrors(inviteUser.error);
+    useFormFieldFocusOnError(dialogId, inviteUser.error);
+    return (_jsxs(Dialog.Root, { open: open, onOpenChange: setOpen, children: [children && _jsx(Dialog.Trigger, { children: children }), _jsxs(Dialog.Content, { maxWidth: "480px", children: [_jsx(Dialog.Title, { children: "Invite user" }), _jsx(Dialog.Description, { children: "An invitation will be sent to this email address with a link to complete their account." }), _jsx(DialogFormContext.Provider, { value: { dialogId }, children: _jsx(Flex, { direction: "column", gap: "4", mt: "5", asChild: true, children: _jsxs("form", { id: formId, onSubmit: async (event) => {
+                                    event.preventDefault();
+                                    onSubmitForm({
+                                        email: event.currentTarget.email.value,
+                                        role: selectedRole,
+                                    });
+                                }, children: [_jsx(FormField, { name: "email", label: "Email address", error: formErrors.fields.email, required: true, control: (props) => (_jsx(TextField, { ...props, "data-1p-ignore": true, type: "email", autoComplete: "email", placeholder: "Enter an email address" })) }), _jsx(FormField, { name: "role", label: "Role", error: formErrors.fields.role, disabled: rolesQuery.isPending || roles.length <= 1, info: roles.length === 1 ? (_jsxs(_Fragment, { children: ["New users will be invited with the", " ", _jsx(Text, { weight: "bold", children: roles[0].name }), " role, as it is the only one available."] })) : undefined, control: ({ id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, ...props }) => (_jsxs(Select.Root, { ...props, value: selectedRole, onValueChange: setSelectedRole, children: [_jsx(Select.Trigger, { id: id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: PLACEHOLDER_ROLE, disabled: true, children: "Select a role" }), roles.map((role) => (_jsx(Select.Item, { value: role.slug, children: role.name }, role.slug)))] })] })) })] }) }) }), formErrors.form ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: formErrors.form }) })) : null, _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: inviteUser.isPending, children: "Cancel" }) }), _jsx(PrimaryButton, { form: formId, loading: inviteUser.isPending, disabled: rolesQuery.isPending || undefined, children: "Invite" })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: formErrors.form }) })] }, String(open))] }));
+};
+function FormField({ name, label, error, info, control, required, disabled, }) {
+    const { dialogId } = React.useContext(DialogFormContext);
+    const fieldId = toId(dialogId, name);
+    const errorId = toId(dialogId, name, "error");
+    const infoId = toId(dialogId, name, "info");
+    return (_jsxs(Flex, { direction: "column", gap: "1", children: [_jsx(Label, { htmlFor: fieldId, children: label }), control({
+                id: fieldId,
+                name,
+                "aria-describedby": (() => {
+                    const tags = [];
+                    if (error) {
+                        tags.push(errorId);
+                    }
+                    if (info) {
+                        tags.push(infoId);
+                    }
+                    if (tags.length === 0) {
+                        return undefined;
+                    }
+                    return tags.join(" ");
+                })(),
+                "aria-invalid": !!error || undefined,
+                required: required || undefined,
+                disabled: disabled || undefined,
+            }), error ? (_jsx(Text, { color: "red", size: "2", id: errorId, children: error })) : null, info ? (_jsx(Text, { color: "gray", size: "2", id: infoId, mt: "1", children: info })) : null] }));
+}
+function toId(...parts) {
+    return parts.join("-");
+}
+function getFormErrors(queryError) {
+    const formErrors = {
+        form: null,
+        fields: {
+            email: null,
+            role: null,
+        },
+    };
+    if (queryError) {
+        if (!isErrorLike(queryError)) {
+            return {
+                ...formErrors,
+                form: "An unexpected error occurred. Please try again.",
+            };
+        }
+        switch (queryError.message.toLowerCase()) {
+            case "user already exists":
+            case "user already invited":
+            case "invalid email":
+                formErrors.fields.email = queryError.message;
+                break;
+            case "invalid role":
+                formErrors.fields.role = queryError.message;
+                break;
+            default:
+                // TODO handle more cases for various server errors
+                formErrors.form =
+                    "There was an error inviting this user. Please refresh the page and try again.";
+                break;
+        }
+    }
+    return formErrors;
+}
+function useFormFieldFocusOnError(dialogId, queryError) {
+    React.useEffect(() => {
+        const fieldErrors = getFormErrors(queryError).fields;
+        for (const [name, error] of Object.entries(fieldErrors)) {
+            if (error) {
+                const fieldElement = document.getElementById(toId(dialogId, name));
+                if (fieldElement) {
+                    fieldElement?.focus();
+                    if ("select" in fieldElement) {
+                        fieldElement.select();
+                    }
+                }
+                break;
+            }
+        }
+    }, [dialogId, queryError]);
+}
+function getDefaultRole(roles) {
+    return roles.find((role) => role.default) || roles[0];
+}
+//# sourceMappingURL=invite-user-dialog.js.map

package/dist/esm/lib/invite-user-dialog.js.map

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

package/dist/esm/lib/label.d.ts

@@ -0,0 +1,7 @@
+import { type TextProps } from "@radix-ui/themes";
+type LabelProps = Omit<Extract<TextProps, {
+    as: "label";
+}>, "as">;
+export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};
+//# sourceMappingURL=label.d.ts.map

package/dist/esm/lib/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/lib/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGxD,KAAK,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;IAAE,EAAE,EAAE,OAAO,CAAA;CAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AAElE,eAAO,MAAM,KAAK,yGAMjB,CAAC"}

package/dist/esm/lib/label.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@radix-ui/themes";
+import { forwardRef } from "react";
+export const Label = forwardRef(({ children, ...props }, ref) => (_jsx(Text, { as: "label", ref: ref, weight: "bold", size: "2", ...props, children: children })));
+Label.displayName = "Label";
+//# sourceMappingURL=label.js.map

package/dist/esm/lib/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/lib/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/B,KAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,KAAK,YACxD,QAAQ,GACJ,CACR,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/esm/lib/pagination.d.ts

@@ -0,0 +1,8 @@
+import type { PaginationData } from "./api/user";
+interface PaginationProps {
+    isPending?: boolean;
+    pagination?: PaginationData;
+}
+export declare const Pagination: ({ isPending, pagination }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pagination.d.ts.map

package/dist/esm/lib/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,8BAA+B,eAAe,4CAyDpE,CAAC"}

package/dist/esm/lib/pagination.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Flex, Skeleton } from "@radix-ui/themes";
+import { SecondaryButton } from "./elements";
+import { useUsersManagementContext } from "./users-management-context";
+export const Pagination = ({ isPending, pagination }) => {
+    const { dispatch } = useUsersManagementContext();
+    // we only want to show the loading indicator if the request is still pending
+    // after 500ms. If the request is fast enough the indicator is a bit jarring.
+    const [deferredLoading, setDeferredLoading] = React.useState(false);
+    React.useEffect(() => {
+        if (isPending) {
+            const timeoutId = window.setTimeout(() => {
+                setDeferredLoading(true);
+            }, 500);
+            return () => {
+                window.clearTimeout(timeoutId);
+            };
+        }
+        else {
+            setDeferredLoading(false);
+        }
+    }, [isPending]);
+    return (_jsxs(Flex, { gap: "2", justify: "end", children: [_jsx(Skeleton, { loading: !pagination, children: _jsx(SecondaryButton, { size: "1", disabled: !pagination?.after || isPending || undefined, loading: deferredLoading, onClick: () => {
+                        if (pagination?.after) {
+                            dispatch({
+                                type: "SET_PAGINATION",
+                                pagination: { after: pagination.after },
+                            });
+                        }
+                    }, children: "Previous" }) }), _jsx(Skeleton, { loading: !pagination, children: _jsx(SecondaryButton, { size: "1", disabled: !pagination?.before || isPending || undefined, loading: deferredLoading, onClick: () => {
+                        if (pagination?.before) {
+                            dispatch({
+                                type: "SET_PAGINATION",
+                                pagination: { before: pagination.before },
+                            });
+                        }
+                    }, children: "Next" }) })] }));
+};
+//# sourceMappingURL=pagination.js.map

package/dist/esm/lib/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/lib/pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAOvE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAmB,EAAE,EAAE;IACvE,MAAM,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAEjD,6EAA6E;IAC7E,6EAA6E;IAC7E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACvC,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACjC,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,aACzB,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,UAAU,YAC5B,KAAC,eAAe,IACd,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,SAAS,IAAI,SAAS,EACtD,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC;4BACtB,QAAQ,CAAC;gCACP,IAAI,EAAE,gBAAgB;gCACtB,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE;6BACxC,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC,yBAGe,GACT,EACX,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,UAAU,YAC5B,KAAC,eAAe,IACd,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,IAAI,SAAS,IAAI,SAAS,EACvD,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,UAAU,EAAE,MAAM,EAAE,CAAC;4BACvB,QAAQ,CAAC;gCACP,IAAI,EAAE,gBAAgB;gCACtB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE;6BAC1C,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC,qBAGe,GACT,IACN,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/lib/resend-invite-dialog.d.ts

@@ -0,0 +1,10 @@
+import { AlertDialog } from "@radix-ui/themes";
+import * as React from "react";
+import type { User } from "./api/user";
+interface ResendInviteDialogProps extends AlertDialog.RootProps {
+    user: User;
+    children?: React.ReactNode;
+}
+export declare const ResendInviteDialog: ({ children, user, ...props }: ResendInviteDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=resend-invite-dialog.d.ts.map

package/dist/esm/lib/resend-invite-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resend-invite-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/resend-invite-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAMZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGvC,UAAU,uBAAwB,SAAQ,WAAW,CAAC,SAAS;IAC7D,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,iCAI5B,uBAAuB,4CAuGzB,CAAC"}

package/dist/esm/lib/resend-invite-dialog.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertDialog, Callout, Dialog, Flex, Text, VisuallyHidden, } from "@radix-ui/themes";
+import * as React from "react";
+import { useResendUserInvite } from "./api/user";
+import { DestructiveButton, PrimaryButton, SecondaryButton } from "./elements";
+export const ResendInviteDialog = ({ children, user, ...props }) => {
+    const resendInvite = useResendUserInvite();
+    const cancelButtonRef = React.useRef(null);
+    const successButtonRef = React.useRef(null);
+    const [successDialogIsOpen, setSuccessDialogIsOpen] = React.useState(false);
+    const onSubmitForm = () => {
+        resendInvite.mutate(user.id, {
+            onSuccess: () => {
+                setSuccessDialogIsOpen(true);
+            },
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialog.Content, { maxWidth: "480px", onOpenAutoFocus: () => {
+                            requestAnimationFrame(() => {
+                                cancelButtonRef.current?.focus();
+                            });
+                        }, children: [_jsx(AlertDialog.Title, { children: "Resend invite?" }), _jsx(Flex, { mb: "4", direction: "column", gap: "3", children: _jsxs(AlertDialog.Description, { children: ["Are you sure you want to resend the invite to", " ", _jsx(Text, { weight: "bold", children: user.email }), "?"] }) }), resendInvite.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(resendInvite.error) }) })) : null, _jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: _jsxs("form", { onSubmit: (event) => {
+                                        event.preventDefault();
+                                        onSubmitForm();
+                                    }, children: [_jsx(AlertDialog.Cancel, { children: _jsx(SecondaryButton, { ref: cancelButtonRef, disabled: resendInvite.isPending, children: "Cancel" }) }), _jsx(DestructiveButton, { type: "submit", loading: resendInvite.isPending, children: "Resend" })] }) })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(resendInvite.error) }) })] }), _jsx(Dialog.Root, { open: successDialogIsOpen, onOpenChange: (isOpen) => {
+                    if (!isOpen) {
+                        props.onOpenChange?.(false);
+                    }
+                    setSuccessDialogIsOpen(isOpen);
+                }, children: _jsxs(Dialog.Content, { maxWidth: "360px", onOpenAutoFocus: () => {
+                        requestAnimationFrame(() => {
+                            successButtonRef.current?.focus();
+                        });
+                    }, children: [_jsx(Dialog.Title, { children: "Invite sent" }), _jsxs(Dialog.Description, { children: ["The invite email has been resent to", " ", _jsx(Text, { weight: "bold", children: user.email })] }), _jsx(Flex, { gap: "3", justify: "end", mt: "5", children: _jsx(Dialog.Close, { children: _jsx(PrimaryButton, { ref: successButtonRef, children: "Close" }) }) })] }) })] }));
+};
+function getMutationErrorMessage(error) {
+    if (!error) {
+        return "";
+    }
+    // TODO Handle server errors
+    return "There was an error sending the invite. Please try again.";
+}
+//# sourceMappingURL=resend-invite-dialog.js.map

package/dist/esm/lib/resend-invite-dialog.js.map

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

package/dist/esm/lib/revoke-invite-dialog.d.ts

@@ -0,0 +1,10 @@
+import { AlertDialog } from "@radix-ui/themes";
+import { type ReactNode } from "react";
+import type { User } from "./api/user";
+interface RevokeInviteDialogProps extends AlertDialog.RootProps {
+    user: User;
+    children?: ReactNode;
+}
+export declare const RevokeInviteDialog: ({ children, user, ...props }: RevokeInviteDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=revoke-invite-dialog.d.ts.map

package/dist/esm/lib/revoke-invite-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revoke-invite-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGvC,UAAU,uBAAwB,SAAQ,WAAW,CAAC,SAAS;IAC7D,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,iCAI5B,uBAAuB,4CAwEzB,CAAC"}

package/dist/esm/lib/revoke-invite-dialog.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, Callout, Flex, Text, VisuallyHidden, } from "@radix-ui/themes";
+import { useRef } from "react";
+import { useRevokeUserInvite } from "./api/user";
+import { DestructiveButton, SecondaryButton } from "./elements";
+export const RevokeInviteDialog = ({ children, user, ...props }) => {
+    const revokeInvite = useRevokeUserInvite();
+    const cancelButtonRef = useRef(null);
+    const onSubmitForm = () => {
+        revokeInvite.mutate(user.id, {
+            onSuccess: () => {
+                props.onOpenChange?.(false);
+            },
+        });
+    };
+    return (_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialog.Content, { maxWidth: "480px", onOpenAutoFocus: () => {
+                    requestAnimationFrame(() => {
+                        cancelButtonRef.current?.focus();
+                    });
+                }, children: [_jsx(AlertDialog.Title, { children: "Revoke invite?" }), _jsx(Flex, { mb: "4", direction: "column", gap: "3", children: _jsxs(AlertDialog.Description, { children: ["Are you sure you want to revoke the invite to", " ", _jsx(Text, { weight: "bold", children: user.email }), "? This action is immediate and cannot be undone."] }) }), revokeInvite.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(revokeInvite.error) }) })) : null, _jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: _jsxs("form", { onSubmit: (event) => {
+                                event.preventDefault();
+                                onSubmitForm();
+                            }, children: [_jsx(AlertDialog.Cancel, { children: _jsx(SecondaryButton, { ref: cancelButtonRef, disabled: revokeInvite.isPending, children: "Cancel" }) }), _jsx(DestructiveButton, { type: "submit", loading: revokeInvite.isPending, children: "Revoke" })] }) })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(revokeInvite.error) }) })] }));
+};
+function getMutationErrorMessage(error) {
+    if (!error) {
+        return null;
+    }
+    // TODO Handle server errors
+    return "There was an error revoking the invite. Please try again.";
+}
+//# sourceMappingURL=revoke-invite-dialog.js.map

package/dist/esm/lib/revoke-invite-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revoke-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAOhE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACgB,EAAE,EAAE;IAC5B,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE;YAC3B,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,KAAC,WAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,MAAC,WAAW,CAAC,OAAO,IAClB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBACnC,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,KAAC,WAAW,CAAC,KAAK,iCAAmC,EACrD,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YACrC,MAAC,WAAW,CAAC,WAAW,gEACwB,GAAG,EACjD,KAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,KAAC,OAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,KAAC,OAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GAC/B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,gBACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,eAAe,IACd,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,CAAC,SAAS,uBAGhB,GACC,EAErB,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,SAAS,uBAE5C,IACf,GACF,IACa,EAGtB,KAAC,cAAc,IAAC,OAAO,kBACrB,+BAAmB,QAAQ,YACxB,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACK,IACA,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,2DAA2D,CAAC;AACrE,CAAC"}

package/dist/esm/lib/search-provider.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface SearchContextType {
+    inputRef: React.RefObject<HTMLInputElement>;
+    clearSearch: () => void;
+    searchValue: string;
+    setSearchValue: React.Dispatch<React.SetStateAction<string>>;
+}
+export declare const SearchProvider: React.FC<React.PropsWithChildren>;
+export declare const useSearchContext: () => SearchContextType;
+export {};
+//# sourceMappingURL=search-provider.d.ts.map

package/dist/esm/lib/search-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-provider.d.ts","sourceRoot":"","sources":["../../../src/lib/search-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC9D;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CA0B5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAM5B,CAAC"}

package/dist/esm/lib/search-provider.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { flushSync } from "react-dom";
+import { useUsersManagementContext } from "./users-management-context";
+const SearchContext = React.createContext(undefined);
+SearchContext.displayName = "SearchContext";
+export const SearchProvider = ({ children, }) => {
+    const inputRef = React.useRef(null);
+    const { state: { searchQuery }, dispatch, } = useUsersManagementContext();
+    const [searchValue, setSearchValue] = React.useState(searchQuery || "");
+    const clearSearch = React.useCallback(() => {
+        flushSync(() => {
+            setSearchValue("");
+            dispatch({ type: "FILTER_BY_SEARCH", searchQuery: "" });
+        });
+        inputRef.current?.focus();
+    }, [dispatch]);
+    return (_jsx(SearchContext.Provider, { value: { inputRef, clearSearch, searchValue, setSearchValue }, children: children }));
+};
+export const useSearchContext = () => {
+    const context = React.useContext(SearchContext);
+    if (!context) {
+        throw new Error("useSearchContext must be used within a SearchProvider");
+    }
+    return context;
+};
+//# sourceMappingURL=search-provider.js.map

package/dist/esm/lib/search-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-provider.js","sourceRoot":"","sources":["../../../src/lib/search-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AASvE,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CACvC,SAAS,CACV,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAsC,CAAC,EAChE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,EACJ,KAAK,EAAE,EAAE,WAAW,EAAE,EACtB,QAAQ,GACT,GAAG,yBAAyB,EAAE,CAAC;IAEhC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,SAAS,CAAC,GAAG,EAAE;YACb,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,YAE5D,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esm/lib/use-is-hydrated.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsHydrated(): boolean;
+//# sourceMappingURL=use-is-hydrated.d.ts.map

package/dist/esm/lib/use-is-hydrated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-hydrated.d.ts","sourceRoot":"","sources":["../../../src/lib/use-is-hydrated.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,YAM5B"}

package/dist/esm/lib/use-is-hydrated.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+function subscribe() {
+    return () => { };
+}
+export function useIsHydrated() {
+    return React.useSyncExternalStore(subscribe, () => true, () => false);
+}
+//# sourceMappingURL=use-is-hydrated.js.map

package/dist/esm/lib/use-is-hydrated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-hydrated.js","sourceRoot":"","sources":["../../../src/lib/use-is-hydrated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,SAAS;IAChB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,KAAK,CAAC,oBAAoB,CAC/B,SAAS,EACT,GAAG,EAAE,CAAC,IAAI,EACV,GAAG,EAAE,CAAC,KAAK,CACZ,CAAC;AACJ,CAAC"}

package/dist/esm/lib/user-actions-dropdown.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { User } from "./api/user";
+interface UserActionsDropdownProps {
+    user: User;
+    children: React.ReactNode;
+}
+export declare const UserActionsDropdown: ({ user, children, }: UserActionsDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=user-actions-dropdown.d.ts.map

package/dist/esm/lib/user-actions-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-actions-dropdown.d.ts","sourceRoot":"","sources":["../../../src/lib/user-actions-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AASvC,UAAU,wBAAwB;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAQD,eAAO,MAAM,mBAAmB,wBAG7B,wBAAwB,mDAqI1B,CAAC"}

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 { DestructiveMenuItem, PrimaryMenuItem } from "./elements";
+import { ResendInviteDialog } from "./resend-invite-dialog";
+import { RevokeInviteDialog } from "./revoke-invite-dialog";
+import { useElement } from "./widgets-context";
+import { useRoles } from "./api/role";
+export const UserActionsDropdown = ({ user, children, }) => {
+    const rolesQuery = useRoles();
+    const [openDialog, setOpenDialog] = React.useState(null);
+    const dropdownProps = useElement("dropdown");
+    /**
+     * 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(_jsx(PrimaryMenuItem, { onSelect: () => setOpenDialog("edit-role"), disabled: rolesQuery.isLoading ||
+                    (rolesQuery.isSuccess && rolesQuery.data.length <= 1), title: rolesQuery.isSuccess && rolesQuery.data.length <= 1
+                    ? "You cannot update the role for this user as there is only one role available."
+                    : undefined, children: "Edit role" }, "edit-role"));
+        }
+        if (actions.has("resend-invite")) {
+            items.push(_jsx(PrimaryMenuItem, { onSelect: () => setOpenDialog("resend-invite"), children: "Resend invitation" }, "resend-invite"));
+        }
+        if (actions.has("revoke-invite")) {
+            items.push(_jsx(DestructiveMenuItem, { onSelect: () => setOpenDialog("revoke-invite"), children: "Revoke invitation" }, "revoke-invite"));
+        }
+        if (actions.has("revoke-membership")) {
+            items.push(_jsx(DestructiveMenuItem, { onSelect: () => setOpenDialog("revoke-membership"), children: "Remove user" }, "revoke-membership"));
+        }
+        return {
+            actions,
+            items: items.map((item, index, array) => {
+                if (index !== array.length - 1) {
+                    return (_jsxs(React.Fragment, { children: [item, _jsx(DropdownMenu.Separator, {})] }, item.key));
+                }
+                return item;
+            }),
+        };
+    }, [rolesQuery, user.actions]);
+    if (user.isLoggedInUser || items.length === 0) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { children: children }), _jsx(DropdownMenu.Content, { size: "2", align: "end", ...dropdownProps, 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")))] }));
+};
+//# sourceMappingURL=user-actions-dropdown.js.map

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

@@ -0,0 +1,9 @@
+import { Select } from "@radix-ui/themes";
+import * as React from "react";
+import type { Role } from "./api/role";
+type UsersFilterProps = React.ComponentPropsWithoutRef<typeof Select.Root> & {
+    roles: Role[] | undefined;
+};
+export declare const UsersFilter: React.FC<UsersFilterProps>;
+export {};
+//# sourceMappingURL=users-filter.d.ts.map

package/dist/esm/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,EAKL,MAAM,EACP,MAAM,kBAAkB,CAAC;AAC1B,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;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyClD,CAAC"}

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

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, DropdownMenu, Flex, IconButton, Select, } from "@radix-ui/themes";
+import * as React from "react";
+import { PrimaryMenuItem } from "./elements";
+import { useUsersManagementContext } from "./users-management-context";
+const ALL_ROLES_NAME = "All";
+const ALL_ROLES_VALUE = "null";
+export const UsersFilter = ({ roles }) => {
+    const { dispatch, state: { role }, } = useUsersManagementContext();
+    const setFilterParams = (value) => {
+        dispatch({ type: "FILTER_BY_ROLE", role: value });
+    };
+    const isValidRole = (value) => roles ? roles.findIndex((role) => role.slug === value) !== -1 : false;
+    const filteredRole = isValidRole(role) ? role : ALL_ROLES_VALUE;
+    const roleName = roles?.find((role) => role.slug === filteredRole)?.name || ALL_ROLES_NAME;
+    const onValueChange = (value) => {
+        if (value === ALL_ROLES_VALUE) {
+            setFilterParams(null);
+        }
+        else {
+            if (isValidRole(value)) {
+                setFilterParams(value);
+            }
+        }
+    };
+    return (_jsxs(Select.Root, { value: roles ? filteredRole : "null", onValueChange: onValueChange, children: [_jsx(Select.Trigger, { children: roles ? roleName : ALL_ROLES_NAME }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: ALL_ROLES_VALUE, children: ALL_ROLES_NAME }), roles?.map((role) => (_jsx(React.Fragment, { children: _jsx(Select.Item, { value: role.slug, children: role.name }) }, role.slug)))] })] }));
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function FilterMenu() {
+    return (_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { children: _jsx(IconButton, { size: "1", color: "gray", variant: "ghost", radius: "full", "aria-label": "Filter users", title: "Filter users", children: _jsx(FilterIcon, { "aria-hidden": "true" }) }) }), _jsxs(DropdownMenu.Content, { size: "2", align: "end", children: [_jsx(PrimaryMenuItem, { children: _jsxs(Flex, { gap: "2", align: "center", children: [_jsx(Checkbox, { variant: "surface" }), "One"] }) }), _jsx(PrimaryMenuItem, { children: _jsxs(Flex, { gap: "2", align: "center", children: [_jsx(Checkbox, {}), "Two"] }) })] })] }));
+}
+const FilterIcon = React.forwardRef(function FilterIcon({ children, ...props }, forwardedRef) {
+    return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref: forwardedRef, ...props, children: [children, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 1C1.22386 1 1 1.22386 1 1.5V4.5C1 4.66316 1.07961 4.81605 1.21327 4.90962L6 8.26033V13.5C6 13.6733 6.08973 13.8342 6.23713 13.9253C6.38454 14.0164 6.56861 14.0247 6.72361 13.9472L8.72361 12.9472C8.893 12.8625 9 12.6894 9 12.5V8.26033L13.7867 4.90962C13.9204 4.81605 14 4.66316 14 4.5V1.5C14 1.22386 13.7761 1 13.5 1H1.5ZM2 4.23967V2H13V4.23967L8.21327 7.59038C8.07961 7.68395 8 7.83684 8 8V12.191L7 12.691V8C7 7.83684 6.92039 7.68395 6.78673 7.59038L2 4.23967ZM12 3H3V4H12V3Z", fill: "black" })] }));
+});
+//# sourceMappingURL=users-filter.js.map

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

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

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { UsersManagementAction, UsersManagementState } from "./users-management-state";
+export interface UsersManagementContextType {
+    authToken: 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 | null;
+//# sourceMappingURL=users-management-context.d.ts.map