@vendure-platform/create 0.4.0 → 0.5.1

package/dist/assets/storefront/src/app/[locale]/account/company/roles/roles-client.tsx

@@ -1,15 +1,10 @@
 'use client';
 
-import {useTranslations} from 'next-intl';
-import {Alert, AlertDescription} from '@/components/ui/alert';
-import {Badge} from '@/components/ui/badge';
-import {
-    Accordion,
-    AccordionContent,
-    AccordionItem,
-    AccordionTrigger,
-} from '@/components/ui/accordion';
-import {Info, Shield} from 'lucide-react';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
+import { Alert, AlertDescription } from '@/components/ui/alert';
+import { Badge } from '@/components/ui/badge';
+import { Info, Shield } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 
 interface CompanyPermission {
     id: string;
@@ -29,21 +24,17 @@ interface RolesClientProps {
     roles: CompanyRole[];
 }
 
-export function RolesClient({roles}: RolesClientProps) {
+export function RolesClient({ roles }: RolesClientProps) {
     const t = useTranslations('Company.roles');
     return (
         <>
             <Alert>
                 <Info className="h-4 w-4" />
-                <AlertDescription>
-                    {t('managedByAdminNotice')}
-                </AlertDescription>
+                <AlertDescription>{t('managedByAdminNotice')}</AlertDescription>
             </Alert>
 
             {roles.length === 0 ? (
-                <div className="text-center py-12 text-muted-foreground">
-                    {t('noRoles')}
-                </div>
+                <div className="text-center py-12 text-muted-foreground">{t('noRoles')}</div>
             ) : (
                 <Accordion type="multiple" className="w-full">
                     {roles.map((role) => (
@@ -52,16 +43,12 @@ export function RolesClient({roles}: RolesClientProps) {
                                 <div className="flex items-center gap-2">
                                     <Shield className="h-4 w-4 text-muted-foreground" />
                                     <span>{role.name}</span>
-                                    {role.isDefault && (
-                                        <Badge variant="secondary">{t('defaultBadge')}</Badge>
-                                    )}
+                                    {role.isDefault && <Badge variant="secondary">{t('defaultBadge')}</Badge>}
                                 </div>
                             </AccordionTrigger>
                             <AccordionContent>
                                 {role.permissions.length === 0 ? (
-                                    <p className="text-muted-foreground text-sm">
-                                        {t('noPermissions')}
-                                    </p>
+                                    <p className="text-muted-foreground text-sm">{t('noPermissions')}</p>
                                 ) : (
                                     <div className="space-y-2">
                                         {role.permissions.map((permission) => (
@@ -70,9 +57,7 @@ export function RolesClient({roles}: RolesClientProps) {
                                                 className="flex items-start gap-3 rounded-md border p-3"
                                             >
                                                 <div>
-                                                    <p className="text-sm font-medium">
-                                                        {permission.name}
-                                                    </p>
+                                                    <p className="text-sm font-medium">{permission.name}</p>
                                                     {permission.description && (
                                                         <p className="text-sm text-muted-foreground">
                                                             {permission.description}

package/dist/assets/storefront/src/app/[locale]/account/company/tax-ids/actions.ts

@@ -1,12 +1,8 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
-import {
-    AddTaxIdMutation,
-    RemoveTaxIdMutation,
-    SetDefaultTaxIdMutation,
-} from '@/lib/vendure/mutations';
-import {revalidatePath} from 'next/cache';
+import { client } from '@/lib/vendure/api';
+import { AddTaxIdMutation, RemoveTaxIdMutation, SetDefaultTaxIdMutation } from '@/lib/vendure/mutations';
+import { revalidatePath } from 'next/cache';
 
 interface AddTaxIdInput {
     number: string;
@@ -15,7 +11,7 @@ interface AddTaxIdInput {
 }
 
 export async function addTaxIdAction(input: AddTaxIdInput) {
-    const [result, error] = await client.mutate(AddTaxIdMutation, {input});
+    const [result, error] = await client.mutate(AddTaxIdMutation, { input });
     if (error) throw error;
 
     if (!result.data.addTaxId) {
@@ -27,7 +23,7 @@ export async function addTaxIdAction(input: AddTaxIdInput) {
 }
 
 export async function removeTaxIdAction(id: string) {
-    const [result, error] = await client.mutate(RemoveTaxIdMutation, {id});
+    const [result, error] = await client.mutate(RemoveTaxIdMutation, { id });
     if (error) throw error;
 
     if (result.data.removeTaxId.result !== 'DELETED') {
@@ -39,7 +35,7 @@ export async function removeTaxIdAction(id: string) {
 }
 
 export async function setDefaultTaxIdAction(id: string) {
-    const [result, error] = await client.mutate(SetDefaultTaxIdMutation, {id});
+    const [result, error] = await client.mutate(SetDefaultTaxIdMutation, { id });
     if (error) throw error;
 
     if (!result.data.setDefaultTaxId) {

package/dist/assets/storefront/src/app/[locale]/account/company/tax-ids/page.tsx

@@ -1,12 +1,12 @@
-import type {Metadata} from 'next';
-import {Suspense} from 'react';
-import {redirect} from '@/i18n/navigation';
-import {readFragment} from '@/graphql';
-import {client} from '@/lib/vendure/api';
-import {getCompanyAccount} from '@/lib/vendure/actions';
-import {GetTaxIdsQuery} from '@/lib/vendure/queries';
-import {TaxIdFragment} from '@/lib/vendure/fragments';
-import {TaxIdsClient} from './tax-ids-client';
+import { readFragment } from '@/graphql';
+import { redirect } from '@/i18n/navigation';
+import { getCompanyAccount } from '@/lib/vendure/actions';
+import { client } from '@/lib/vendure/api';
+import { TaxIdFragment } from '@/lib/vendure/fragments';
+import { GetTaxIdsQuery } from '@/lib/vendure/queries';
+import type { Metadata } from 'next';
+import { Suspense } from 'react';
+import { TaxIdsClient } from './tax-ids-client';
 
 export const metadata: Metadata = {
     title: 'Tax IDs',
@@ -20,7 +20,7 @@ async function TaxIdsContent() {
         return;
     }
 
-    const {permissions} = companyAccount;
+    const { permissions } = companyAccount;
     if (!permissions.includes('ManageCompany')) {
         await redirect('/account');
     }
@@ -28,7 +28,7 @@ async function TaxIdsContent() {
     const [result, error] = await client.query(GetTaxIdsQuery, {});
     if (error) throw error;
 
-    const taxIds = (result.data.taxIds ?? []).map(t => readFragment(TaxIdFragment, t));
+    const taxIds = (result.data.taxIds ?? []).map((t) => readFragment(TaxIdFragment, t));
 
     return (
         <div className="space-y-6">
@@ -46,11 +46,13 @@ async function TaxIdsContent() {
 
 export default function TaxIdsPage() {
     return (
-        <Suspense fallback={
-            <div className="text-center py-12">
-                <p className="text-sm text-muted-foreground">Loading...</p>
-            </div>
-        }>
+        <Suspense
+            fallback={
+                <div className="text-center py-12">
+                    <p className="text-sm text-muted-foreground">Loading...</p>
+                </div>
+            }
+        >
             <TaxIdsContent />
         </Suspense>
     );

package/dist/assets/storefront/src/app/[locale]/account/company/tax-ids/tax-ids-client.tsx

@@ -1,31 +1,5 @@
 'use client';
 
-import {useState, useTransition} from 'react';
-import {useTranslations} from 'next-intl';
-import {useRouter} from '@/i18n/navigation';
-import {useForm} from 'react-hook-form';
-import {
-    MoreHorizontal,
-    Plus,
-    Star,
-    Trash2,
-    FileCheck2,
-    Clock,
-    AlertTriangle,
-    XCircle,
-    AlertCircle,
-} from 'lucide-react';
-import {Button} from '@/components/ui/button';
-import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
-import {Badge} from '@/components/ui/badge';
-import {
-    Dialog,
-    DialogContent,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-    DialogTrigger,
-} from '@/components/ui/dialog';
 import {
     AlertDialog,
     AlertDialogAction,
@@ -36,23 +10,43 @@ import {
     AlertDialogHeader,
     AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import {
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/ui/dialog';
 import {
     DropdownMenu,
     DropdownMenuContent,
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
-import {Input} from '@/components/ui/input';
-import {Label} from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { useRouter } from '@/i18n/navigation';
 import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger,
-    SelectValue,
-} from '@/components/ui/select';
+    AlertCircle,
+    AlertTriangle,
+    Clock,
+    FileCheck2,
+    MoreHorizontal,
+    Plus,
+    Star,
+    Trash2,
+    XCircle,
+} from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useState, useTransition } from 'react';
+import { useForm } from 'react-hook-form';
 
-import {addTaxIdAction, removeTaxIdAction, setDefaultTaxIdAction} from './actions';
+import { addTaxIdAction, removeTaxIdAction, setDefaultTaxIdAction } from './actions';
 
 interface TaxId {
     id: string;
@@ -70,11 +64,11 @@ interface TaxIdsClientProps {
 
 function getStatusConfig(t: ReturnType<typeof useTranslations<'TaxIds'>>) {
     return {
-        Pending: {label: t('statusPending'), variant: 'secondary' as const, icon: Clock},
-        Valid: {label: t('statusValid'), variant: 'default' as const, icon: FileCheck2},
-        Invalid: {label: t('statusInvalid'), variant: 'destructive' as const, icon: XCircle},
-        Expired: {label: t('statusExpired'), variant: 'outline' as const, icon: AlertTriangle},
-        Error: {label: t('statusError'), variant: 'destructive' as const, icon: AlertCircle},
+        Pending: { label: t('statusPending'), variant: 'secondary' as const, icon: Clock },
+        Valid: { label: t('statusValid'), variant: 'default' as const, icon: FileCheck2 },
+        Invalid: { label: t('statusInvalid'), variant: 'destructive' as const, icon: XCircle },
+        Expired: { label: t('statusExpired'), variant: 'outline' as const, icon: AlertTriangle },
+        Error: { label: t('statusError'), variant: 'destructive' as const, icon: AlertCircle },
     };
 }
 
@@ -83,16 +77,26 @@ function getTypeLabels(t: ReturnType<typeof useTranslations<'TaxIds'>>): Record<
         'eu-vat': t('typeEuVat'),
         'gb-vat': t('typeGbVat'),
         'ch-uid': t('typeChUid'),
-        'custom': t('typeCustom'),
+        custom: t('typeCustom'),
     };
 }
 
-function StatusBadge({status, statusConfig}: { status: string; statusConfig: ReturnType<typeof getStatusConfig> }) {
-    const config = statusConfig[status as keyof typeof statusConfig] ?? {label: status, variant: 'outline' as const, icon: AlertCircle};
+function StatusBadge({
+    status,
+    statusConfig,
+}: {
+    status: string;
+    statusConfig: ReturnType<typeof getStatusConfig>;
+}) {
+    const config = statusConfig[status as keyof typeof statusConfig] ?? {
+        label: status,
+        variant: 'outline' as const,
+        icon: AlertCircle,
+    };
     const Icon = config.icon;
     return (
         <Badge variant={config.variant} className="gap-1">
-            <Icon className="h-3 w-3"/>
+            <Icon className="h-3 w-3" />
             {config.label}
         </Badge>
     );
@@ -112,7 +116,7 @@ interface AddTaxIdFormValues {
     countryCode: string;
 }
 
-export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
+export function TaxIdsClient({ taxIds }: TaxIdsClientProps) {
     const t = useTranslations('TaxIds');
     const statusConfig = getStatusConfig(t);
     const typeLabels = getTypeLabels(t);
@@ -122,7 +126,7 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
     const [isPending, startTransition] = useTransition();
 
     const form = useForm<AddTaxIdFormValues>({
-        defaultValues: {number: '', type: 'eu-vat', countryCode: ''},
+        defaultValues: { number: '', type: 'eu-vat', countryCode: '' },
     });
 
     function handleAdd(values: AddTaxIdFormValues) {
@@ -132,7 +136,9 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                     ? extractCountryCode(values.number)
                     : values.countryCode.toUpperCase();
                 if (!countryCode) {
-                    alert('Could not determine country code. Make sure the number starts with a 2-letter country prefix (e.g. DE, FR, IE).');
+                    alert(
+                        'Could not determine country code. Make sure the number starts with a 2-letter country prefix (e.g. DE, FR, IE).',
+                    );
                     return;
                 }
                 await addTaxIdAction({
@@ -178,7 +184,7 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                 <Dialog open={addDialogOpen} onOpenChange={setAddDialogOpen}>
                     <DialogTrigger asChild>
                         <Button>
-                            <Plus className="h-4 w-4 mr-2"/>
+                            <Plus className="h-4 w-4 mr-2" />
                             {t('addButton')}
                         </Button>
                     </DialogTrigger>
@@ -193,17 +199,17 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                                     <Input
                                         id="number"
                                         placeholder={t('numberPlaceholder')}
-                                        {...form.register('number', {required: true})}
+                                        {...form.register('number', { required: true })}
                                     />
                                 </div>
                                 <div className="space-y-2">
                                     <Label htmlFor="type">{t('typeLabel')}</Label>
                                     <Select
                                         value={form.watch('type')}
-                                        onValueChange={v => form.setValue('type', v)}
+                                        onValueChange={(v) => form.setValue('type', v)}
                                     >
                                         <SelectTrigger>
-                                            <SelectValue/>
+                                            <SelectValue />
                                         </SelectTrigger>
                                         <SelectContent>
                                             <SelectItem value="eu-vat">{t('typeEuVat')}</SelectItem>
@@ -220,8 +226,8 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                                             id="countryCode"
                                             placeholder={t('countryCodePlaceholder')}
                                             maxLength={2}
-                                            {...form.register('countryCode', {maxLength: 2})}
-                                            onChange={e => {
+                                            {...form.register('countryCode', { maxLength: 2 })}
+                                            onChange={(e) => {
                                                 e.target.value = e.target.value.toUpperCase();
                                                 form.setValue('countryCode', e.target.value);
                                             }}
@@ -247,13 +253,11 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                 </Card>
             ) : (
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    {taxIds.map(taxId => (
+                    {taxIds.map((taxId) => (
                         <Card key={taxId.id}>
                             <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-2">
                                 <div>
-                                    <CardTitle className="text-lg font-mono">
-                                        {taxId.number}
-                                    </CardTitle>
+                                    <CardTitle className="text-lg font-mono">{taxId.number}</CardTitle>
                                     <p className="text-sm text-muted-foreground mt-1">
                                         {typeLabels[taxId.type] ?? taxId.type} · {taxId.countryCode}
                                     </p>
@@ -261,13 +265,13 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                                 <DropdownMenu>
                                     <DropdownMenuTrigger asChild>
                                         <Button variant="ghost" size="icon" className="h-8 w-8">
-                                            <MoreHorizontal className="h-4 w-4"/>
+                                            <MoreHorizontal className="h-4 w-4" />
                                         </Button>
                                     </DropdownMenuTrigger>
                                     <DropdownMenuContent align="end">
                                         {!taxId.isDefault && (
                                             <DropdownMenuItem onClick={() => handleSetDefault(taxId.id)}>
-                                                <Star className="h-4 w-4 mr-2"/>
+                                                <Star className="h-4 w-4 mr-2" />
                                                 {t('setDefaultMenuItem')}
                                             </DropdownMenuItem>
                                         )}
@@ -275,7 +279,7 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                                             className="text-destructive"
                                             onClick={() => setDeleteId(taxId.id)}
                                         >
-                                            <Trash2 className="h-4 w-4 mr-2"/>
+                                            <Trash2 className="h-4 w-4 mr-2" />
                                             {t('removeMenuItem')}
                                         </DropdownMenuItem>
                                     </DropdownMenuContent>
@@ -283,17 +287,22 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                             </CardHeader>
                             <CardContent>
                                 <div className="flex items-center gap-2">
-                                    <StatusBadge status={taxId.validationStatus} statusConfig={statusConfig}/>
+                                    <StatusBadge
+                                        status={taxId.validationStatus}
+                                        statusConfig={statusConfig}
+                                    />
                                     {taxId.isDefault && (
                                         <Badge variant="outline" className="gap-1">
-                                            <Star className="h-3 w-3"/>
+                                            <Star className="h-3 w-3" />
                                             {t('defaultBadge')}
                                         </Badge>
                                     )}
                                 </div>
                                 {taxId.validatedAt && (
                                     <p className="text-xs text-muted-foreground mt-2">
-                                        {t('validatedAt', {date: new Date(taxId.validatedAt).toLocaleDateString()})}
+                                        {t('validatedAt', {
+                                            date: new Date(taxId.validatedAt).toLocaleDateString(),
+                                        })}
                                     </p>
                                 )}
                             </CardContent>
@@ -302,13 +311,11 @@ export function TaxIdsClient({taxIds}: TaxIdsClientProps) {
                 </div>
             )}
 
-            <AlertDialog open={deleteId !== null} onOpenChange={open => !open && setDeleteId(null)}>
+            <AlertDialog open={deleteId !== null} onOpenChange={(open) => !open && setDeleteId(null)}>
                 <AlertDialogContent>
                     <AlertDialogHeader>
                         <AlertDialogTitle>{t('removeDialogTitle')}</AlertDialogTitle>
-                        <AlertDialogDescription>
-                            {t('removeDialogDescription')}
-                        </AlertDialogDescription>
+                        <AlertDialogDescription>{t('removeDialogDescription')}</AlertDialogDescription>
                     </AlertDialogHeader>
                     <AlertDialogFooter>
                         <AlertDialogCancel>{t('cancelButton')}</AlertDialogCancel>

package/dist/assets/storefront/src/app/[locale]/account/company/users/actions.ts

@@ -1,28 +1,25 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
+import { client } from '@/lib/vendure/api';
 import {
     InviteCompanyUserMutation,
-    UpdateCompanyUserMutation,
     RemoveCompanyUserMutation,
+    UpdateCompanyUserMutation,
 } from '@/lib/vendure/mutations';
-import {revalidatePath} from 'next/cache';
+import { revalidatePath } from 'next/cache';
 
 export async function inviteCompanyUserAction(data: {
     emailAddress: string;
     roleIds?: string[];
     businessUnitIds?: string[];
 }) {
-    const [result, error] = await client.mutate(
-        InviteCompanyUserMutation,
-        {
-            input: {
-                emailAddress: data.emailAddress,
-                roleIds: data.roleIds,
-                businessUnitIds: data.businessUnitIds,
-            },
+    const [result, error] = await client.mutate(InviteCompanyUserMutation, {
+        input: {
+            emailAddress: data.emailAddress,
+            roleIds: data.roleIds,
+            businessUnitIds: data.businessUnitIds,
         },
-    );
+    });
     if (error) throw error;
 
     if (!result.data.inviteCompanyUser) {
@@ -38,16 +35,13 @@ export async function updateCompanyUserAction(data: {
     roleIds?: string[];
     businessUnitIds?: string[];
 }) {
-    const [result, error] = await client.mutate(
-        UpdateCompanyUserMutation,
-        {
-            input: {
-                id: data.id,
-                roleIds: data.roleIds,
-                businessUnitIds: data.businessUnitIds,
-            },
+    const [result, error] = await client.mutate(UpdateCompanyUserMutation, {
+        input: {
+            id: data.id,
+            roleIds: data.roleIds,
+            businessUnitIds: data.businessUnitIds,
         },
-    );
+    });
     if (error) throw error;
 
     if (!result.data.updateCompanyUser) {
@@ -59,10 +53,7 @@ export async function updateCompanyUserAction(data: {
 }
 
 export async function removeCompanyUserAction(id: string) {
-    const [result, error] = await client.mutate(
-        RemoveCompanyUserMutation,
-        {id},
-    );
+    const [result, error] = await client.mutate(RemoveCompanyUserMutation, { id });
     if (error) throw error;
 
     if (result.data.removeCompanyUser.result !== 'DELETED') {

package/dist/assets/storefront/src/app/[locale]/account/company/users/edit-user-form.tsx

@@ -1,13 +1,13 @@
 'use client';
 
-import {Button} from '@/components/ui/button';
-import {Field, FieldLabel, FieldGroup} from '@/components/ui/field';
-import {Checkbox} from '@/components/ui/checkbox';
-import {Label} from '@/components/ui/label';
-import {Badge} from '@/components/ui/badge';
-import {useForm} from 'react-hook-form';
-import {Loader2} from 'lucide-react';
-import {useTranslations} from 'next-intl';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Field, FieldGroup, FieldLabel } from '@/components/ui/field';
+import { Label } from '@/components/ui/label';
+import { Loader2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useForm } from 'react-hook-form';
 
 interface EditUserFormData {
     roleIds: string[];
@@ -41,17 +41,24 @@ interface EditUserFormProps {
     user: CompanyUser;
     roles: CompanyRole[];
     businessUnits: CompanyBusinessUnit[];
-    onSubmit: (data: {id: string; roleIds: string[]; businessUnitIds: string[]}) => Promise<void>;
+    onSubmit: (data: { id: string; roleIds: string[]; businessUnitIds: string[] }) => Promise<void>;
     onCancel: () => void;
     isSubmitting: boolean;
 }
 
-export function EditUserForm({user, roles, businessUnits, onSubmit, onCancel, isSubmitting}: EditUserFormProps) {
+export function EditUserForm({
+    user,
+    roles,
+    businessUnits,
+    onSubmit,
+    onCancel,
+    isSubmitting,
+}: EditUserFormProps) {
     const t = useTranslations('Company.users.editForm');
-    const {handleSubmit, setValue, watch} = useForm<EditUserFormData>({
+    const { handleSubmit, setValue, watch } = useForm<EditUserFormData>({
         defaultValues: {
-            roleIds: user.companyRoles.map(r => r.id),
-            businessUnitIds: user.businessUnits.map(bu => bu.id),
+            roleIds: user.companyRoles.map((r) => r.id),
+            businessUnitIds: user.businessUnits.map((bu) => bu.id),
         },
     });
 
@@ -60,17 +67,13 @@ export function EditUserForm({user, roles, businessUnits, onSubmit, onCancel, is
 
     const toggleRole = (roleId: string) => {
         const current = selectedRoleIds || [];
-        const next = current.includes(roleId)
-            ? current.filter(id => id !== roleId)
-            : [...current, roleId];
+        const next = current.includes(roleId) ? current.filter((id) => id !== roleId) : [...current, roleId];
         setValue('roleIds', next);
     };
 
     const toggleBu = (buId: string) => {
         const current = selectedBuIds || [];
-        const next = current.includes(buId)
-            ? current.filter(id => id !== buId)
-            : [...current, buId];
+        const next = current.includes(buId) ? current.filter((id) => id !== buId) : [...current, buId];
         setValue('businessUnitIds', next);
     };
 
@@ -87,12 +90,11 @@ export function EditUserForm({user, roles, businessUnits, onSubmit, onCancel, is
             <FieldGroup className="my-6">
                 <div className="space-y-2 rounded-md border p-4 bg-muted/50">
                     <div className="text-sm">
-                        <span className="font-medium">{t('nameLabel')}</span>{' '}
-                        {user.customer.firstName} {user.customer.lastName}
+                        <span className="font-medium">{t('nameLabel')}</span> {user.customer.firstName}{' '}
+                        {user.customer.lastName}
                     </div>
                     <div className="text-sm">
-                        <span className="font-medium">{t('emailLabel')}</span>{' '}
-                        {user.customer.emailAddress}
+                        <span className="font-medium">{t('emailLabel')}</span> {user.customer.emailAddress}
                     </div>
                     <div className="text-sm flex items-center gap-2">
                         <span className="font-medium">{t('statusLabel')}</span>{' '}
@@ -104,7 +106,7 @@ export function EditUserForm({user, roles, businessUnits, onSubmit, onCancel, is
                     <Field>
                         <FieldLabel>{t('rolesLabel')}</FieldLabel>
                         <div className="space-y-2 mt-1">
-                            {roles.map(role => (
+                            {roles.map((role) => (
                                 <div key={role.id} className="flex items-center gap-2">
                                     <Checkbox
                                         id={`edit-role-${role.id}`}
@@ -125,7 +127,7 @@ export function EditUserForm({user, roles, businessUnits, onSubmit, onCancel, is
                     <Field>
                         <FieldLabel>{t('businessUnitsLabel')}</FieldLabel>
                         <div className="space-y-2 mt-1">
-                            {businessUnits.map(bu => (
+                            {businessUnits.map((bu) => (
                                 <div key={bu.id} className="flex items-center gap-2">
                                     <Checkbox
                                         id={`edit-bu-${bu.id}`}