@baseplate-dev/plugin-auth 0.1.3 → 0.6.3

package/dist/local-auth/admin/generators/admin-crud-manage-roles-action/templates/routes/-components/role-manager-dialog.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { graphql, readFragment } from '%graphqlImports';
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, MultiComboboxFieldController, } from '%reactComponentsImports';
+import { useMutation } from '@apollo/client/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+const roleFormSchema = z.object({
+    roles: z.array(z.string()),
+});
+// Define available roles (excluding built-in roles)
+const AVAILABLE_ROLES = TPL_AVAILABLE_ROLES;
+export const roleManagerDialogUserFragment = graphql(`
+  fragment RoleManagerDialog_user on User {
+    id
+    name
+    email
+    roles {
+      role
+    }
+  }
+`);
+const updateUserRolesMutation = graphql(`
+  mutation UpdateUserRoles($input: UpdateUserRolesInput!) {
+    updateUserRoles(input: $input) {
+      user {
+        ...RoleManagerDialog_user
+      }
+    }
+  }
+`);
+/**
+ * Dialog for managing user roles.
+ * Allows admins to assign or remove roles from users.
+ * Self-contained component that handles its own mutation logic.
+ *
+ * @param props - The component props
+ * @param props.user - The user whose roles are being managed
+ * @param props.open - Whether the dialog is open
+ * @param props.onOpenChange - Callback when dialog open state changes
+ * @returns The role manager dialog component
+ */
+export function RoleManagerDialog({ user, open, onOpenChange, }) {
+    const [isSaving, setIsSaving] = useState(false);
+    // Unmask the fragment data
+    const userData = readFragment(roleManagerDialogUserFragment, user);
+    const [updateUserRoles] = useMutation(updateUserRolesMutation);
+    const form = useForm({
+        resolver: zodResolver(roleFormSchema),
+        defaultValues: {
+            roles: userData.roles.map((r) => r.role),
+        },
+    });
+    const handleSubmit = async (data) => {
+        setIsSaving(true);
+        try {
+            await updateUserRoles({
+                variables: {
+                    input: { userId: userData.id, roles: data.roles },
+                },
+            });
+            toast.success('Roles updated successfully');
+            onOpenChange(false);
+        }
+        catch {
+            toast.error('Failed to update roles');
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Manage Roles" }), _jsxs(DialogDescription, { children: ["Assign roles to ", userData.name ?? userData.email] })] }), _jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), children: [_jsx("div", { className: "py-4", children: _jsx(MultiComboboxFieldController, { control: form.control, name: "roles", label: "User Roles", description: "Select one or more roles for this user. Built-in roles like 'user' and 'public' are automatically assigned.", placeholder: "Search and select roles...", options: AVAILABLE_ROLES, getOptionLabel: (option) => option.label, getOptionValue: (option) => option.value, renderItemLabel: (option) => (_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { children: option.label }), _jsx("span", { className: "text-xs text-muted-foreground", children: option.description })] })), noResultsText: "No roles found" }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                        onOpenChange(false);
+                                    }, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: isSaving, children: "Save Roles" })] })] })] }) }));
+}
+//# sourceMappingURL=role-manager-dialog.js.map

package/dist/local-auth/admin/generators/admin-crud-manage-roles-action/templates/routes/-components/role-manager-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-manager-dialog.js","sourceRoot":"","sources":["../../../../../../../../src/local-auth/admin/generators/admin-crud-manage-roles-action/templates/routes/-components/role-manager-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/local-auth/admin/generators/admin-crud-manage-roles-action/templates/routes/-components/role-manager-dialog.tsx

@@ -0,0 +1,164 @@
+// @ts-nocheck
+
+import type { FragmentType } from '%graphqlImports';
+import type { ReactElement } from 'react';
+
+import { graphql, readFragment } from '%graphqlImports';
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  MultiComboboxFieldController,
+} from '%reactComponentsImports';
+import { useMutation } from '@apollo/client/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+
+const roleFormSchema = z.object({
+  roles: z.array(z.string()),
+});
+
+type RoleFormData = z.infer<typeof roleFormSchema>;
+
+interface RoleOption {
+  value: string;
+  label: string;
+  description: string;
+}
+
+// Define available roles (excluding built-in roles)
+const AVAILABLE_ROLES: RoleOption[] = TPL_AVAILABLE_ROLES;
+
+export const roleManagerDialogUserFragment = graphql(`
+  fragment RoleManagerDialog_user on User {
+    id
+    name
+    email
+    roles {
+      role
+    }
+  }
+`);
+
+const updateUserRolesMutation = graphql(`
+  mutation UpdateUserRoles($input: UpdateUserRolesInput!) {
+    updateUserRoles(input: $input) {
+      user {
+        ...RoleManagerDialog_user
+      }
+    }
+  }
+`);
+
+interface RoleManagerDialogProps {
+  user: FragmentType<typeof roleManagerDialogUserFragment>;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+/**
+ * Dialog for managing user roles.
+ * Allows admins to assign or remove roles from users.
+ * Self-contained component that handles its own mutation logic.
+ *
+ * @param props - The component props
+ * @param props.user - The user whose roles are being managed
+ * @param props.open - Whether the dialog is open
+ * @param props.onOpenChange - Callback when dialog open state changes
+ * @returns The role manager dialog component
+ */
+export function RoleManagerDialog({
+  user,
+  open,
+  onOpenChange,
+}: RoleManagerDialogProps): ReactElement {
+  const [isSaving, setIsSaving] = useState(false);
+
+  // Unmask the fragment data
+  const userData = readFragment(roleManagerDialogUserFragment, user);
+
+  const [updateUserRoles] = useMutation(updateUserRolesMutation);
+
+  const form = useForm<RoleFormData>({
+    resolver: zodResolver(roleFormSchema),
+    defaultValues: {
+      roles: userData.roles.map((r: { role: string }) => r.role),
+    },
+  });
+
+  const handleSubmit = async (data: RoleFormData): Promise<void> => {
+    setIsSaving(true);
+    try {
+      await updateUserRoles({
+        variables: {
+          input: { userId: userData.id, roles: data.roles },
+        },
+      });
+      toast.success('Roles updated successfully');
+      onOpenChange(false);
+    } catch {
+      toast.error('Failed to update roles');
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[500px]">
+        <DialogHeader>
+          <DialogTitle>Manage Roles</DialogTitle>
+          <DialogDescription>
+            Assign roles to {userData.name ?? userData.email}
+          </DialogDescription>
+        </DialogHeader>
+
+        <form onSubmit={form.handleSubmit(handleSubmit)}>
+          <div className="py-4">
+            <MultiComboboxFieldController
+              control={form.control}
+              name="roles"
+              label="User Roles"
+              description="Select one or more roles for this user. Built-in roles like 'user' and 'public' are automatically assigned."
+              placeholder="Search and select roles..."
+              options={AVAILABLE_ROLES}
+              getOptionLabel={(option) => option.label}
+              getOptionValue={(option) => option.value}
+              renderItemLabel={(option) => (
+                <div className="flex flex-col">
+                  <span>{option.label}</span>
+                  <span className="text-xs text-muted-foreground">
+                    {option.description}
+                  </span>
+                </div>
+              )}
+              noResultsText="No roles found"
+            />
+          </div>
+
+          <DialogFooter>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => {
+                onOpenChange(false);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button type="submit" disabled={isSaving}>
+              Save Roles
+            </Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}