@vendure-platform/create 0.5.0 → 1.0.0-major.202609091053.0.0

package/dist/assets/storefront/src/app/[locale]/account/company/addresses/address-form.tsx

@@ -1,20 +1,14 @@
 'use client';
 
-import {Button} from '@/components/ui/button';
-import {Input} from '@/components/ui/input';
-import {Field, FieldLabel, FieldError, FieldGroup} from '@/components/ui/field';
-import {Checkbox} from '@/components/ui/checkbox';
-import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger,
-    SelectValue,
-} from '@/components/ui/select';
-import {useForm, Controller} from 'react-hook-form';
-import {Loader2} from 'lucide-react';
-import {CountrySelect} from '@/components/shared/country-select';
-import {useTranslations} from 'next-intl';
+import { CountrySelect } from '@/components/shared/country-select';
+import { Button } from '@/components/ui/button';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Field, FieldError, FieldGroup, FieldLabel } from '@/components/ui/field';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Loader2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { Controller, useForm } from 'react-hook-form';
 
 interface Country {
     id: string;
@@ -49,43 +43,57 @@ interface CompanyAddress {
     city?: string | null;
     province?: string | null;
     postalCode?: string | null;
-    country: {id: string; code: string; name: string};
+    country: { id: string; code: string; name: string };
     phoneNumber?: string | null;
     defaultShippingAddress: boolean;
     defaultBillingAddress: boolean;
-    businessUnit?: {id: string; name: string} | null;
+    businessUnit?: { id: string; name: string } | null;
 }
 
 interface AddressFormProps {
     countries: Country[];
     businessUnits: BusinessUnit[];
     address?: CompanyAddress;
-    onSubmit: (data: CompanyAddressFormData & {id?: string}) => Promise<void>;
+    onSubmit: (data: CompanyAddressFormData & { id?: string }) => Promise<void>;
     onCancel: () => void;
     isSubmitting: boolean;
 }
 
-export function AddressForm({countries, businessUnits, address, onSubmit, onCancel, isSubmitting}: AddressFormProps) {
+export function AddressForm({
+    countries,
+    businessUnits,
+    address,
+    onSubmit,
+    onCancel,
+    isSubmitting,
+}: AddressFormProps) {
     const t = useTranslations('Company.addresses.form');
-    const {register, handleSubmit, formState: {errors}, control} = useForm<CompanyAddressFormData>({
-        defaultValues: address ? {
-            fullName: address.fullName || '',
-            streetLine1: address.streetLine1,
-            streetLine2: address.streetLine2 || '',
-            city: address.city || '',
-            province: address.province || '',
-            postalCode: address.postalCode || '',
-            countryCode: address.country.code,
-            phoneNumber: address.phoneNumber || '',
-            defaultShippingAddress: address.defaultShippingAddress,
-            defaultBillingAddress: address.defaultBillingAddress,
-            businessUnitId: address.businessUnit?.id || '',
-        } : {
-            countryCode: countries[0]?.code || 'US',
-            defaultShippingAddress: false,
-            defaultBillingAddress: false,
-            businessUnitId: '',
-        },
+    const {
+        register,
+        handleSubmit,
+        formState: { errors },
+        control,
+    } = useForm<CompanyAddressFormData>({
+        defaultValues: address
+            ? {
+                  fullName: address.fullName || '',
+                  streetLine1: address.streetLine1,
+                  streetLine2: address.streetLine2 || '',
+                  city: address.city || '',
+                  province: address.province || '',
+                  postalCode: address.postalCode || '',
+                  countryCode: address.country.code,
+                  phoneNumber: address.phoneNumber || '',
+                  defaultShippingAddress: address.defaultShippingAddress,
+                  defaultBillingAddress: address.defaultBillingAddress,
+                  businessUnitId: address.businessUnit?.id || '',
+              }
+            : {
+                  countryCode: countries[0]?.code || 'US',
+                  defaultShippingAddress: false,
+                  defaultBillingAddress: false,
+                  businessUnitId: '',
+              },
     });
 
     const handleFormSubmit = async (data: CompanyAddressFormData) => {
@@ -93,7 +101,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
             ...data,
             businessUnitId: data.businessUnitId || undefined,
         };
-        await onSubmit(address ? {...submitData, id: address.id} : submitData);
+        await onSubmit(address ? { ...submitData, id: address.id } : submitData);
     };
 
     return (
@@ -104,7 +112,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                         <FieldLabel htmlFor="fullName">{t('fullNameLabel')}</FieldLabel>
                         <Input
                             id="fullName"
-                            {...register('fullName', {required: t('fullNameRequired')})}
+                            {...register('fullName', { required: t('fullNameRequired') })}
                             disabled={isSubmitting}
                         />
                         <FieldError>{errors.fullName?.message}</FieldError>
@@ -114,7 +122,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                         <FieldLabel htmlFor="streetLine1">{t('streetLine1Label')}</FieldLabel>
                         <Input
                             id="streetLine1"
-                            {...register('streetLine1', {required: t('streetLine1Required')})}
+                            {...register('streetLine1', { required: t('streetLine1Required') })}
                             disabled={isSubmitting}
                         />
                         <FieldError>{errors.streetLine1?.message}</FieldError>
@@ -129,7 +137,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                         <FieldLabel htmlFor="city">{t('cityLabel')}</FieldLabel>
                         <Input
                             id="city"
-                            {...register('city', {required: t('cityRequired')})}
+                            {...register('city', { required: t('cityRequired') })}
                             disabled={isSubmitting}
                         />
                         <FieldError>{errors.city?.message}</FieldError>
@@ -139,7 +147,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                         <FieldLabel htmlFor="province">{t('provinceLabel')}</FieldLabel>
                         <Input
                             id="province"
-                            {...register('province', {required: t('provinceRequired')})}
+                            {...register('province', { required: t('provinceRequired') })}
                             disabled={isSubmitting}
                         />
                         <FieldError>{errors.province?.message}</FieldError>
@@ -149,7 +157,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                         <FieldLabel htmlFor="postalCode">{t('postalCodeLabel')}</FieldLabel>
                         <Input
                             id="postalCode"
-                            {...register('postalCode', {required: t('postalCodeRequired')})}
+                            {...register('postalCode', { required: t('postalCodeRequired') })}
                             disabled={isSubmitting}
                         />
                         <FieldError>{errors.postalCode?.message}</FieldError>
@@ -160,8 +168,8 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                         <Controller
                             name="countryCode"
                             control={control}
-                            rules={{required: t('countryRequired')}}
-                            render={({field}) => (
+                            rules={{ required: t('countryRequired') }}
+                            render={({ field }) => (
                                 <CountrySelect
                                     countries={countries}
                                     value={field.value}
@@ -189,7 +197,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                             <Controller
                                 name="businessUnitId"
                                 control={control}
-                                render={({field}) => (
+                                render={({ field }) => (
                                     <Select
                                         value={field.value}
                                         onValueChange={field.onChange}
@@ -216,7 +224,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                             <Controller
                                 name="defaultShippingAddress"
                                 control={control}
-                                render={({field}) => (
+                                render={({ field }) => (
                                     <Checkbox
                                         id="defaultShippingAddress"
                                         checked={field.value}
@@ -236,7 +244,7 @@ export function AddressForm({countries, businessUnits, address, onSubmit, onCanc
                             <Controller
                                 name="defaultBillingAddress"
                                 control={control}
-                                render={({field}) => (
+                                render={({ field }) => (
                                     <Checkbox
                                         id="defaultBillingAddress"
                                         checked={field.value}

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

@@ -1,10 +1,5 @@
 'use client';
 
-import {useState} from 'react';
-import {useTranslations} from 'next-intl';
-import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
-import {Button} from '@/components/ui/button';
-import {Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle} from '@/components/ui/dialog';
 import {
     AlertDialog,
     AlertDialogAction,
@@ -15,7 +10,10 @@ import {
     AlertDialogHeader,
     AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
-import {Badge} from '@/components/ui/badge';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -23,10 +21,16 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
-import {Plus, MoreVertical, Edit2, Trash2} from 'lucide-react';
-import {AddressForm} from './address-form';
-import {createCompanyAddressAction, updateCompanyAddressAction, deleteCompanyAddressAction} from './actions';
-import {useRouter} from '@/i18n/navigation';
+import { useRouter } from '@/i18n/navigation';
+import { Edit2, MoreVertical, Plus, Trash2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+import {
+    createCompanyAddressAction,
+    deleteCompanyAddressAction,
+    updateCompanyAddressAction,
+} from './actions';
+import { AddressForm } from './address-form';
 
 interface Country {
     id: string;
@@ -47,11 +51,11 @@ interface CompanyAddress {
     city?: string | null;
     province?: string | null;
     postalCode?: string | null;
-    country: {id: string; code: string; name: string};
+    country: { id: string; code: string; name: string };
     phoneNumber?: string | null;
     defaultShippingAddress: boolean;
     defaultBillingAddress: boolean;
-    businessUnit?: {id: string; name: string} | null;
+    businessUnit?: { id: string; name: string } | null;
 }
 
 interface AddressesClientProps {
@@ -60,7 +64,7 @@ interface AddressesClientProps {
     businessUnits: BusinessUnit[];
 }
 
-export function AddressesClient({addresses, countries, businessUnits}: AddressesClientProps) {
+export function AddressesClient({ addresses, countries, businessUnits }: AddressesClientProps) {
     const t = useTranslations('Company.addresses');
     const router = useRouter();
     const [dialogOpen, setDialogOpen] = useState(false);
@@ -163,11 +167,7 @@ export function AddressesClient({addresses, countries, businessUnits}: Addresses
                                     </div>
                                     <DropdownMenu>
                                         <DropdownMenuTrigger asChild>
-                                            <Button
-                                                variant="ghost"
-                                                size="icon"
-                                                aria-label="Address actions"
-                                            >
+                                            <Button variant="ghost" size="icon" aria-label="Address actions">
                                                 <MoreVertical className="h-4 w-4" />
                                             </Button>
                                         </DropdownMenuTrigger>
@@ -211,11 +211,11 @@ export function AddressesClient({addresses, countries, businessUnits}: Addresses
             <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
                 <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
                     <DialogHeader>
-                        <DialogTitle>{editingAddress ? t('editDialogTitle') : t('addDialogTitle')}</DialogTitle>
+                        <DialogTitle>
+                            {editingAddress ? t('editDialogTitle') : t('addDialogTitle')}
+                        </DialogTitle>
                         <DialogDescription>
-                            {editingAddress
-                                ? t('editDialogDescription')
-                                : t('addDialogDescription')}
+                            {editingAddress ? t('editDialogDescription') : t('addDialogDescription')}
                         </DialogDescription>
                     </DialogHeader>
                     <AddressForm
@@ -236,9 +236,7 @@ export function AddressesClient({addresses, countries, businessUnits}: Addresses
                 <AlertDialogContent>
                     <AlertDialogHeader>
                         <AlertDialogTitle>{t('deleteDialogTitle')}</AlertDialogTitle>
-                        <AlertDialogDescription>
-                            {t('deleteDialogDescription')}
-                        </AlertDialogDescription>
+                        <AlertDialogDescription>{t('deleteDialogDescription')}</AlertDialogDescription>
                     </AlertDialogHeader>
                     <AlertDialogFooter>
                         <AlertDialogCancel disabled={isDeleting}>{t('cancelButton')}</AlertDialogCancel>

package/dist/assets/storefront/src/app/[locale]/account/company/addresses/page.tsx

@@ -1,21 +1,21 @@
-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 {GetCompanyAddressesQuery, GetCompanyBusinessUnitsQuery} from '@/lib/vendure/queries';
-import {CompanyAddressFragment, CompanyBusinessUnitFragment} from '@/lib/vendure/fragments';
-import {getAvailableCountriesCached} from '@/lib/vendure/cached';
-import {setRequestLocale, getTranslations} from 'next-intl/server';
-import {AddressesClient} from './addresses-client';
+import { readFragment } from '@/graphql';
+import { redirect } from '@/i18n/navigation';
+import { getCompanyAccount } from '@/lib/vendure/actions';
+import { client } from '@/lib/vendure/api';
+import { getAvailableCountriesCached } from '@/lib/vendure/cached';
+import { CompanyAddressFragment, CompanyBusinessUnitFragment } from '@/lib/vendure/fragments';
+import { GetCompanyAddressesQuery, GetCompanyBusinessUnitsQuery } from '@/lib/vendure/queries';
+import type { Metadata } from 'next';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
+import { Suspense } from 'react';
+import { AddressesClient } from './addresses-client';
 
 export const metadata: Metadata = {
     title: 'Company Addresses',
 };
 
-async function CompanyAddressesContent({params}: {params: Promise<{locale: string}>}) {
-    const {locale} = await params;
+async function CompanyAddressesContent({ params }: { params: Promise<{ locale: string }> }) {
+    const { locale } = await params;
     setRequestLocale(locale);
     const companyAccount = await getCompanyAccount();
 
@@ -24,7 +24,7 @@ async function CompanyAddressesContent({params}: {params: Promise<{locale: strin
         return;
     }
 
-    const {permissions} = companyAccount;
+    const { permissions } = companyAccount;
     if (!permissions.includes('ManageAddresses')) {
         await redirect('/account/orders');
     }
@@ -39,8 +39,12 @@ async function CompanyAddressesContent({params}: {params: Promise<{locale: strin
     const [businessUnitsResult, businessUnitsError] = businessUnitsRes;
     if (businessUnitsError) throw businessUnitsError;
 
-    const addresses = (addressesResult.data.companyAddresses ?? []).map(a => readFragment(CompanyAddressFragment, a));
-    const businessUnits = (businessUnitsResult.data.companyBusinessUnits ?? []).map(bu => readFragment(CompanyBusinessUnitFragment, bu));
+    const addresses = (addressesResult.data.companyAddresses ?? []).map((a) =>
+        readFragment(CompanyAddressFragment, a),
+    );
+    const businessUnits = (businessUnitsResult.data.companyBusinessUnits ?? []).map((bu) =>
+        readFragment(CompanyBusinessUnitFragment, bu),
+    );
 
     const t = await getTranslations('Company.addresses');
 
@@ -48,27 +52,23 @@ async function CompanyAddressesContent({params}: {params: Promise<{locale: strin
         <div className="space-y-6">
             <div>
                 <h1 className="text-3xl font-bold">{t('pageTitle')}</h1>
-                <p className="text-muted-foreground mt-2">
-                    {t('pageDescription')}
-                </p>
+                <p className="text-muted-foreground mt-2">{t('pageDescription')}</p>
             </div>
 
-            <AddressesClient
-                addresses={addresses}
-                countries={countries}
-                businessUnits={businessUnits}
-            />
+            <AddressesClient addresses={addresses} countries={countries} businessUnits={businessUnits} />
         </div>
     );
 }
 
-export default function CompanyAddressesPage({params}: {params: Promise<{locale: string}>}) {
+export default function CompanyAddressesPage({ params }: { params: Promise<{ locale: string }> }) {
     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>
+            }
+        >
             <CompanyAddressesContent params={params} />
         </Suspense>
     );

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

@@ -1,26 +1,23 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
+import { client } from '@/lib/vendure/api';
 import {
     CreateCompanyBusinessUnitMutation,
-    UpdateCompanyBusinessUnitMutation,
     DeleteCompanyBusinessUnitMutation,
+    UpdateCompanyBusinessUnitMutation,
 } from '@/lib/vendure/mutations';
-import {revalidatePath} from 'next/cache';
-import type {CreateBUInput, UpdateBUInput} from './types';
+import { revalidatePath } from 'next/cache';
+import type { CreateBUInput, UpdateBUInput } from './types';
 
 export async function createBusinessUnitAction(data: CreateBUInput) {
-    const [result, error] = await client.mutate(
-        CreateCompanyBusinessUnitMutation,
-        {
-            input: {
-                name: data.name,
-                email: data.email,
-                phone: data.phone,
-                parentId: data.parentId,
-            },
+    const [result, error] = await client.mutate(CreateCompanyBusinessUnitMutation, {
+        input: {
+            name: data.name,
+            email: data.email,
+            phone: data.phone,
+            parentId: data.parentId,
         },
-    );
+    });
     if (error) throw error;
 
     if (!result.data.createCompanyBusinessUnit) {
@@ -32,18 +29,15 @@ export async function createBusinessUnitAction(data: CreateBUInput) {
 }
 
 export async function updateBusinessUnitAction(data: UpdateBUInput) {
-    const [result, error] = await client.mutate(
-        UpdateCompanyBusinessUnitMutation,
-        {
-            input: {
-                id: data.id,
-                name: data.name,
-                email: data.email,
-                phone: data.phone,
-                parentId: data.parentId,
-            },
+    const [result, error] = await client.mutate(UpdateCompanyBusinessUnitMutation, {
+        input: {
+            id: data.id,
+            name: data.name,
+            email: data.email,
+            phone: data.phone,
+            parentId: data.parentId,
         },
-    );
+    });
     if (error) throw error;
 
     if (!result.data.updateCompanyBusinessUnit) {
@@ -55,10 +49,7 @@ export async function updateBusinessUnitAction(data: UpdateBUInput) {
 }
 
 export async function deleteBusinessUnitAction(id: string) {
-    const [result, error] = await client.mutate(
-        DeleteCompanyBusinessUnitMutation,
-        {id},
-    );
+    const [result, error] = await client.mutate(DeleteCompanyBusinessUnitMutation, { id });
     if (error) throw error;
 
     if (result.data.deleteCompanyBusinessUnit.result !== 'DELETED') {

package/dist/assets/storefront/src/app/[locale]/account/company/business-units/business-unit-form.tsx

@@ -1,19 +1,13 @@
 'use client';
 
-import {Button} from '@/components/ui/button';
-import {Input} from '@/components/ui/input';
-import {Field, FieldLabel, FieldError, FieldGroup} from '@/components/ui/field';
-import {
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger,
-    SelectValue,
-} from '@/components/ui/select';
-import {useForm, Controller} from 'react-hook-form';
-import {Loader2} from 'lucide-react';
-import type {CompanyBusinessUnit, BUFormSubmitData} from './types';
-import {useTranslations} from 'next-intl';
+import { Button } from '@/components/ui/button';
+import { Field, FieldError, FieldGroup, FieldLabel } from '@/components/ui/field';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Loader2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { Controller, useForm } from 'react-hook-form';
+import type { BUFormSubmitData, CompanyBusinessUnit } from './types';
 
 interface BusinessUnitFormData {
     name: string;
@@ -34,7 +28,7 @@ function getDepth(buId: string, allBus: CompanyBusinessUnit[]): number {
     let depth = 0;
     let currentId = buId;
     while (true) {
-        const bu = allBus.find(b => b.id === currentId);
+        const bu = allBus.find((b) => b.id === currentId);
         if (!bu?.parent) break;
         depth++;
         currentId = bu.parent.id;
@@ -43,15 +37,26 @@ function getDepth(buId: string, allBus: CompanyBusinessUnit[]): number {
 }
 
 function isDescendant(ancestorId: string, targetId: string, allBus: CompanyBusinessUnit[]): boolean {
-    const bu = allBus.find(b => b.id === targetId);
+    const bu = allBus.find((b) => b.id === targetId);
     if (!bu) return false;
-    if (bu.children?.some(c => c.id === ancestorId)) return true;
-    return bu.children?.some(c => isDescendant(ancestorId, c.id, allBus)) ?? false;
+    if (bu.children?.some((c) => c.id === ancestorId)) return true;
+    return bu.children?.some((c) => isDescendant(ancestorId, c.id, allBus)) ?? false;
 }
 
-export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCancel, isSubmitting}: BusinessUnitFormProps) {
+export function BusinessUnitForm({
+    businessUnit,
+    allBusinessUnits,
+    onSubmit,
+    onCancel,
+    isSubmitting,
+}: BusinessUnitFormProps) {
     const t = useTranslations('Company.businessUnits.form');
-    const {register, handleSubmit, formState: {errors}, control} = useForm<BusinessUnitFormData>({
+    const {
+        register,
+        handleSubmit,
+        formState: { errors },
+        control,
+    } = useForm<BusinessUnitFormData>({
         defaultValues: {
             name: businessUnit?.name || '',
             email: businessUnit?.email || '',
@@ -60,7 +65,7 @@ export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCa
         },
     });
 
-    const availableParents = allBusinessUnits.filter(bu => {
+    const availableParents = allBusinessUnits.filter((bu) => {
         if (businessUnit && bu.id === businessUnit.id) return false;
         if (businessUnit && isDescendant(bu.id, businessUnit.id, allBusinessUnits)) return false;
         const parentDepth = getDepth(bu.id, allBusinessUnits);
@@ -70,7 +75,7 @@ export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCa
 
     const handleFormSubmit = async (data: BusinessUnitFormData) => {
         await onSubmit({
-            ...(businessUnit && {id: businessUnit.id}),
+            ...(businessUnit && { id: businessUnit.id }),
             name: data.name,
             email: data.email || undefined,
             phone: data.phone || undefined,
@@ -85,7 +90,7 @@ export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCa
                     <FieldLabel htmlFor="name">{t('nameLabel')}</FieldLabel>
                     <Input
                         id="name"
-                        {...register('name', {required: t('nameRequired')})}
+                        {...register('name', { required: t('nameRequired') })}
                         disabled={isSubmitting}
                     />
                     <FieldError>{errors.name?.message}</FieldError>
@@ -93,22 +98,12 @@ export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCa
 
                 <Field>
                     <FieldLabel htmlFor="email">{t('emailLabel')}</FieldLabel>
-                    <Input
-                        id="email"
-                        type="email"
-                        {...register('email')}
-                        disabled={isSubmitting}
-                    />
+                    <Input id="email" type="email" {...register('email')} disabled={isSubmitting} />
                 </Field>
 
                 <Field>
                     <FieldLabel htmlFor="phone">{t('phoneLabel')}</FieldLabel>
-                    <Input
-                        id="phone"
-                        type="tel"
-                        {...register('phone')}
-                        disabled={isSubmitting}
-                    />
+                    <Input id="phone" type="tel" {...register('phone')} disabled={isSubmitting} />
                 </Field>
 
                 <Field>
@@ -116,7 +111,7 @@ export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCa
                     <Controller
                         name="parentId"
                         control={control}
-                        render={({field}) => (
+                        render={({ field }) => (
                             <Select
                                 value={field.value}
                                 onValueChange={field.onChange}
@@ -127,7 +122,7 @@ export function BusinessUnitForm({businessUnit, allBusinessUnits, onSubmit, onCa
                                 </SelectTrigger>
                                 <SelectContent>
                                     <SelectItem value="__none__">{t('parentNone')}</SelectItem>
-                                    {availableParents.map(bu => (
+                                    {availableParents.map((bu) => (
                                         <SelectItem key={bu.id} value={bu.id}>
                                             {bu.name}
                                         </SelectItem>