@workos-inc/widgets 1.4.1 → 1.4.2

package/dist/cjs/lib/edit-user-role-dialog.js

@@ -0,0 +1,143 @@
+"use strict";
+// @ts-nocheck
+// Unclear why, but there is a versioning conflict somewhere causing the build
+// to fail based on types with the Checkbox component. Will fix asap.
+"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.EditUserRoleDialog = EditUserRoleDialog;
+exports.EditSingleUserRoleDialogContent = EditSingleUserRoleDialogContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const themes_1 = require("@radix-ui/themes");
+const react_1 = require("react");
+const user_js_1 = require("./api/user.js");
+const elements_js_1 = require("./elements.js");
+const utils_js_1 = require("./utils.js");
+const endpoint_js_1 = require("../api/endpoint.js");
+function EditUserRoleDialog({ children, user, ...props }) {
+    const rolesAndConfigQuery = (0, endpoint_js_1.useRolesAndConfig)({
+        query: {
+            initialData: { roles: [], multipleRolesEnabled: false },
+        },
+    });
+    const { data, ...restQueryState } = rolesAndConfigQuery;
+    const queryState = {
+        error: restQueryState.error,
+        isLoading: restQueryState.isLoading,
+        isSuccess: restQueryState.isSuccess,
+    };
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { ...props, children: [children && (0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), data.multipleRolesEnabled ? ((0, jsx_runtime_1.jsx)(EditMultipleUserRolesDialogContent, { user: user, roles: data.roles, queryState: queryState, onFormSubmitSuccess: () => props.onOpenChange(false) })) : ((0, jsx_runtime_1.jsx)(EditSingleUserRoleDialogContent, { user: user, roles: data.roles, queryState: queryState, onFormSubmitSuccess: () => props.onOpenChange(false) }))] }));
+}
+function EditSingleUserRoleDialogContent({ user, roles, queryState, onFormSubmitSuccess, }) {
+    const displayName = (0, utils_js_1.getBestName)(user) || user.email;
+    const updateUser = (0, user_js_1.useUpdateUserRole)();
+    const [selectedRole, setSelectedRole] = (0, react_1.useState)(user.roles?.at(0)?.slug || "Unknown");
+    const onSubmitForm = ({ id, roles }) => {
+        updateUser.mutate({ userId: id, data: { roles } }, {
+            onSuccess: () => {
+                onFormSubmitSuccess();
+            },
+        });
+    };
+    const rootId = React.useId();
+    const formId = `edit-user-form-${rootId}`;
+    const selectId = `role-select-${rootId}`;
+    const selectLabelId = `${selectId}-label`;
+    const infoId = `${selectId}-info`;
+    const errorId = `${selectId}-error`;
+    const showErrorMessage = !!queryState.error;
+    const showSingleRoleInfo = queryState.isSuccess && roles.length === 1;
+    return ((0, jsx_runtime_1.jsxs)(elements_js_1.DialogContent, { maxWidth: "480px", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { children: "Edit role" }), (0, jsx_runtime_1.jsxs)(themes_1.Dialog.Description, { children: ["Select the role to assign to ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", children: displayName })] }), (0, jsx_runtime_1.jsx)(themes_1.Flex, { mt: "2", direction: "column", gap: "1", asChild: true, children: (0, jsx_runtime_1.jsxs)("form", { id: formId, onSubmit: async (event) => {
+                        event.preventDefault();
+                        onSubmitForm({ id: user.id, roles: [selectedRole] });
+                    }, children: [(0, jsx_runtime_1.jsxs)(themes_1.Select.Root, { name: "roles", value: selectedRole ?? "Unknown", onValueChange: setSelectedRole, disabled: queryState.isLoading || showSingleRoleInfo, children: [(0, jsx_runtime_1.jsx)(elements_js_1.Skeleton, { loading: queryState.isLoading, children: (0, jsx_runtime_1.jsx)(elements_js_1.SelectTrigger, { id: selectId, placeholder: "Assign a role", "aria-labelledby": selectLabelId, "aria-invalid": showErrorMessage || undefined, "aria-describedby": [showErrorMessage && errorId, showSingleRoleInfo && infoId]
+                                            .filter(Boolean)
+                                            .join(" ") || undefined }) }), (0, jsx_runtime_1.jsx)(elements_js_1.SelectContent, { children: roles.map((role) => ((0, jsx_runtime_1.jsx)(elements_js_1.SelectItem, { value: role.slug, children: role.name }, role.slug))) })] }), showErrorMessage ? ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "red", size: "2", id: errorId, children: getRoleSelectErrorMessage(queryState.error) })) : null, showSingleRoleInfo ? ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "gray", size: "2", id: infoId, mt: "1", children: "You cannot update the role for this user as there is only one role available." })) : null] }) }), updateUser.error ? ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", mt: "4", mb: "-2", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: getMutationErrorMessage(updateUser.error) }) })) : null, (0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", gap: "3", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Close, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_js_1.PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: queryState.isLoading || showSingleRoleInfo || undefined, children: "Save" })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })] }));
+}
+function EditMultipleUserRolesDialogContent({ user, roles, queryState, onFormSubmitSuccess, }) {
+    const displayName = (0, utils_js_1.getBestName)(user) || user.email;
+    const updateUser = (0, user_js_1.useUpdateUserRole)();
+    const [error, setError] = (0, react_1.useState)(null);
+    React.useEffect(() => {
+        if (queryState.error && !error) {
+            setError("There was an error fetching roles. Please try again.");
+        }
+    }, [queryState.error, error]);
+    const onSubmitForm = ({ id, roles }) => {
+        if (roles.length === 0) {
+            setError("Please select at least one role");
+            return;
+        }
+        updateUser.mutate({ userId: id, data: { roles } }, {
+            onSuccess: () => {
+                onFormSubmitSuccess();
+            },
+            onError: () => {
+                setError("There was an error updating the user role. Please try again.");
+            },
+        });
+    };
+    const rootId = React.useId();
+    const formId = `edit-user-form-${rootId}`;
+    const checkboxGroupId = `role-checkbox-group-${rootId}`;
+    const infoId = `${checkboxGroupId}-info`;
+    const showSingleRoleInfo = queryState.isSuccess && roles.length === 1;
+    return ((0, jsx_runtime_1.jsxs)(elements_js_1.DialogContent, { maxWidth: "480px", children: [(0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", maxHeight: "calc(100vh - var(--dialog-content-padding) * 2 - var(--space-6) - max(var(--space-6), 6vh)", minHeight: "200px", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { children: "Edit roles" }), (0, jsx_runtime_1.jsxs)(themes_1.Dialog.Description, { children: ["Select the roles to assign to ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", children: displayName })] }), (0, jsx_runtime_1.jsx)(themes_1.Flex, { mt: "4", direction: "column", gap: "1", asChild: true, minHeight: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Card, { asChild: true, style: { display: "flex", padding: "2px 0", flexGrow: 0 }, children: (0, jsx_runtime_1.jsx)("form", { id: formId, onSubmit: async (event) => {
+                                    event.preventDefault();
+                                    const formData = new FormData(event.currentTarget);
+                                    const selectedRoles = formData
+                                        .getAll("roles")
+                                        .map((role) => role.toString());
+                                    onSubmitForm({ id: user.id, roles: selectedRoles });
+                                }, children: (0, jsx_runtime_1.jsx)(themes_1.ScrollArea, { children: (0, jsx_runtime_1.jsx)(themes_1.CheckboxGroup.Root, { defaultValue: user.roles?.map((role) => role.slug) || [], name: "roles", style: { gap: "0" }, id: checkboxGroupId, onValueChange: (values) => {
+                                            if (error && values.length > 0) {
+                                                setError("");
+                                            }
+                                        }, children: roles.map((role, i) => ((0, jsx_runtime_1.jsxs)(themes_1.Box, { children: [(0, jsx_runtime_1.jsx)(themes_1.Flex, { px: "4", justify: "center", py: "3", children: (0, jsx_runtime_1.jsx)(themes_1.CheckboxGroup.Item, { value: role.slug, style: {
+                                                            width: "100%",
+                                                            gap: "var(--space-3)",
+                                                            alignItems: "center",
+                                                        }, disabled: showSingleRoleInfo, children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", width: "100%", children: [(0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", size: "2", children: role.name }), (0, jsx_runtime_1.jsx)(themes_1.Text, { color: "gray", size: "2", style: {
+                                                                        overflow: "hidden",
+                                                                        textOverflow: "ellipsis",
+                                                                        whiteSpace: "nowrap",
+                                                                    }, children: role.description })] }) }) }), i !== roles.length - 1 && ((0, jsx_runtime_1.jsx)(themes_1.Separator, { orientation: "horizontal", size: "4" }))] }, role.slug))) }) }) }) }) }), showSingleRoleInfo ? ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "gray", size: "2", id: infoId, mt: "1", children: "You cannot update the role for this user as there is only one role available." })) : null, error ? ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", mt: "4", mb: "-2", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: error }) })) : null, (0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", gap: "3", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Close, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_js_1.PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: queryState.isLoading || showSingleRoleInfo || undefined, children: "Save" })] })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })] }));
+}
+function getRoleSelectErrorMessage(error) {
+    if (!error) {
+        return null;
+    }
+    // TODO Handle server errors
+    return "There was an error fetching roles. Please try again.";
+}
+function getMutationErrorMessage(error) {
+    if (!error) {
+        return null;
+    }
+    // TODO Handle server errors
+    return "There was an error updating the user role. Please try again.";
+}
+//# sourceMappingURL=edit-user-role-dialog.js.map

package/dist/cjs/lib/edit-user-role-dialog.js.map

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

package/dist/cjs/lib/elements.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { AlertDialog as RadixAlertDialog, AvatarProps as RadixAvatarProps, Dialog as RadixDialog, DropdownMenu as RadixDropdownMenu, Select as RadixSelect, TextField as RadixTextField, type BadgeProps, type ButtonProps, type IconButtonProps, type SkeletonProps, type TextProps } from "@radix-ui/themes";
+import type { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dialogContentPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, textPropDefs, textFieldRootPropDefs, selectTriggerPropDefs, skeletonPropDefs } from "@radix-ui/themes/props";
+export declare const PrimaryButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DestructiveButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SelectTrigger: React.ForwardRefExoticComponent<RadixSelect.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectContent: React.ForwardRefExoticComponent<RadixSelect.ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<RadixSelect.ItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Label: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const TextField: React.ForwardRefExoticComponent<RadixTextField.RootProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextFieldSlot: React.ForwardRefExoticComponent<RadixTextField.SlotProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PasswordField: React.ForwardRefExoticComponent<RadixTextField.RootProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<RadixDropdownMenu.ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PrimaryMenuItem: React.ForwardRefExoticComponent<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DestructiveMenuItem: React.ForwardRefExoticComponent<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarProps extends RadixAvatarProps {
+    dim?: boolean;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLImageElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<RadixDialog.ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: React.ForwardRefExoticComponent<RadixAlertDialog.ContentProps & React.RefAttributes<HTMLDivElement>>;
+type OmitAsChild<T> = {
+    [K in keyof T]: T[K] extends undefined ? undefined : Omit<NonNullable<T[K]>, "asChild">;
+};
+export type Elements = OmitAsChild<{
+    dialog?: GetPropDefTypes<typeof dialogContentPropDefs>;
+    primaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
+    secondaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
+    destructiveButton?: GetPropDefTypes<typeof buttonPropDefs>;
+    iconButton?: GetPropDefTypes<typeof iconButtonPropDefs>;
+    textfield?: GetPropDefTypes<typeof textFieldRootPropDefs>;
+    select?: GetPropDefTypes<typeof selectTriggerPropDefs>;
+    badge?: GetPropDefTypes<typeof badgePropDefs>;
+    dropdown?: GetPropDefTypes<typeof dropdownMenuContentPropDefs>;
+    primaryMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
+    destructiveMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
+    avatar?: Omit<GetPropDefTypes<typeof avatarPropDefs>, "fallback">;
+    label?: GetPropDefTypes<typeof textPropDefs>;
+    skeleton?: GetPropDefTypes<typeof skeletonPropDefs>;
+}>;
+export {};
+//# sourceMappingURL=elements.d.ts.map

package/dist/cjs/lib/elements.d.ts.map

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

package/dist/cjs/lib/elements.js

@@ -0,0 +1,148 @@
+"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.AlertDialogContent = exports.DialogContent = exports.Avatar = exports.DestructiveMenuItem = exports.PrimaryMenuItem = exports.DropdownMenuContent = exports.Badge = exports.PasswordField = exports.TextFieldSlot = exports.TextField = exports.Label = exports.SelectItem = exports.SelectContent = exports.SelectTrigger = exports.Skeleton = exports.IconButton = exports.DestructiveButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const themes_1 = require("@radix-ui/themes");
+const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
+const clsx_1 = __importDefault(require("clsx"));
+const widgets_context_js_1 = require("./widgets-context.js");
+const utils_js_1 = require("./utils.js");
+const use_layout_effect_js_1 = require("./use-layout-effect.js");
+const react_icons_1 = require("@radix-ui/react-icons");
+exports.PrimaryButton = React.forwardRef(function PrimaryButton({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("primaryButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("button", "button--primary"), className), variant: "solid", ...props, ...element }));
+});
+exports.SecondaryButton = React.forwardRef(function SecondaryButton({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("secondaryButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, highContrast: true, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("button", "button--secondary"), className), variant: "surface", color: "gray", ...props, ...element }));
+});
+exports.DestructiveButton = React.forwardRef(function DestructiveButton({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("destructiveButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("button", "button--destructive"), className), variant: "solid", color: "red", ...props, ...element }));
+});
+exports.IconButton = React.forwardRef(function IconButton({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("iconButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.IconButton, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("button", "icon-button"), className), variant: "ghost", color: "gray", ...props, ...element }));
+});
+exports.Skeleton = React.forwardRef(function Skeleton({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("skeleton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Skeleton, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("skeleton"), className), ...props, ...element }));
+});
+exports.SelectTrigger = React.forwardRef(function SelectTrigger({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("select");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Trigger, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("select"), className), ...props, ...element }));
+});
+exports.SelectContent = React.forwardRef(function SelectContent({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("dropdown");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Content, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("dropdown", "select-dropdown"), className), ...props, ...element }));
+});
+exports.SelectItem = React.forwardRef(function SelectItem({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("primaryMenuItem");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("menu-item", "select-item"), className), ...props, ...element }));
+});
+exports.Label = React.forwardRef(function Label({ children, className, style = {}, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("label");
+    return (
+    // @ts-expect-error: Text props are a complex union type depending on the
+    // `as` prop value, which breaks down when spreading in `element`
+    (0, jsx_runtime_1.jsx)(themes_1.Text, { as: "label", ref: ref, weight: "bold", size: "2", className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("label"), className), style: { width: "fit-content", ...style }, ...props, ...element, children: children }));
+});
+exports.TextField = React.forwardRef(function TextField({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("textfield");
+    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Root, { ref: ref, variant: "surface", className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("text-field"), className), ...props, ...element }));
+});
+exports.TextFieldSlot = React.forwardRef(function TextFieldSlot({ className, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Slot, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("text-field-slot"), className), ...props }));
+});
+exports.PasswordField = React.forwardRef(function TextField({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("textfield");
+    const [showPassword, setShowPassword] = React.useState(false);
+    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Root, { ref: ref, variant: "surface", className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("text-field"), className), ...props, ...element, type: showPassword ? "text" : "password", children: (0, jsx_runtime_1.jsx)(themes_1.TextField.Slot, { side: "right", children: (0, jsx_runtime_1.jsx)(exports.IconButton, { type: "button", size: "1", variant: "ghost", color: "gray", onClick: () => setShowPassword(!showPassword), children: showPassword ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeOpenIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeClosedIcon, {}) }) }) }));
+});
+exports.Badge = React.forwardRef(function Badge({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("badge");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Badge, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("badge"), className), ...element, ...props }));
+});
+exports.DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("dropdown");
+    return ((0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Content, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("dropdown"), className), ...props, ...element }));
+});
+exports.PrimaryMenuItem = React.forwardRef(function PrimaryMenuItem({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("primaryMenuItem");
+    return ((0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("menu-item"), className), ...props, ...element }));
+});
+exports.DestructiveMenuItem = React.forwardRef(function DestructiveMenuItem({ className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("destructiveMenuItem");
+    return ((0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("menu-item", "menu-item--destructive"), className), color: "red", ...props, ...element }));
+});
+exports.Avatar = React.forwardRef(function Avatar({ dim, className, ...props }, ref) {
+    const element = (0, widgets_context_js_1.useElement)("avatar");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Avatar, { ref: ref, color: "gray", className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("avatar"), className), ...props, ...element, 
+        // TODO: use CSS var instead of hard-coded value for opacity
+        style: dim ? { opacity: 0.6, ...props.style } : props.style }));
+});
+exports.DialogContent = React.forwardRef(function DialogContent({ className, ...props }, forwardedRef) {
+    const element = (0, widgets_context_js_1.useElement)("dialog");
+    const [node, setNode] = React.useState(null);
+    const ref = (0, react_compose_refs_1.useComposedRefs)(forwardedRef, setNode);
+    useDialogOverlayHack(node, {
+        className: (0, utils_js_1.namespaceClassNames)("dialog-overlay"),
+        selector: ".rt-DialogOverlay",
+    });
+    return ((0, jsx_runtime_1.jsx)(themes_1.Dialog.Content, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("dialog"), className), ...props, ...element }));
+});
+exports.AlertDialogContent = React.forwardRef(function AlertDialogContent({ className, ...props }, forwardedRef) {
+    const element = (0, widgets_context_js_1.useElement)("dialog");
+    const [node, setNode] = React.useState(null);
+    const ref = (0, react_compose_refs_1.useComposedRefs)(forwardedRef, setNode);
+    useDialogOverlayHack(node, {
+        className: (0, utils_js_1.namespaceClassNames)("dialog-overlay"),
+        selector: ".rt-AlertDialogOverlay",
+    });
+    return ((0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Content, { ref: ref, className: (0, clsx_1.default)((0, utils_js_1.namespaceClassNames)("dialog"), className), ...props, ...element }));
+});
+/**
+ * HACK: Radix themes does not expose the dialog overlay, but we want consumer
+ * to be able to style it with a classname. This will add a classname to the
+ * overlay when the dialog content is mounted.
+ */
+function useDialogOverlayHack(node, { className, selector }) {
+    (0, use_layout_effect_js_1.useLayoutEffect)(() => {
+        if (!node) {
+            return;
+        }
+        const document = node.ownerDocument;
+        const overlay = document.querySelector(selector);
+        overlay?.classList.add(className);
+    }, [node, className, selector]);
+}
+//# sourceMappingURL=elements.js.map

package/dist/cjs/lib/elements.js.map

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

package/dist/cjs/lib/elevated-access.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+interface ElevatedAccessProps extends PropsWithChildren {
+    onVerified?: () => Promise<unknown>;
+    type?: "dialog" | "alert";
+}
+export declare function ElevatedAccess({ type, children, onVerified, }: ElevatedAccessProps): import("react/jsx-runtime.js").JSX.Element | null;
+export {};
+//# sourceMappingURL=elevated-access.d.ts.map

package/dist/cjs/lib/elevated-access.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevated-access.d.ts","sourceRoot":"","sources":["../../../src/lib/elevated-access.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAIvE,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAe,EACf,QAAQ,EACR,UAAU,GACX,EAAE,mBAAmB,qDA6CrB"}

package/dist/cjs/lib/elevated-access.js

@@ -0,0 +1,131 @@
+"use strict";
+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.ElevatedAccess = ElevatedAccess;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Form = __importStar(require("@radix-ui/react-form"));
+const themes_1 = require("@radix-ui/themes");
+const endpoint_js_1 = require("../api/endpoint.js");
+const api_provider_js_1 = require("../api/api-provider.js");
+const react_1 = require("react");
+const elements_js_1 = require("./elements.js");
+const Otp = __importStar(require("./otp-input.js"));
+function ElevatedAccess({ type = "dialog", children, onVerified, }) {
+    const { elevatedAccess } = (0, api_provider_js_1.useElevatedAccessToken)();
+    const [authenticationChallengeId, setAuthenticationChallengeId] = (0, react_1.useState)();
+    const prevAccessToken = (0, react_1.useRef)(elevatedAccess);
+    (0, react_1.useEffect)(() => {
+        prevAccessToken.current = elevatedAccess;
+    }, [elevatedAccess]);
+    if (elevatedAccess) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    }
+    if (!authenticationChallengeId) {
+        const hasTokenExpired = !!prevAccessToken.current;
+        return ((0, jsx_runtime_1.jsx)(SendVerificationEmailForm, { type: type, hasTokenExpired: hasTokenExpired, onSuccess: (challengeId) => {
+                setAuthenticationChallengeId(challengeId);
+            } }));
+    }
+    if (authenticationChallengeId) {
+        return ((0, jsx_runtime_1.jsx)(VerificationIdentityForm, { type: type, authenticationChallengeId: authenticationChallengeId, onSuccess: () => {
+                // Reset the challenge id
+                setAuthenticationChallengeId(undefined);
+                return onVerified?.();
+            } }));
+    }
+    return null;
+}
+function SendVerificationEmailForm({ onSuccess, type, hasTokenExpired, }) {
+    const { data: me } = (0, endpoint_js_1.useMe)();
+    const sendVerification = (0, endpoint_js_1.useSendVerification)({
+        mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },
+    });
+    const Title = type === "dialog" ? themes_1.Dialog.Title : themes_1.AlertDialog.Title;
+    const Description = type === "dialog" ? themes_1.Dialog.Description : themes_1.AlertDialog.Description;
+    const Close = type === "dialog" ? themes_1.Dialog.Close : themes_1.AlertDialog.Cancel;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        sendVerification.mutate();
+    };
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)(Title, { children: hasTokenExpired
+                    ? "Your verification token has expired"
+                    : "Verify your identity" }), (0, jsx_runtime_1.jsxs)(Description, { color: "gray", mb: "5", children: ["To continue, we need to confirm your identity. We'll send a temporary verification code to", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", highContrast: true, children: me?.email }), "."] }), sendVerification.error && ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", mt: "-2", mb: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) })), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [(0, jsx_runtime_1.jsx)(Close, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { type: "button", disabled: sendVerification.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_js_1.PrimaryButton, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })] })] }));
+}
+function VerificationIdentityForm({ onSuccess, authenticationChallengeId, type, }) {
+    const { data: me } = (0, endpoint_js_1.useMe)();
+    const { setElevatedAccess } = (0, api_provider_js_1.useElevatedAccessToken)();
+    const verifyIdentity = (0, endpoint_js_1.useVerify)();
+    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const Title = type === "dialog" ? themes_1.Dialog.Title : themes_1.AlertDialog.Title;
+    const Description = type === "dialog" ? themes_1.Dialog.Description : themes_1.AlertDialog.Description;
+    const Close = type === "dialog" ? themes_1.Dialog.Close : themes_1.AlertDialog.Cancel;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        const code = formData.get("otp-code")?.toString() ?? "";
+        setIsSubmitting(true);
+        try {
+            // Mutate async so we can wait for the onSuccess callback as well
+            const newAuthState = await verifyIdentity.mutateAsync({
+                data: {
+                    code,
+                    authenticationChallengeId,
+                },
+            });
+            const in10Seconds = new Date(Date.now() + 5 * 1000);
+            setElevatedAccess({
+                token: newAuthState.elevatedAccessToken,
+                // expiresAt: newAuthState.expiresAt,
+                expiresAt: in10Seconds.toISOString(),
+            });
+            if (onSuccess) {
+                await new Promise((resolve) => setTimeout(resolve, 200));
+                await onSuccess();
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+        setIsSubmitting(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(Form.Root, { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)(Title, { children: "Verify your identity" }), (0, jsx_runtime_1.jsxs)(Description, { color: "gray", children: ["A verification code was sent to", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", highContrast: true, children: me?.email }), ". Please enter it below."] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [(0, jsx_runtime_1.jsxs)(Otp.Root, { autoSubmit: true, gap: "2", justify: "center", columns: "repeat(6, 48px)", width: "fit-content", rows: "48px", name: "otp-code", readOnly: isSubmitting, children: [(0, jsx_runtime_1.jsx)(Otp.Input, { required: true, autoFocus: true, autoComplete: "off" }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true }), (0, jsx_runtime_1.jsx)(Otp.Input, { required: true })] }), verifyIdentity.error && ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) }))] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [(0, jsx_runtime_1.jsx)(Close, { children: (0, jsx_runtime_1.jsx)(elements_js_1.SecondaryButton, { type: "button", children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_js_1.PrimaryButton, { type: "submit", loading: isSubmitting, children: "Confirm" })] })] }));
+}
+function getMutationErrorMessage(error) {
+    let message = typeof error === "string" ? error : "";
+    if (error instanceof Error) {
+        message = error.message;
+    }
+    else if (typeof error === "object" &&
+        error !== null &&
+        "message" in error &&
+        typeof error.message === "string") {
+        message = error.message;
+    }
+    if (!message || message === "Bad Request") {
+        message = "Invalid code, please try again.";
+    }
+    return message;
+}
+//# sourceMappingURL=elevated-access.js.map

package/dist/cjs/lib/elevated-access.js.map

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

package/dist/cjs/lib/{error-boundary.d.cts → error-boundary.d.ts}

@@ -1,6 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
+import * as React from "react";
 type ErrorBoundaryState = {
     didCatch: true;
     error: any;
@@ -8,12 +6,12 @@ type ErrorBoundaryState = {
     didCatch: false;
     error: null;
 };
-interface ErrorBoundaryContextValue {
+export interface ErrorBoundaryContextValue {
     didCatch: boolean;
     error: any;
     resetErrorBoundary: (...args: any[]) => void;
 }
-declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): {
         didCatch: boolean;
@@ -22,9 +20,9 @@ declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBou
     resetErrorBoundary(...args: any[]): void;
     componentDidCatch(error: Error, info: React.ErrorInfo): void;
     componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): react_jsx_runtime.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-type FallbackProps = {
+export type FallbackProps = {
     error: any;
     resetErrorBoundary: (...args: any[]) => void;
 };
@@ -40,21 +38,21 @@ type ErrorBoundarySharedProps = React.PropsWithChildren<{
     }) => void;
     resetKeys?: any[];
 }>;
-type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
+export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
     fallback?: never;
     FallbackComponent: React.ComponentType<FallbackProps>;
     fallbackRender?: never;
 };
-type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
+export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
     fallback?: never;
     FallbackComponent?: never;
     fallbackRender: (props: FallbackProps) => React.ReactNode;
 };
-type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
+export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
     fallback: React.ReactNode;
     FallbackComponent?: never;
     fallbackRender?: never;
 };
-type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
-
-export { ErrorBoundary, type ErrorBoundaryContextValue, type ErrorBoundaryProps, type ErrorBoundaryPropsWithComponent, type ErrorBoundaryPropsWithFallback, type ErrorBoundaryPropsWithRender, type FallbackProps };
+export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map