@hed-hog/lms 0.0.327 → 0.0.329

package/hedhog/frontend/app/enterprise/_components/enterprise-user-create-sheet.tsx.ejs

@@ -1,207 +0,0 @@
-'use client';
-
-import { Button } from '@/components/ui/button';
-import {
-  Form,
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select';
-import {
-  Sheet,
-  SheetContent,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-} from '@/components/ui/sheet';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { Loader2 } from 'lucide-react';
-import { useEffect } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import type { EnterpriseUser, EnterpriseUserRole } from './enterprise-types';
-
-// ── Schema ─────────────────────────────────────────────────────────────────────
-
-const userCreateSchema = z.object({
-  name: z.string().trim().min(1, 'Name is required.'),
-  email: z
-    .string()
-    .trim()
-    .min(1, 'Email is required.')
-    .email('Enter a valid email address.'),
-  role: z.enum(['student', 'hr_manager', 'enterprise_admin', 'viewer']),
-});
-
-type UserCreateValues = z.infer<typeof userCreateSchema>;
-
-const DEFAULT_VALUES: UserCreateValues = {
-  name: '',
-  email: '',
-  role: 'student',
-};
-
-// ── Props ─────────────────────────────────────────────────────────────────────
-
-export interface EnterpriseUserCreateSheetProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onCreated?: (user: EnterpriseUser) => void;
-}
-
-// ── Component ─────────────────────────────────────────────────────────────────
-
-export function EnterpriseUserCreateSheet({
-  open,
-  onOpenChange,
-  onCreated,
-}: EnterpriseUserCreateSheetProps) {
-  const form = useForm<UserCreateValues>({
-    resolver: zodResolver(userCreateSchema),
-    defaultValues: DEFAULT_VALUES,
-  });
-
-  // Reset form whenever the sheet closes
-  useEffect(() => {
-    if (!open) {
-      form.reset(DEFAULT_VALUES);
-    }
-  }, [open, form]);
-
-  function handleOpenChange(nextOpen: boolean) {
-    if (!nextOpen) form.reset(DEFAULT_VALUES);
-    onOpenChange(nextOpen);
-  }
-
-  async function onSubmit(values: UserCreateValues) {
-    // Optimistic mock creation — replace with real API call when available
-    const newUser: EnterpriseUser = {
-      id: Date.now(),
-      userId: Date.now() + 1,
-      name: values.name,
-      email: values.email,
-      role: values.role as EnterpriseUserRole,
-      status: 'pending',
-      lastAccessAt: null,
-    };
-    onCreated?.(newUser);
-    handleOpenChange(false);
-  }
-
-  const saving = form.formState.isSubmitting;
-
-  return (
-    <Sheet open={open} onOpenChange={handleOpenChange}>
-      <SheetContent side="right" className="flex flex-col gap-0 sm:max-w-md">
-        <SheetHeader className="border-b px-6 py-4">
-          <SheetTitle>New user</SheetTitle>
-        </SheetHeader>
-
-        <Form {...form}>
-          <form
-            onSubmit={form.handleSubmit(onSubmit)}
-            className="flex flex-1 flex-col overflow-hidden"
-          >
-            <div className="flex-1 space-y-5 overflow-y-auto px-6 py-5">
-              {/* Name */}
-              <FormField
-                control={form.control}
-                name="name"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Full name</FormLabel>
-                    <FormControl>
-                      <Input placeholder="e.g. Ana Beatriz Souza" {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              {/* Email */}
-              <FormField
-                control={form.control}
-                name="email"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Email</FormLabel>
-                    <FormControl>
-                      <Input
-                        type="email"
-                        placeholder="user@company.com"
-                        {...field}
-                      />
-                    </FormControl>
-                    <FormDescription>
-                      An invite will be sent to this address.
-                    </FormDescription>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              {/* Role */}
-              <FormField
-                control={form.control}
-                name="role"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Role</FormLabel>
-                    <Select value={field.value} onValueChange={field.onChange}>
-                      <FormControl>
-                        <SelectTrigger className="w-full">
-                          <SelectValue placeholder="Select a role" />
-                        </SelectTrigger>
-                      </FormControl>
-                      <SelectContent>
-                        <SelectItem value="enterprise_admin">
-                          Admin — full account management
-                        </SelectItem>
-                        <SelectItem value="hr_manager">
-                          HR / Manager — manages learners and reports
-                        </SelectItem>
-                        <SelectItem value="student">
-                          Student — access to assigned courses
-                        </SelectItem>
-                        <SelectItem value="viewer">
-                          Viewer — read-only access
-                        </SelectItem>
-                      </SelectContent>
-                    </Select>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-            </div>
-
-            <SheetFooter className="border-t px-6 py-4">
-              <Button
-                type="button"
-                variant="outline"
-                onClick={() => handleOpenChange(false)}
-                disabled={saving}
-              >
-                Cancel
-              </Button>
-              <Button type="submit" disabled={saving}>
-                {saving && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-                Create user
-              </Button>
-            </SheetFooter>
-          </form>
-        </Form>
-      </SheetContent>
-    </Sheet>
-  );
-}