@workos-inc/widgets 1.4.2 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"edit-user-profile-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-profile-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/edit-user-profile-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Dialog, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport { getMeQueryKey, Me, useUpdateMe } from \"../api/endpoint.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport * as Form from \"@radix-ui/react-form\";\nimport {\n  DialogContent,\n  Label,\n  PrimaryButton,\n  SecondaryButton,\n  TextField,\n} from \"./elements.js\";\nimport { SaveButton } from \"./save-button.js\";\n\ninterface EditUserProfileDialogProps extends Dialog.RootProps {\n  user: Me;\n  children?: ReactNode;\n}\n\nexport function EditUserProfileDialog({\n  children,\n  user,\n  ...props\n}: EditUserProfileDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open ?? open}\n      onOpenChange={props.onOpenChange ?? setOpen}\n    >\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <DialogContent maxWidth=\"480px\">\n        <Content user={user} onClose={handleClose} />\n      </DialogContent>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps extends Pick<EditUserProfileDialogProps, \"user\"> {\n  onClose: () => void;\n}\n\nfunction Content({ user, onClose }: ContentProps) {\n  const client = useQueryClient();\n  const updateMe = useUpdateMe({\n    mutation: {\n      onSettled: () => {\n        client.invalidateQueries({ queryKey: getMeQueryKey() });\n      },\n      onSuccess: (newProfile) => {\n        client.setQueryData(getMeQueryKey(), {\n          ...user,\n          firstName: newProfile.firstName || user.firstName,\n          lastName: newProfile.lastName || user.lastName,\n        });\n      },\n    },\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">Edit name</Dialog.Title>\n      <VisuallyHidden>\n        <Dialog.Description>\n          Edit the details of <Text weight=\"bold\">{user.email}</Text>\n        </Dialog.Description>\n      </VisuallyHidden>\n\n      {updateMe.error ? (\n        <Callout.Root color=\"red\" my=\"-2\">\n          <Callout.Text>{getMutationErrorMessage(updateMe.error)}</Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={async (event) => {\n          event.preventDefault();\n          const formData = new FormData(event.currentTarget);\n          const firstName = formData.get(\"firstName\")?.toString();\n          const lastName = formData.get(\"lastName\")?.toString();\n          updateMe.mutate({\n            data: {\n              firstName: firstName ?? undefined,\n              lastName: lastName ?? undefined,\n            },\n          });\n        }}\n      >\n        <Flex my=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field name=\"firstName\" asChild>\n            <Flex direction=\"column\" gap=\"1\">\n              <Form.Label asChild>\n                <Label>First name</Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  data-1p-ignore\n                  autoComplete=\"given-name\"\n                  defaultValue={user.firstName ?? \"\"}\n                  placeholder=\"Your first name\"\n                  disabled={updateMe.isPending || updateMe.isSuccess}\n                />\n              </Form.Control>\n            </Flex>\n          </Form.Field>\n\n          <Form.Field name=\"lastName\" asChild>\n            <Flex direction=\"column\" gap=\"1\">\n              <Form.Label asChild>\n                <Label>Last name</Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  data-1p-ignore\n                  autoComplete=\"family-name\"\n                  defaultValue={user.lastName ?? \"\"}\n                  placeholder=\"Your last name\"\n                  disabled={updateMe.isPending || updateMe.isSuccess}\n                />\n              </Form.Control>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton\n              disabled={updateMe.isPending || updateMe.isSuccess}\n            >\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n\n          <SaveButton\n            asChild\n            loading={updateMe.isPending}\n            done={updateMe.isSuccess}\n            onDone={onClose}\n          >\n            <PrimaryButton>Save</PrimaryButton>\n          </SaveButton>\n        </Flex>\n\n        {/* mirror errors in a live region */}\n        <VisuallyHidden asChild>\n          <section aria-live=\"polite\">\n            {getMutationErrorMessage(updateMe.error)}\n          </section>\n        </VisuallyHidden>\n      </Form.Root>\n    </>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  // TODO Handle server errors\n  return \"Something went wrong. Please try again.\";\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/edit-user-role-dialog.d.ts

@@ -1,13 +1,17 @@
-import { Dialog } from "@radix-ui/themes";
-import { type ReactNode } from "react";
-import { Member, MemberRole, RolesAndConfig403, RolesAndConfig404 } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+import { Member, MemberRole, RolesAndConfig403, RolesAndConfig404 } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface EditUserRoleDialogProps extends Dialog.RootProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     user: Member;
     children?: ReactNode;
 }
-export declare function EditUserRoleDialog({ children, user, ...props }: EditUserRoleDialogProps): import("react/jsx-runtime").JSX.Element;
+declare function EditUserRoleDialog({ children, user, ...props }: EditUserRoleDialogProps): react_jsx_runtime.JSX.Element;
 interface EditSingleUserRoleDialogContentProps {
     user: Member;
     roles: MemberRole[];
@@ -18,6 +22,6 @@ interface EditSingleUserRoleDialogContentProps {
     };
     onFormSubmitSuccess: () => void;
 }
-export declare function EditSingleUserRoleDialogContent({ user, roles, queryState, onFormSubmitSuccess, }: EditSingleUserRoleDialogContentProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=edit-user-role-dialog.d.ts.map
+declare function EditSingleUserRoleDialogContent({ user, roles, queryState, onFormSubmitSuccess, }: EditSingleUserRoleDialogContentProps): react_jsx_runtime.JSX.Element;
+
+export { EditSingleUserRoleDialogContent, EditUserRoleDialog };

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

@@ -1,116 +1,308 @@
-// @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";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Box, Card, Callout, CheckboxGroup, Dialog, Flex, Select, ScrollArea, Text, VisuallyHidden, Separator, } from "@radix-ui/themes";
+import {
+  Box,
+  Card,
+  Callout,
+  CheckboxGroup,
+  Dialog,
+  Flex,
+  Select,
+  ScrollArea,
+  Text,
+  VisuallyHidden,
+  Separator
+} from "@radix-ui/themes";
 import { useState } from "react";
 import { useUpdateUserRole } from "./api/user.js";
-import { DialogContent, PrimaryButton, SecondaryButton, SelectContent, SelectItem, SelectTrigger, Skeleton, } from "./elements.js";
+import {
+  DialogContent,
+  PrimaryButton,
+  SecondaryButton,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  Skeleton
+} from "./elements.js";
 import { getBestName } from "./utils.js";
-import { useRolesAndConfig, } from "../api/endpoint.js";
-export function EditUserRoleDialog({ children, user, ...props }) {
-    const rolesAndConfigQuery = useRolesAndConfig({
-        query: {
-            initialData: { roles: [], multipleRolesEnabled: false },
-        },
-    });
-    const { data, ...restQueryState } = rolesAndConfigQuery;
-    const queryState = {
-        error: restQueryState.error,
-        isLoading: restQueryState.isLoading,
-        isSuccess: restQueryState.isSuccess,
-    };
-    return (_jsxs(Dialog.Root, { ...props, children: [children && _jsx(Dialog.Trigger, { children: children }), data.multipleRolesEnabled ? (_jsx(EditMultipleUserRolesDialogContent, { user: user, roles: data.roles, queryState: queryState, onFormSubmitSuccess: () => props.onOpenChange(false) })) : (_jsx(EditSingleUserRoleDialogContent, { user: user, roles: data.roles, queryState: queryState, onFormSubmitSuccess: () => props.onOpenChange(false) }))] }));
-}
-export function EditSingleUserRoleDialogContent({ user, roles, queryState, onFormSubmitSuccess, }) {
-    const displayName = getBestName(user) || user.email;
-    const updateUser = useUpdateUserRole();
-    const [selectedRole, setSelectedRole] = 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 (_jsxs(DialogContent, { maxWidth: "480px", children: [_jsx(Dialog.Title, { children: "Edit role" }), _jsxs(Dialog.Description, { children: ["Select the role to assign to ", _jsx(Text, { weight: "bold", children: displayName })] }), _jsx(Flex, { mt: "2", direction: "column", gap: "1", asChild: true, children: _jsxs("form", { id: formId, onSubmit: async (event) => {
-                        event.preventDefault();
-                        onSubmitForm({ id: user.id, roles: [selectedRole] });
-                    }, children: [_jsxs(Select.Root, { name: "roles", value: selectedRole ?? "Unknown", onValueChange: setSelectedRole, disabled: queryState.isLoading || showSingleRoleInfo, children: [_jsx(Skeleton, { loading: queryState.isLoading, children: _jsx(SelectTrigger, { id: selectId, placeholder: "Assign a role", "aria-labelledby": selectLabelId, "aria-invalid": showErrorMessage || undefined, "aria-describedby": [showErrorMessage && errorId, showSingleRoleInfo && infoId]
-                                            .filter(Boolean)
-                                            .join(" ") || undefined }) }), _jsx(SelectContent, { children: roles.map((role) => (_jsx(SelectItem, { value: role.slug, children: role.name }, role.slug))) })] }), showErrorMessage ? (_jsx(Text, { color: "red", size: "2", id: errorId, children: getRoleSelectErrorMessage(queryState.error) })) : null, showSingleRoleInfo ? (_jsx(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 ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(updateUser.error) }) })) : null, _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), _jsx(PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: queryState.isLoading || showSingleRoleInfo || undefined, children: "Save" })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })] }));
+import {
+  useRolesAndConfig
+} from "../api/endpoint.js";
+function EditUserRoleDialog({
+  children,
+  user,
+  ...props
+}) {
+  const rolesAndConfigQuery = useRolesAndConfig({
+    query: {
+      initialData: { roles: [], multipleRolesEnabled: false }
+    }
+  });
+  const { data, ...restQueryState } = rolesAndConfigQuery;
+  const queryState = {
+    error: restQueryState.error,
+    isLoading: restQueryState.isLoading,
+    isSuccess: restQueryState.isSuccess
+  };
+  return /* @__PURE__ */ jsxs(Dialog.Root, { ...props, children: [
+    children && /* @__PURE__ */ jsx(Dialog.Trigger, { children }),
+    data.multipleRolesEnabled ? /* @__PURE__ */ jsx(
+      EditMultipleUserRolesDialogContent,
+      {
+        user,
+        roles: data.roles,
+        queryState,
+        onFormSubmitSuccess: () => props.onOpenChange(false)
+      }
+    ) : /* @__PURE__ */ jsx(
+      EditSingleUserRoleDialogContent,
+      {
+        user,
+        roles: data.roles,
+        queryState,
+        onFormSubmitSuccess: () => props.onOpenChange(false)
+      }
+    )
+  ] });
 }
-function EditMultipleUserRolesDialogContent({ user, roles, queryState, onFormSubmitSuccess, }) {
-    const displayName = getBestName(user) || user.email;
-    const updateUser = useUpdateUserRole();
-    const [error, setError] = useState(null);
-    React.useEffect(() => {
-        if (queryState.error && !error) {
-            setError("There was an error fetching roles. Please try again.");
+function EditSingleUserRoleDialogContent({
+  user,
+  roles,
+  queryState,
+  onFormSubmitSuccess
+}) {
+  const displayName = getBestName(user) || user.email;
+  const updateUser = useUpdateUserRole();
+  const [selectedRole, setSelectedRole] = useState(
+    user.roles?.at(0)?.slug || "Unknown"
+  );
+  const onSubmitForm = ({ id, roles: roles2 }) => {
+    updateUser.mutate(
+      { userId: id, data: { roles: roles2 } },
+      {
+        onSuccess: () => {
+          onFormSubmitSuccess();
         }
-    }, [queryState.error, error]);
-    const onSubmitForm = ({ id, roles }) => {
-        if (roles.length === 0) {
-            setError("Please select at least one role");
-            return;
+      }
+    );
+  };
+  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 /* @__PURE__ */ jsxs(DialogContent, { maxWidth: "480px", children: [
+    /* @__PURE__ */ jsx(Dialog.Title, { children: "Edit role" }),
+    /* @__PURE__ */ jsxs(Dialog.Description, { children: [
+      "Select the role to assign to ",
+      /* @__PURE__ */ jsx(Text, { weight: "bold", children: displayName })
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { mt: "2", direction: "column", gap: "1", asChild: true, children: /* @__PURE__ */ jsxs(
+      "form",
+      {
+        id: formId,
+        onSubmit: async (event) => {
+          event.preventDefault();
+          onSubmitForm({ id: user.id, roles: [selectedRole] });
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            Select.Root,
+            {
+              name: "roles",
+              value: selectedRole ?? "Unknown",
+              onValueChange: setSelectedRole,
+              disabled: queryState.isLoading || showSingleRoleInfo,
+              children: [
+                /* @__PURE__ */ jsx(Skeleton, { loading: queryState.isLoading, children: /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    id: selectId,
+                    placeholder: "Assign a role",
+                    "aria-labelledby": selectLabelId,
+                    "aria-invalid": showErrorMessage || void 0,
+                    "aria-describedby": [showErrorMessage && errorId, showSingleRoleInfo && infoId].filter(Boolean).join(" ") || void 0
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: roles.map((role) => /* @__PURE__ */ jsx(SelectItem, { value: role.slug, children: role.name }, role.slug)) })
+              ]
+            }
+          ),
+          showErrorMessage ? /* @__PURE__ */ jsx(Text, { color: "red", size: "2", id: errorId, children: getRoleSelectErrorMessage(queryState.error) }) : null,
+          showSingleRoleInfo ? /* @__PURE__ */ jsx(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 ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: getMutationErrorMessage(updateUser.error) }) }) : null,
+    /* @__PURE__ */ jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(
+        PrimaryButton,
+        {
+          form: formId,
+          loading: updateUser.isPending,
+          disabled: queryState.isLoading || showSingleRoleInfo || void 0,
+          children: "Save"
         }
-        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 (_jsxs(DialogContent, { maxWidth: "480px", children: [_jsxs(Flex, { direction: "column", gap: "1", maxHeight: "calc(100vh - var(--dialog-content-padding) * 2 - var(--space-6) - max(var(--space-6), 6vh)", minHeight: "200px", children: [_jsx(Dialog.Title, { children: "Edit roles" }), _jsxs(Dialog.Description, { children: ["Select the roles to assign to ", _jsx(Text, { weight: "bold", children: displayName })] }), _jsx(Flex, { mt: "4", direction: "column", gap: "1", asChild: true, minHeight: "0", children: _jsx(Card, { asChild: true, style: { display: "flex", padding: "2px 0", flexGrow: 0 }, children: _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: _jsx(ScrollArea, { children: _jsx(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) => (_jsxs(Box, { children: [_jsx(Flex, { px: "4", justify: "center", py: "3", children: _jsx(CheckboxGroup.Item, { value: role.slug, style: {
-                                                            width: "100%",
-                                                            gap: "var(--space-3)",
-                                                            alignItems: "center",
-                                                        }, disabled: showSingleRoleInfo, children: _jsxs(Flex, { direction: "column", width: "100%", children: [_jsx(Text, { weight: "bold", size: "2", children: role.name }), _jsx(Text, { color: "gray", size: "2", style: {
-                                                                        overflow: "hidden",
-                                                                        textOverflow: "ellipsis",
-                                                                        whiteSpace: "nowrap",
-                                                                    }, children: role.description })] }) }) }), i !== roles.length - 1 && (_jsx(Separator, { orientation: "horizontal", size: "4" }))] }, role.slug))) }) }) }) }) }), showSingleRoleInfo ? (_jsx(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 ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: error }) })) : null, _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), _jsx(PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: queryState.isLoading || showSingleRoleInfo || undefined, children: "Save" })] })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })] }));
+      )
+    ] }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })
+  ] });
 }
-function getRoleSelectErrorMessage(error) {
-    if (!error) {
-        return null;
+function EditMultipleUserRolesDialogContent({
+  user,
+  roles,
+  queryState,
+  onFormSubmitSuccess
+}) {
+  const displayName = getBestName(user) || user.email;
+  const updateUser = useUpdateUserRole();
+  const [error, setError] = 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: roles2 }) => {
+    if (roles2.length === 0) {
+      setError("Please select at least one role");
+      return;
     }
-    // TODO Handle server errors
-    return "There was an error fetching roles. Please try again.";
+    updateUser.mutate(
+      { userId: id, data: { roles: roles2 } },
+      {
+        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 /* @__PURE__ */ jsxs(DialogContent, { maxWidth: "480px", children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        direction: "column",
+        gap: "1",
+        maxHeight: "calc(100vh - var(--dialog-content-padding) * 2 - var(--space-6) - max(var(--space-6), 6vh)",
+        minHeight: "200px",
+        children: [
+          /* @__PURE__ */ jsx(Dialog.Title, { children: "Edit roles" }),
+          /* @__PURE__ */ jsxs(Dialog.Description, { children: [
+            "Select the roles to assign to ",
+            /* @__PURE__ */ jsx(Text, { weight: "bold", children: displayName })
+          ] }),
+          /* @__PURE__ */ jsx(Flex, { mt: "4", direction: "column", gap: "1", asChild: true, minHeight: "0", children: /* @__PURE__ */ jsx(
+            Card,
+            {
+              asChild: true,
+              style: { display: "flex", padding: "2px 0", flexGrow: 0 },
+              children: /* @__PURE__ */ 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: /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsx(
+                    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) => /* @__PURE__ */ jsxs(Box, { children: [
+                        /* @__PURE__ */ jsx(Flex, { px: "4", justify: "center", py: "3", children: /* @__PURE__ */ jsx(
+                          CheckboxGroup.Item,
+                          {
+                            value: role.slug,
+                            style: {
+                              width: "100%",
+                              gap: "var(--space-3)",
+                              alignItems: "center"
+                            },
+                            disabled: showSingleRoleInfo,
+                            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", width: "100%", children: [
+                              /* @__PURE__ */ jsx(Text, { weight: "bold", size: "2", children: role.name }),
+                              /* @__PURE__ */ jsx(
+                                Text,
+                                {
+                                  color: "gray",
+                                  size: "2",
+                                  style: {
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap"
+                                  },
+                                  children: role.description
+                                }
+                              )
+                            ] })
+                          }
+                        ) }),
+                        i !== roles.length - 1 && /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", size: "4" })
+                      ] }, role.slug))
+                    }
+                  ) })
+                }
+              )
+            }
+          ) }),
+          showSingleRoleInfo ? /* @__PURE__ */ jsx(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 ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: error }) }) : null,
+          /* @__PURE__ */ jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }),
+            /* @__PURE__ */ jsx(
+              PrimaryButton,
+              {
+                form: formId,
+                loading: updateUser.isPending,
+                disabled: queryState.isLoading || showSingleRoleInfo || void 0,
+                children: "Save"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })
+  ] });
+}
+function getRoleSelectErrorMessage(error) {
+  if (!error) {
+    return null;
+  }
+  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.";
+  if (!error) {
+    return null;
+  }
+  return "There was an error updating the user role. Please try again.";
 }
+export {
+  EditSingleUserRoleDialogContent,
+  EditUserRoleDialog
+};
 //# sourceMappingURL=edit-user-role-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"edit-user-role-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-role-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/edit-user-role-dialog.tsx"],"sourcesContent":["// @ts-nocheck\n// Unclear why, but there is a versioning conflict somewhere causing the build\n// to fail based on types with the Checkbox component. Will fix asap.\n\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Box,\n  Card,\n  Callout,\n  CheckboxGroup,\n  Dialog,\n  Flex,\n  Select,\n  ScrollArea,\n  Text,\n  VisuallyHidden,\n  Separator,\n} from \"@radix-ui/themes\";\nimport { type ReactNode, useState } from \"react\";\nimport { useUpdateUserRole } from \"./api/user.js\";\nimport {\n  DialogContent,\n  PrimaryButton,\n  SecondaryButton,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  Skeleton,\n} from \"./elements.js\";\nimport { getBestName } from \"./utils.js\";\nimport {\n  Member,\n  MemberRole,\n  RolesAndConfig403,\n  RolesAndConfig404,\n  useRolesAndConfig,\n} from \"../api/endpoint.js\";\n\ninterface EditUserRoleDialogProps extends Dialog.RootProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  user: Member;\n  children?: ReactNode;\n}\n\nexport function EditUserRoleDialog({\n  children,\n  user,\n  ...props\n}: EditUserRoleDialogProps) {\n  const rolesAndConfigQuery = useRolesAndConfig({\n    query: {\n      initialData: { roles: [], multipleRolesEnabled: false },\n    },\n  });\n  const { data, ...restQueryState } = rolesAndConfigQuery;\n  const queryState = {\n    error: restQueryState.error,\n    isLoading: restQueryState.isLoading,\n    isSuccess: restQueryState.isSuccess,\n  };\n\n  return (\n    <Dialog.Root {...props}>\n      {children && <Dialog.Trigger>{children}</Dialog.Trigger>}\n      {data.multipleRolesEnabled ? (\n        <EditMultipleUserRolesDialogContent\n          user={user}\n          roles={data.roles}\n          queryState={queryState}\n          onFormSubmitSuccess={() => props.onOpenChange(false)}\n        />\n      ) : (\n        <EditSingleUserRoleDialogContent\n          user={user}\n          roles={data.roles}\n          queryState={queryState}\n          onFormSubmitSuccess={() => props.onOpenChange(false)}\n        />\n      )}\n    </Dialog.Root>\n  );\n}\n\ninterface EditSingleUserRoleDialogContentProps {\n  user: Member;\n  roles: MemberRole[];\n  queryState: {\n    error: RolesAndConfig403 | RolesAndConfig404 | null;\n    isLoading: boolean;\n    isSuccess: boolean;\n  };\n  onFormSubmitSuccess: () => void;\n}\n\nexport function EditSingleUserRoleDialogContent({\n  user,\n  roles,\n  queryState,\n  onFormSubmitSuccess,\n}: EditSingleUserRoleDialogContentProps) {\n  const displayName = getBestName(user) || user.email;\n  const updateUser = useUpdateUserRole();\n  const [selectedRole, setSelectedRole] = useState(\n    user.roles?.at(0)?.slug || \"Unknown\",\n  );\n\n  const onSubmitForm = ({ id, roles }: { id: string; roles: string[] }) => {\n    updateUser.mutate(\n      { userId: id, data: { roles } },\n      {\n        onSuccess: () => {\n          onFormSubmitSuccess();\n        },\n      },\n    );\n  };\n\n  const rootId = React.useId();\n  const formId = `edit-user-form-${rootId}`;\n  const selectId = `role-select-${rootId}`;\n  const selectLabelId = `${selectId}-label`;\n  const infoId = `${selectId}-info`;\n  const errorId = `${selectId}-error`;\n  const showErrorMessage = !!queryState.error;\n  const showSingleRoleInfo = queryState.isSuccess && roles.length === 1;\n\n  return (\n    <DialogContent maxWidth=\"480px\">\n      <Dialog.Title>Edit role</Dialog.Title>\n      <Dialog.Description>\n        Select the role to assign to <Text weight=\"bold\">{displayName}</Text>\n      </Dialog.Description>\n      <Flex mt=\"2\" direction=\"column\" gap=\"1\" asChild>\n        <form\n          id={formId}\n          onSubmit={async (event) => {\n            event.preventDefault();\n            onSubmitForm({ id: user.id, roles: [selectedRole] });\n          }}\n        >\n          <Select.Root\n            name=\"roles\"\n            value={selectedRole ?? \"Unknown\"}\n            onValueChange={setSelectedRole}\n            disabled={queryState.isLoading || showSingleRoleInfo}\n          >\n            <Skeleton loading={queryState.isLoading}>\n              <SelectTrigger\n                id={selectId}\n                placeholder=\"Assign a role\"\n                aria-labelledby={selectLabelId}\n                aria-invalid={showErrorMessage || undefined}\n                aria-describedby={\n                  [showErrorMessage && errorId, showSingleRoleInfo && infoId]\n                    .filter(Boolean)\n                    .join(\" \") || undefined\n                }\n              />\n            </Skeleton>\n\n            <SelectContent>\n              {roles.map((role) => (\n                <SelectItem key={role.slug} value={role.slug}>\n                  {role.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select.Root>\n\n          {showErrorMessage ? (\n            <Text color=\"red\" size=\"2\" id={errorId}>\n              {getRoleSelectErrorMessage(queryState.error)}\n            </Text>\n          ) : null}\n\n          {showSingleRoleInfo ? (\n            <Text color=\"gray\" size=\"2\" id={infoId} mt=\"1\">\n              You cannot update the role for this user as there is only one role\n              available.\n            </Text>\n          ) : null}\n        </form>\n      </Flex>\n\n      {updateUser.error ? (\n        <Callout.Root color=\"red\" mt=\"4\" mb=\"-2\">\n          <Callout.Text>\n            {getMutationErrorMessage(updateUser.error)}\n          </Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n        <Dialog.Close>\n          <SecondaryButton disabled={updateUser.isPending}>\n            Cancel\n          </SecondaryButton>\n        </Dialog.Close>\n\n        <PrimaryButton\n          form={formId}\n          loading={updateUser.isPending}\n          disabled={queryState.isLoading || showSingleRoleInfo || undefined}\n        >\n          Save\n        </PrimaryButton>\n      </Flex>\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {getMutationErrorMessage(updateUser.error)}\n        </section>\n      </VisuallyHidden>\n    </DialogContent>\n  );\n}\n\ntype EditMultipleUserRolesDialogContentProps =\n  EditSingleUserRoleDialogContentProps;\n\nfunction EditMultipleUserRolesDialogContent({\n  user,\n  roles,\n  queryState,\n  onFormSubmitSuccess,\n}: EditMultipleUserRolesDialogContentProps) {\n  const displayName = getBestName(user) || user.email;\n  const updateUser = useUpdateUserRole();\n  const [error, setError] = useState<string | null>(null);\n\n  React.useEffect(() => {\n    if (queryState.error && !error) {\n      setError(\"There was an error fetching roles. Please try again.\");\n    }\n  }, [queryState.error, error]);\n\n  const onSubmitForm = ({ id, roles }: { id: string; roles: string[] }) => {\n    if (roles.length === 0) {\n      setError(\"Please select at least one role\");\n      return;\n    }\n    updateUser.mutate(\n      { userId: id, data: { roles } },\n      {\n        onSuccess: () => {\n          onFormSubmitSuccess();\n        },\n        onError: () => {\n          setError(\n            \"There was an error updating the user role. Please try again.\",\n          );\n        },\n      },\n    );\n  };\n\n  const rootId = React.useId();\n  const formId = `edit-user-form-${rootId}`;\n  const checkboxGroupId = `role-checkbox-group-${rootId}`;\n  const infoId = `${checkboxGroupId}-info`;\n  const showSingleRoleInfo = queryState.isSuccess && roles.length === 1;\n  return (\n    <DialogContent maxWidth=\"480px\">\n      <Flex\n        direction=\"column\"\n        gap=\"1\"\n        maxHeight=\"calc(100vh - var(--dialog-content-padding) * 2 - var(--space-6) - max(var(--space-6), 6vh)\"\n        minHeight=\"200px\"\n      >\n        <Dialog.Title>Edit roles</Dialog.Title>\n        <Dialog.Description>\n          Select the roles to assign to <Text weight=\"bold\">{displayName}</Text>\n        </Dialog.Description>\n        <Flex mt=\"4\" direction=\"column\" gap=\"1\" asChild minHeight=\"0\">\n          <Card\n            asChild\n            style={{ display: \"flex\", padding: \"2px 0\", flexGrow: 0 }}\n          >\n            <form\n              id={formId}\n              onSubmit={async (event) => {\n                event.preventDefault();\n                const formData = new FormData(event.currentTarget);\n                const selectedRoles = formData\n                  .getAll(\"roles\")\n                  .map((role) => role.toString());\n                onSubmitForm({ id: user.id, roles: selectedRoles });\n              }}\n            >\n              <ScrollArea>\n                <CheckboxGroup.Root\n                  defaultValue={user.roles?.map((role) => role.slug) || []}\n                  name=\"roles\"\n                  style={{ gap: \"0\" }}\n                  id={checkboxGroupId}\n                  onValueChange={(values) => {\n                    if (error && values.length > 0) {\n                      setError(\"\");\n                    }\n                  }}\n                >\n                  {roles.map((role, i) => (\n                    <Box key={role.slug}>\n                      <Flex px=\"4\" justify=\"center\" py=\"3\">\n                        <CheckboxGroup.Item\n                          value={role.slug}\n                          style={{\n                            width: \"100%\",\n                            gap: \"var(--space-3)\",\n                            alignItems: \"center\",\n                          }}\n                          disabled={showSingleRoleInfo}\n                        >\n                          <Flex direction=\"column\" width=\"100%\">\n                            <Text weight=\"bold\" size=\"2\">\n                              {role.name}\n                            </Text>\n                            <Text\n                              color=\"gray\"\n                              size=\"2\"\n                              style={{\n                                overflow: \"hidden\",\n                                textOverflow: \"ellipsis\",\n                                whiteSpace: \"nowrap\",\n                              }}\n                            >\n                              {role.description}\n                            </Text>\n                          </Flex>\n                        </CheckboxGroup.Item>\n                      </Flex>\n                      {i !== roles.length - 1 && (\n                        <Separator orientation=\"horizontal\" size=\"4\" />\n                      )}\n                    </Box>\n                  ))}\n                </CheckboxGroup.Root>\n              </ScrollArea>\n            </form>\n          </Card>\n        </Flex>\n\n        {showSingleRoleInfo ? (\n          <Text color=\"gray\" size=\"2\" id={infoId} mt=\"1\">\n            You cannot update the role for this user as there is only one role\n            available.\n          </Text>\n        ) : null}\n\n        {error ? (\n          <Callout.Root color=\"red\" mt=\"4\" mb=\"-2\">\n            <Callout.Text>{error}</Callout.Text>\n          </Callout.Root>\n        ) : null}\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton disabled={updateUser.isPending}>\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n\n          <PrimaryButton\n            form={formId}\n            loading={updateUser.isPending}\n            disabled={queryState.isLoading || showSingleRoleInfo || undefined}\n          >\n            Save\n          </PrimaryButton>\n        </Flex>\n      </Flex>\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {getMutationErrorMessage(updateUser.error)}\n        </section>\n      </VisuallyHidden>\n    </DialogContent>\n  );\n}\n\nfunction getRoleSelectErrorMessage(error: unknown) {\n  if (!error) {\n    return null;\n  }\n  // TODO Handle server errors\n  return \"There was an error fetching roles. Please try again.\";\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (!error) {\n    return null;\n  }\n  // TODO Handle server errors\n  return \"There was an error updating the user role. Please try again.\";\n}\n"],"mappings":";AAgEI,SACe,KADf;AA3DJ,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAyB,gBAAgB;AACzC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B;AAAA,EAKE;AAAA,OACK;AASA,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,QAAM,sBAAsB,kBAAkB;AAAA,IAC5C,OAAO;AAAA,MACL,aAAa,EAAE,OAAO,CAAC,GAAG,sBAAsB,MAAM;AAAA,IACxD;AAAA,EACF,CAAC;AACD,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAa;AAAA,IACjB,OAAO,eAAe;AAAA,IACtB,WAAW,eAAe;AAAA,IAC1B,WAAW,eAAe;AAAA,EAC5B;AAEA,SACE,qBAAC,OAAO,MAAP,EAAa,GAAG,OACd;AAAA,gBAAY,oBAAC,OAAO,SAAP,EAAgB,UAAS;AAAA,IACtC,KAAK,uBACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,KAAK;AAAA,QACZ;AAAA,QACA,qBAAqB,MAAM,MAAM,aAAa,KAAK;AAAA;AAAA,IACrD,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,KAAK;AAAA,QACZ;AAAA,QACA,qBAAqB,MAAM,MAAM,aAAa,KAAK;AAAA;AAAA,IACrD;AAAA,KAEJ;AAEJ;AAaO,SAAS,gCAAgC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyC;AACvC,QAAM,cAAc,YAAY,IAAI,KAAK,KAAK;AAC9C,QAAM,aAAa,kBAAkB;AACrC,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,KAAK,OAAO,GAAG,CAAC,GAAG,QAAQ;AAAA,EAC7B;AAEA,QAAM,eAAe,CAAC,EAAE,IAAI,OAAAA,OAAM,MAAuC;AACvE,eAAW;AAAA,MACT,EAAE,QAAQ,IAAI,MAAM,EAAE,OAAAA,OAAM,EAAE;AAAA,MAC9B;AAAA,QACE,WAAW,MAAM;AACf,8BAAoB;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,MAAM,MAAM;AAC3B,QAAM,SAAS,kBAAkB,MAAM;AACvC,QAAM,WAAW,eAAe,MAAM;AACtC,QAAM,gBAAgB,GAAG,QAAQ;AACjC,QAAM,SAAS,GAAG,QAAQ;AAC1B,QAAM,UAAU,GAAG,QAAQ;AAC3B,QAAM,mBAAmB,CAAC,CAAC,WAAW;AACtC,QAAM,qBAAqB,WAAW,aAAa,MAAM,WAAW;AAEpE,SACE,qBAAC,iBAAc,UAAS,SACtB;AAAA,wBAAC,OAAO,OAAP,EAAa,uBAAS;AAAA,IACvB,qBAAC,OAAO,aAAP,EAAmB;AAAA;AAAA,MACW,oBAAC,QAAK,QAAO,QAAQ,uBAAY;AAAA,OAChE;AAAA,IACA,oBAAC,QAAK,IAAG,KAAI,WAAU,UAAS,KAAI,KAAI,SAAO,MAC7C;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,UAAU,OAAO,UAAU;AACzB,gBAAM,eAAe;AACrB,uBAAa,EAAE,IAAI,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;AAAA,QACrD;AAAA,QAEA;AAAA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,MAAK;AAAA,cACL,OAAO,gBAAgB;AAAA,cACvB,eAAe;AAAA,cACf,UAAU,WAAW,aAAa;AAAA,cAElC;AAAA,oCAAC,YAAS,SAAS,WAAW,WAC5B;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,mBAAiB;AAAA,oBACjB,gBAAc,oBAAoB;AAAA,oBAClC,oBACE,CAAC,oBAAoB,SAAS,sBAAsB,MAAM,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAAA;AAAA,gBAEpB,GACF;AAAA,gBAEA,oBAAC,iBACE,gBAAM,IAAI,CAAC,SACV,oBAAC,cAA2B,OAAO,KAAK,MACrC,eAAK,QADS,KAAK,IAEtB,CACD,GACH;AAAA;AAAA;AAAA,UACF;AAAA,UAEC,mBACC,oBAAC,QAAK,OAAM,OAAM,MAAK,KAAI,IAAI,SAC5B,oCAA0B,WAAW,KAAK,GAC7C,IACE;AAAA,UAEH,qBACC,oBAAC,QAAK,OAAM,QAAO,MAAK,KAAI,IAAI,QAAQ,IAAG,KAAI,2FAG/C,IACE;AAAA;AAAA;AAAA,IACN,GACF;AAAA,IAEC,WAAW,QACV,oBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,KAAI,IAAG,MAClC,8BAAC,QAAQ,MAAR,EACE,kCAAwB,WAAW,KAAK,GAC3C,GACF,IACE;AAAA,IAEJ,qBAAC,QAAK,IAAG,KAAI,KAAI,KAAI,SAAQ,OAC3B;AAAA,0BAAC,OAAO,OAAP,EACC,8BAAC,mBAAgB,UAAU,WAAW,WAAW,oBAEjD,GACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,WAAW;AAAA,UACpB,UAAU,WAAW,aAAa,sBAAsB;AAAA,UACzD;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IAEA,oBAAC,kBAAe,SAAO,MACrB,8BAAC,aAAQ,aAAU,UAChB,kCAAwB,WAAW,KAAK,GAC3C,GACF;AAAA,KACF;AAEJ;AAKA,SAAS,mCAAmC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,cAAc,YAAY,IAAI,KAAK,KAAK;AAC9C,QAAM,aAAa,kBAAkB;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,SAAS,CAAC,OAAO;AAC9B,eAAS,sDAAsD;AAAA,IACjE;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,KAAK,CAAC;AAE5B,QAAM,eAAe,CAAC,EAAE,IAAI,OAAAA,OAAM,MAAuC;AACvE,QAAIA,OAAM,WAAW,GAAG;AACtB,eAAS,iCAAiC;AAC1C;AAAA,IACF;AACA,eAAW;AAAA,MACT,EAAE,QAAQ,IAAI,MAAM,EAAE,OAAAA,OAAM,EAAE;AAAA,MAC9B;AAAA,QACE,WAAW,MAAM;AACf,8BAAoB;AAAA,QACtB;AAAA,QACA,SAAS,MAAM;AACb;AAAA,YACE;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,MAAM,MAAM;AAC3B,QAAM,SAAS,kBAAkB,MAAM;AACvC,QAAM,kBAAkB,uBAAuB,MAAM;AACrD,QAAM,SAAS,GAAG,eAAe;AACjC,QAAM,qBAAqB,WAAW,aAAa,MAAM,WAAW;AACpE,SACE,qBAAC,iBAAc,UAAS,SACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAI;AAAA,QACJ,WAAU;AAAA,QACV,WAAU;AAAA,QAEV;AAAA,8BAAC,OAAO,OAAP,EAAa,wBAAU;AAAA,UACxB,qBAAC,OAAO,aAAP,EAAmB;AAAA;AAAA,YACY,oBAAC,QAAK,QAAO,QAAQ,uBAAY;AAAA,aACjE;AAAA,UACA,oBAAC,QAAK,IAAG,KAAI,WAAU,UAAS,KAAI,KAAI,SAAO,MAAC,WAAU,KACxD;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,OAAO,EAAE,SAAS,QAAQ,SAAS,SAAS,UAAU,EAAE;AAAA,cAExD;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,UAAU,OAAO,UAAU;AACzB,0BAAM,eAAe;AACrB,0BAAM,WAAW,IAAI,SAAS,MAAM,aAAa;AACjD,0BAAM,gBAAgB,SACnB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC;AAChC,iCAAa,EAAE,IAAI,KAAK,IAAI,OAAO,cAAc,CAAC;AAAA,kBACpD;AAAA,kBAEA,8BAAC,cACC;AAAA,oBAAC,cAAc;AAAA,oBAAd;AAAA,sBACC,cAAc,KAAK,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,KAAK,CAAC;AAAA,sBACvD,MAAK;AAAA,sBACL,OAAO,EAAE,KAAK,IAAI;AAAA,sBAClB,IAAI;AAAA,sBACJ,eAAe,CAAC,WAAW;AACzB,4BAAI,SAAS,OAAO,SAAS,GAAG;AAC9B,mCAAS,EAAE;AAAA,wBACb;AAAA,sBACF;AAAA,sBAEC,gBAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,OACC;AAAA,4CAAC,QAAK,IAAG,KAAI,SAAQ,UAAS,IAAG,KAC/B;AAAA,0BAAC,cAAc;AAAA,0BAAd;AAAA,4BACC,OAAO,KAAK;AAAA,4BACZ,OAAO;AAAA,8BACL,OAAO;AAAA,8BACP,KAAK;AAAA,8BACL,YAAY;AAAA,4BACd;AAAA,4BACA,UAAU;AAAA,4BAEV,+BAAC,QAAK,WAAU,UAAS,OAAM,QAC7B;AAAA,kDAAC,QAAK,QAAO,QAAO,MAAK,KACtB,eAAK,MACR;AAAA,8BACA;AAAA,gCAAC;AAAA;AAAA,kCACC,OAAM;AAAA,kCACN,MAAK;AAAA,kCACL,OAAO;AAAA,oCACL,UAAU;AAAA,oCACV,cAAc;AAAA,oCACd,YAAY;AAAA,kCACd;AAAA,kCAEC,eAAK;AAAA;AAAA,8BACR;AAAA,+BACF;AAAA;AAAA,wBACF,GACF;AAAA,wBACC,MAAM,MAAM,SAAS,KACpB,oBAAC,aAAU,aAAY,cAAa,MAAK,KAAI;AAAA,2BA9BvC,KAAK,IAgCf,CACD;AAAA;AAAA,kBACH,GACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF,GACF;AAAA,UAEC,qBACC,oBAAC,QAAK,OAAM,QAAO,MAAK,KAAI,IAAI,QAAQ,IAAG,KAAI,2FAG/C,IACE;AAAA,UAEH,QACC,oBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,KAAI,IAAG,MAClC,8BAAC,QAAQ,MAAR,EAAc,iBAAM,GACvB,IACE;AAAA,UAEJ,qBAAC,QAAK,IAAG,KAAI,KAAI,KAAI,SAAQ,OAC3B;AAAA,gCAAC,OAAO,OAAP,EACC,8BAAC,mBAAgB,UAAU,WAAW,WAAW,oBAEjD,GACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,SAAS,WAAW;AAAA,gBACpB,UAAU,WAAW,aAAa,sBAAsB;AAAA,gBACzD;AAAA;AAAA,YAED;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,kBAAe,SAAO,MACrB,8BAAC,aAAQ,aAAU,UAChB,kCAAwB,WAAW,KAAK,GAC3C,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,0BAA0B,OAAgB;AACjD,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,SAAS,wBAAwB,OAAgB;AAC/C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":["roles"]}