@workos-inc/widgets 0.0.0-pre.0

package/dist/cjs/lib/delete-user-dialog.js

@@ -0,0 +1,37 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteUserDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const react_1 = require("react");
+const user_1 = require("./api/user");
+const elements_1 = require("./elements");
+const DeleteUserDialog = ({ children, user, ...props }) => {
+    const deleteUser = (0, user_1.useDeleteUser)();
+    const inputRef = (0, react_1.useRef)(null);
+    const onSubmitForm = () => {
+        deleteUser.mutate(user.id, {
+            onSuccess: () => {
+                props.onOpenChange(false);
+            },
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)(themes_1.AlertDialog.Root, { ...props, children: [children && (0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Trigger, { children: children }), (0, jsx_runtime_1.jsxs)(themes_1.AlertDialog.Content, { maxWidth: "480px", onOpenAutoFocus: () => {
+                    requestAnimationFrame(() => {
+                        inputRef.current?.focus();
+                    });
+                }, children: [(0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Title, { children: "Remove user" }), (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", gap: "3", children: (0, jsx_runtime_1.jsxs)(themes_1.AlertDialog.Description, { children: ["Are you sure you want to remove", " ", (0, jsx_runtime_1.jsx)(themes_1.Text, { weight: "bold", children: user.email }), "? This action is immediate and cannot be undone."] }) }), deleteUser.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(deleteUser.error) }) })) : null, (0, jsx_runtime_1.jsx)(themes_1.Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: (event) => {
+                                event.preventDefault();
+                                onSubmitForm();
+                            }, children: [(0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Cancel, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { disabled: deleteUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.DestructiveButton, { type: "submit", loading: deleteUser.isPending, children: "Remove" })] }) }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(deleteUser.error) }) })] })] }));
+};
+exports.DeleteUserDialog = DeleteUserDialog;
+function getMutationErrorMessage(error) {
+    if (!error) {
+        return null;
+    }
+    // TODO Handle server errors
+    return "There was an error removing the user. Please try again.";
+}
+//# sourceMappingURL=delete-user-dialog.js.map

package/dist/cjs/lib/delete-user-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-user-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,6CAM0B;AAC1B,iCAA+C;AAC/C,qCAA2C;AAE3C,yCAAgE;AASzD,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,UAAU,GAAG,IAAA,oBAAa,GAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE;YACzB,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,uBAAC,oBAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,wBAAC,oBAAW,CAAC,OAAO,IAClB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,uBAAC,oBAAW,CAAC,KAAK,8BAAgC,EAClD,uBAAC,aAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC9B,wBAAC,oBAAW,CAAC,WAAW,kDACU,GAAG,EACnC,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,uBAAC,gBAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,kCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,uBAAC,oBAAW,CAAC,MAAM,cACjB,uBAAC,0BAAe,IAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,uBAE7B,GACC,EAErB,uBAAC,4BAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,CAAC,SAAS,uBAE1C,IACf,GACF,EAEP,uBAAC,uBAAc,IAAC,OAAO,kBACrB,iDAAmB,QAAQ,YACxB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAClC,GACK,IACG,IACL,CACpB,CAAC;AACJ,CAAC,CAAC;AAxEW,QAAA,gBAAgB,oBAwE3B;AAEF,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,yDAAyD,CAAC;AACnE,CAAC"}

package/dist/cjs/lib/edit-user-details-dialog.d.ts

@@ -0,0 +1,12 @@
+import { Dialog } from "@radix-ui/themes";
+import { type ReactNode } from "react";
+import type { User } from "./api/user";
+interface EditUserDialogProps extends Dialog.RootProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    user: User;
+    children?: ReactNode;
+}
+export declare const EditUserDetailsDialog: ({ children, user, ...props }: EditUserDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=edit-user-details-dialog.d.ts.map

package/dist/cjs/lib/edit-user-details-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-user-details-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/edit-user-details-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,MAAM,EAMP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAMvC,UAAU,mBAAoB,SAAQ,MAAM,CAAC,SAAS;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,iCAI/B,mBAAmB,4CA0HrB,CAAC"}

package/dist/cjs/lib/edit-user-details-dialog.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.EditUserDetailsDialog = void 0;
+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_1 = require("./api/user");
+const elements_1 = require("./elements");
+const utils_1 = require("./utils");
+const role_1 = require("./api/role");
+const widgets_context_1 = require("./widgets-context");
+const EditUserDetailsDialog = ({ children, user, ...props }) => {
+    const displayName = (0, utils_1.getBestName)(user) || user.email;
+    const rolesQuery = (0, role_1.useRoles)();
+    const { data: roles } = rolesQuery;
+    const updateUser = (0, user_1.useUpdateUserRole)();
+    const dropdownProps = (0, widgets_context_1.useElement)("dropdown");
+    const [selectedRole, setSelectedRole] = (0, react_1.useState)(user.roles[0]?.slug || "Unknown");
+    const onSubmitForm = ({ id, roles }) => {
+        updateUser.mutate({ id, data: { roles } }, {
+            onSuccess: () => {
+                props.onOpenChange(false);
+            },
+        });
+    };
+    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 = !!rolesQuery.error;
+    const showSingleRoleInfo = rolesQuery.isSuccess && roles.length === 1;
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { ...props, children: [children && (0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), (0, jsx_runtime_1.jsxs)(themes_1.Dialog.Content, { 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: rolesQuery.isLoading || showSingleRoleInfo, children: [(0, jsx_runtime_1.jsx)(themes_1.Skeleton, { loading: rolesQuery.isLoading, children: (0, jsx_runtime_1.jsx)(themes_1.Select.Trigger, { 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)(themes_1.Select.Content, { ...dropdownProps, children: roles.map((role) => ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, { 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(rolesQuery.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_1.SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: rolesQuery.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) }) })] })] }));
+};
+exports.EditUserDetailsDialog = EditUserDetailsDialog;
+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-details-dialog.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { DropdownMenu, AvatarProps as RadixAvatarProps, TextField as RadixTextField } from "@radix-ui/themes";
+import type { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, textFieldRootPropDefs } from "@radix-ui/themes/props";
+export declare const PrimaryButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DestructiveButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<RadixTextField.RootProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextFieldSlot: import("react").ForwardRefExoticComponent<RadixTextField.SlotProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").BadgeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const PrimaryMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DestructiveMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface AvatarProps extends RadixAvatarProps {
+    dim?: boolean;
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLImageElement>>;
+type OmitAsChild<T> = {
+    [K in keyof T]: T[K] extends undefined ? undefined : Omit<NonNullable<T[K]>, "asChild">;
+};
+export type Elements = OmitAsChild<{
+    primaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
+    secondaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
+    destructiveButton?: GetPropDefTypes<typeof buttonPropDefs>;
+    iconButton?: GetPropDefTypes<typeof iconButtonPropDefs>;
+    textfield?: GetPropDefTypes<typeof textFieldRootPropDefs>;
+    badge?: GetPropDefTypes<typeof badgePropDefs>;
+    dropdown?: GetPropDefTypes<typeof dropdownMenuContentPropDefs>;
+    primaryMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
+    destructiveMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
+    avatar?: Omit<GetPropDefTypes<typeof avatarPropDefs>, "fallback">;
+}>;
+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":"AAEA,OAAO,EAEL,YAAY,EAEZ,WAAW,IAAI,gBAAgB,EAG/B,SAAS,IAAI,cAAc,EAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,wBAAwB,EACxB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAIhC,eAAO,MAAM,aAAa,sMAOxB,CAAC;AAIH,eAAO,MAAM,eAAe,sMAS1B,CAAC;AAIH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAIH,eAAO,MAAM,UAAU,0MAerB,CAAC;AAIH,eAAO,MAAM,SAAS,sLAepB,CAAC;AAIH,eAAO,MAAM,aAAa,qHAAsB,CAAC;AAEjD,eAAO,MAAM,KAAK,iMAOhB,CAAC;AAIH,eAAO,MAAM,eAAe,gLAO1B,CAAC;AAIH,eAAO,MAAM,mBAAmB,gLAO9B,CAAC;AAIH,UAAU,WAAY,SAAQ,gBAAgB;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,MAAM,0GAelB,CAAC;AAIF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAClC,SAAS,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAC;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACnE,mBAAmB,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACvE,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;CACnE,CAAC,CAAC"}

package/dist/cjs/lib/elements.js

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = exports.DestructiveMenuItem = exports.PrimaryMenuItem = exports.Badge = exports.TextFieldSlot = exports.TextField = exports.IconButton = exports.DestructiveButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const react_1 = require("react");
+const widgets_context_1 = require("./widgets-context");
+exports.PrimaryButton = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("primaryButton");
+    return (0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, variant: "solid", ...props, ...element });
+});
+exports.PrimaryButton.displayName = "PrimaryButton";
+exports.SecondaryButton = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("secondaryButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, variant: "surface", color: "gray", ...props, ...element }));
+});
+exports.SecondaryButton.displayName = "SecondaryButton";
+exports.DestructiveButton = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("destructiveButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Button, { ref: ref, variant: "solid", color: "red", ...props, ...element }));
+});
+exports.DestructiveButton.displayName = "DestructiveButton";
+exports.IconButton = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("iconButton");
+    return ((0, jsx_runtime_1.jsx)(themes_1.IconButton, { ref: ref, variant: "ghost", color: "gray", ...props, ...element }));
+});
+exports.IconButton.displayName = "IconButton";
+exports.TextField = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("textfield");
+    return ((0, jsx_runtime_1.jsx)(themes_1.TextField.Root, { "data-1p-ignore": true, ref: ref, variant: "surface", ...props, ...element }));
+});
+exports.TextField.displayName = "TextField";
+exports.TextFieldSlot = themes_1.TextField.Slot;
+exports.Badge = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("badge");
+    return (0, jsx_runtime_1.jsx)(themes_1.Badge, { ref: ref, ...element, ...props });
+});
+exports.Badge.displayName = "Badge";
+exports.PrimaryMenuItem = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("primaryMenuItem");
+    return (0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, ...props, ...element });
+});
+exports.PrimaryMenuItem.displayName = "PrimaryMenuItem";
+exports.DestructiveMenuItem = (0, react_1.forwardRef)((props, ref) => {
+    const element = (0, widgets_context_1.useElement)("destructiveMenuItem");
+    return (0, jsx_runtime_1.jsx)(themes_1.DropdownMenu.Item, { ref: ref, color: "red", ...props, ...element });
+});
+exports.DestructiveMenuItem.displayName = "DestructiveMenuItem";
+exports.Avatar = (0, react_1.forwardRef)(({ dim, ...props }, ref) => {
+    const element = (0, widgets_context_1.useElement)("avatar");
+    return ((0, jsx_runtime_1.jsx)(themes_1.Avatar, { ref: ref, color: "gray", ...props, ...element, 
+        // TODO: use CSS var instead of hard-coded value for opacity
+        style: dim ? { opacity: 0.6, ...props.style } : props.style }));
+});
+exports.Avatar.displayName = "Avatar";
+//# 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/invite-user-dialog.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface InviteUserDialogProps {
+    children?: React.ReactNode;
+}
+export declare const InviteUserDialog: ({ children }: InviteUserDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=invite-user-dialog.d.ts.map

package/dist/cjs/lib/invite-user-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invite-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/invite-user-dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,gBAAgB,iBAAkB,qBAAqB,4CAoJnE,CAAC"}

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

@@ -0,0 +1,167 @@
+"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.InviteUserDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const React = __importStar(require("react"));
+const role_1 = require("./api/role");
+const user_1 = require("./api/user");
+const elements_1 = require("./elements");
+const label_1 = require("./label");
+const utils_1 = require("./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";
+const InviteUserDialog = ({ children }) => {
+    const [open, setOpen] = React.useState(false);
+    const dialogId = toId("invite-user", React.useId());
+    const formId = toId(dialogId, "form");
+    const inviteUser = (0, user_1.useInviteUser)();
+    const rolesQuery = (0, role_1.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 ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { open: open, onOpenChange: setOpen, children: [children && (0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), (0, jsx_runtime_1.jsxs)(themes_1.Dialog.Content, { maxWidth: "480px", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { children: "Invite user" }), (0, jsx_runtime_1.jsx)(themes_1.Dialog.Description, { children: "An invitation will be sent to this email address with a link to complete their account." }), (0, jsx_runtime_1.jsx)(DialogFormContext.Provider, { value: { dialogId }, children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { direction: "column", gap: "4", mt: "5", asChild: true, children: (0, jsx_runtime_1.jsxs)("form", { id: formId, onSubmit: async (event) => {
+                                    event.preventDefault();
+                                    onSubmitForm({
+                                        email: event.currentTarget.email.value,
+                                        role: selectedRole,
+                                    });
+                                }, children: [(0, jsx_runtime_1.jsx)(FormField, { name: "email", label: "Email address", error: formErrors.fields.email, required: true, control: (props) => ((0, jsx_runtime_1.jsx)(elements_1.TextField, { ...props, "data-1p-ignore": true, type: "email", autoComplete: "email", placeholder: "Enter an email address" })) }), (0, jsx_runtime_1.jsx)(FormField, { name: "role", label: "Role", error: formErrors.fields.role, disabled: rolesQuery.isPending || roles.length <= 1, info: roles.length === 1 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["New users will be invited with the", " ", (0, jsx_runtime_1.jsx)(themes_1.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 }) => ((0, jsx_runtime_1.jsxs)(themes_1.Select.Root, { ...props, value: selectedRole, onValueChange: setSelectedRole, children: [(0, jsx_runtime_1.jsx)(themes_1.Select.Trigger, { id: id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }), (0, jsx_runtime_1.jsxs)(themes_1.Select.Content, { children: [(0, jsx_runtime_1.jsx)(themes_1.Select.Item, { value: PLACEHOLDER_ROLE, disabled: true, children: "Select a role" }), roles.map((role) => ((0, jsx_runtime_1.jsx)(themes_1.Select.Item, { value: role.slug, children: role.name }, role.slug)))] })] })) })] }) }) }), formErrors.form ? ((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: formErrors.form }) })) : 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_1.SecondaryButton, { disabled: inviteUser.isPending, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { form: formId, loading: inviteUser.isPending, disabled: rolesQuery.isPending || undefined, children: "Invite" })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: formErrors.form }) })] }, String(open))] }));
+};
+exports.InviteUserDialog = InviteUserDialog;
+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 ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "1", children: [(0, jsx_runtime_1.jsx)(label_1.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 ? ((0, jsx_runtime_1.jsx)(themes_1.Text, { color: "red", size: "2", id: errorId, children: error })) : null, info ? ((0, jsx_runtime_1.jsx)(themes_1.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 (!(0, utils_1.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/cjs/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/cjs/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/cjs/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/cjs/lib/label.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const react_1 = require("react");
+exports.Label = (0, react_1.forwardRef)(({ children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(themes_1.Text, { as: "label", ref: ref, weight: "bold", size: "2", ...props, children: children })));
+exports.Label.displayName = "Label";
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/lib/label.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwD;AACxD,iCAAmC;AAItB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/B,uBAAC,aAAI,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,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/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/cjs/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/cjs/lib/pagination.js

@@ -0,0 +1,67 @@
+"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.Pagination = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const themes_1 = require("@radix-ui/themes");
+const elements_1 = require("./elements");
+const users_management_context_1 = require("./users-management-context");
+const Pagination = ({ isPending, pagination }) => {
+    const { dispatch } = (0, users_management_context_1.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 ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { gap: "2", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Skeleton, { loading: !pagination, children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { size: "1", disabled: !pagination?.after || isPending || undefined, loading: deferredLoading, onClick: () => {
+                        if (pagination?.after) {
+                            dispatch({
+                                type: "SET_PAGINATION",
+                                pagination: { after: pagination.after },
+                            });
+                        }
+                    }, children: "Previous" }) }), (0, jsx_runtime_1.jsx)(themes_1.Skeleton, { loading: !pagination, children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { size: "1", disabled: !pagination?.before || isPending || undefined, loading: deferredLoading, onClick: () => {
+                        if (pagination?.before) {
+                            dispatch({
+                                type: "SET_PAGINATION",
+                                pagination: { before: pagination.before },
+                            });
+                        }
+                    }, children: "Next" }) })] }));
+};
+exports.Pagination = Pagination;
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/lib/pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6CAAkD;AAClD,yCAA6C;AAE7C,yEAAuE;AAOhE,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAmB,EAAE,EAAE;IACvE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,oDAAyB,GAAE,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,wBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,aACzB,uBAAC,iBAAQ,IAAC,OAAO,EAAE,CAAC,UAAU,YAC5B,uBAAC,0BAAe,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,uBAAC,iBAAQ,IAAC,OAAO,EAAE,CAAC,UAAU,YAC5B,uBAAC,0BAAe,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;AAzDW,QAAA,UAAU,cAyDrB"}

package/dist/cjs/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/cjs/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"}