@vendure-platform/create 0.4.0 → 0.5.1

package/dist/assets/storefront/src/app/[locale]/account/profile/change-password-form.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import { useActionState, useEffect } from 'react';
-import { updatePasswordAction } from './actions';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTranslations } from 'next-intl';
+import { useActionState, useEffect } from 'react';
+import { updatePasswordAction } from './actions';
 
 export function ChangePasswordForm() {
     const t = useTranslations('Account');
@@ -23,9 +23,7 @@ export function ChangePasswordForm() {
         <Card>
             <CardHeader>
                 <CardTitle>{t('changePassword')}</CardTitle>
-                <CardDescription>
-                    {t('changePasswordDescription')}
-                </CardDescription>
+                <CardDescription>{t('changePasswordDescription')}</CardDescription>
             </CardHeader>
             <form id="change-password-form" action={formAction}>
                 <CardContent className="space-y-4">
@@ -62,16 +60,8 @@ export function ChangePasswordForm() {
                             disabled={isPending}
                         />
                     </div>
-                    {state?.error && (
-                        <div className="text-sm text-destructive">
-                            {state.error}
-                        </div>
-                    )}
-                    {state?.success && (
-                        <div className="text-sm text-green-600">
-                            {t('passwordUpdated')}
-                        </div>
-                    )}
+                    {state?.error && <div className="text-sm text-destructive">{state.error}</div>}
+                    {state?.success && <div className="text-sm text-green-600">{t('passwordUpdated')}</div>}
                     <Button type="submit" disabled={isPending}>
                         {isPending ? t('updating') : t('updatePassword')}
                     </Button>

package/dist/assets/storefront/src/app/[locale]/account/profile/edit-email-form.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import { useActionState, useEffect } from 'react';
-import { requestEmailUpdateAction } from './actions';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTranslations } from 'next-intl';
+import { useActionState, useEffect } from 'react';
+import { requestEmailUpdateAction } from './actions';
 
 interface EditEmailFormProps {
     currentEmail: string;
@@ -27,9 +27,7 @@ export function EditEmailForm({ currentEmail }: EditEmailFormProps) {
         <Card>
             <CardHeader>
                 <CardTitle>{t('emailAddress')}</CardTitle>
-                <CardDescription>
-                    {t('updateEmailDescription')}
-                </CardDescription>
+                <CardDescription>{t('updateEmailDescription')}</CardDescription>
             </CardHeader>
             <form id="edit-email-form" action={formAction}>
                 <CardContent className="space-y-4">
@@ -64,19 +62,11 @@ export function EditEmailForm({ currentEmail }: EditEmailFormProps) {
                             required
                             disabled={isPending}
                         />
-                        <p className="text-xs text-muted-foreground">
-                            {t('confirmPasswordChange')}
-                        </p>
+                        <p className="text-xs text-muted-foreground">{t('confirmPasswordChange')}</p>
                     </div>
-                    {state?.error && (
-                        <div className="text-sm text-destructive">
-                            {state.error}
-                        </div>
-                    )}
+                    {state?.error && <div className="text-sm text-destructive">{state.error}</div>}
                     {state?.success && (
-                        <div className="text-sm text-green-600">
-                            {t('verificationEmailSent')}
-                        </div>
+                        <div className="text-sm text-green-600">{t('verificationEmailSent')}</div>
                     )}
                     <Button type="submit" disabled={isPending}>
                         {isPending ? t('updating') : t('updateEmail')}

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

@@ -1,12 +1,12 @@
 'use client';
 
-import { useActionState, useEffect, useRef } from 'react';
-import { updateCustomerAction } from './actions';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { useTranslations } from 'next-intl';
+import { useActionState, useEffect, useRef } from 'react';
+import { updateCustomerAction } from './actions';
 
 interface EditProfileFormProps {
     customer: {
@@ -30,9 +30,7 @@ export function EditProfileForm({ customer }: EditProfileFormProps) {
         <Card>
             <CardHeader>
                 <CardTitle>{t('personalInformation')}</CardTitle>
-                <CardDescription>
-                    {t('updatePersonalDetails')}
-                </CardDescription>
+                <CardDescription>{t('updatePersonalDetails')}</CardDescription>
             </CardHeader>
             <form ref={formRef} action={formAction}>
                 <CardContent className="space-y-4">
@@ -60,16 +58,8 @@ export function EditProfileForm({ customer }: EditProfileFormProps) {
                             disabled={isPending}
                         />
                     </div>
-                    {state?.error && (
-                        <div className="text-sm text-destructive">
-                            {state.error}
-                        </div>
-                    )}
-                    {state?.success && (
-                        <div className="text-sm text-green-600">
-                            {t('profileUpdated')}
-                        </div>
-                    )}
+                    {state?.error && <div className="text-sm text-destructive">{state.error}</div>}
+                    {state?.success && <div className="text-sm text-green-600">{t('profileUpdated')}</div>}
                     <Button type="submit" disabled={isPending}>
                         {isPending ? t('updating') : t('updateProfile')}
                     </Button>

package/dist/assets/storefront/src/app/[locale]/account/profile/loading.tsx

@@ -1,31 +1,27 @@
-import {Card, CardContent, CardDescription, CardHeader, CardTitle} from '@/components/ui/card';
-import {Skeleton} from '@/components/ui/skeleton';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Skeleton } from '@/components/ui/skeleton';
 
 export default function ProfileLoading() {
     return (
         <div className="space-y-6">
             <div>
                 <h1 className="text-3xl font-bold">Profile</h1>
-                <p className="text-muted-foreground mt-2">
-                    Manage your account information
-                </p>
+                <p className="text-muted-foreground mt-2">Manage your account information</p>
             </div>
 
             <Card>
                 <CardHeader>
                     <CardTitle>Account Information</CardTitle>
-                    <CardDescription>
-                        Your personal details
-                    </CardDescription>
+                    <CardDescription>Your personal details</CardDescription>
                 </CardHeader>
                 <CardContent className="space-y-4">
                     <div>
                         <p className="text-sm font-medium">Email</p>
-                        <Skeleton className="h-4 w-48 mt-1"/>
+                        <Skeleton className="h-4 w-48 mt-1" />
                     </div>
                     <div>
                         <p className="text-sm font-medium">Name</p>
-                        <Skeleton className="h-4 w-32 mt-1"/>
+                        <Skeleton className="h-4 w-32 mt-1" />
                     </div>
                 </CardContent>
             </Card>
@@ -33,20 +29,18 @@ export default function ProfileLoading() {
             <Card>
                 <CardHeader>
                     <CardTitle>Change Password</CardTitle>
-                    <CardDescription>
-                        Update your password
-                    </CardDescription>
+                    <CardDescription>Update your password</CardDescription>
                 </CardHeader>
                 <CardContent className="space-y-4">
                     <div className="space-y-2">
-                        <Skeleton className="h-4 w-32"/>
-                        <Skeleton className="h-10 w-full"/>
+                        <Skeleton className="h-4 w-32" />
+                        <Skeleton className="h-10 w-full" />
                     </div>
                     <div className="space-y-2">
-                        <Skeleton className="h-4 w-32"/>
-                        <Skeleton className="h-10 w-full"/>
+                        <Skeleton className="h-4 w-32" />
+                        <Skeleton className="h-10 w-full" />
                     </div>
-                    <Skeleton className="h-10 w-32"/>
+                    <Skeleton className="h-10 w-32" />
                 </CardContent>
             </Card>
         </div>

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

@@ -1,10 +1,10 @@
-import type {Metadata} from 'next';
-import {Suspense} from 'react';
-import {getActiveCustomer} from '@/lib/vendure/actions';
-import {ChangePasswordForm} from './change-password-form';
-import {EditProfileForm} from './edit-profile-form';
-import {EditEmailForm} from './edit-email-form';
-import {getTranslations} from 'next-intl/server';
+import { getActiveCustomer } from '@/lib/vendure/actions';
+import type { Metadata } from 'next';
+import { getTranslations } from 'next-intl/server';
+import { Suspense } from 'react';
+import { ChangePasswordForm } from './change-password-form';
+import { EditEmailForm } from './edit-email-form';
+import { EditProfileForm } from './edit-profile-form';
 
 export const metadata: Metadata = {
     title: 'Profile',
@@ -17,9 +17,7 @@ async function ProfileContent() {
         <div className="space-y-6">
             <div>
                 <h1 className="text-3xl font-bold">{t('profile')}</h1>
-                <p className="text-muted-foreground mt-2">
-                    {t('manageAccountInfo')}
-                </p>
+                <p className="text-muted-foreground mt-2">{t('manageAccountInfo')}</p>
             </div>
 
             <EditProfileForm customer={customer} />
@@ -33,11 +31,13 @@ async function ProfileContent() {
 
 export default function ProfilePage() {
     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>
+            }
+        >
             <ProfileContent />
         </Suspense>
     );

package/dist/assets/storefront/src/app/[locale]/account/quick-order/file-upload-tab.tsx

@@ -133,12 +133,8 @@ export function FileUploadTab({ onValidate, isValidating }: FileUploadTabProps)
                 >
                     <Upload className="h-8 w-8 text-muted-foreground" />
                     <div className="text-center">
-                        <p className="text-sm font-medium">
-                            {isDragging ? t('dropHere') : t('dragDrop')}
-                        </p>
-                        <p className="text-xs text-muted-foreground mt-1">
-                            {t('supportedFormats')}
-                        </p>
+                        <p className="text-sm font-medium">{isDragging ? t('dropHere') : t('dragDrop')}</p>
+                        <p className="text-xs text-muted-foreground mt-1">{t('supportedFormats')}</p>
                     </div>
                 </div>
             )}

package/dist/assets/storefront/src/app/[locale]/account/quick-order/manual-entry-tab.tsx

@@ -1,10 +1,10 @@
-import { useCallback, useRef, useState } from 'react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Plus, X } from 'lucide-react';
 import { useTranslations } from 'next-intl';
-import { SkuAutocomplete, type SearchResult } from './sku-autocomplete';
+import { useCallback, useRef, useState } from 'react';
 import type { QuickOrderInput } from './actions';
+import { SkuAutocomplete, type SearchResult } from './sku-autocomplete';
 
 interface ManualRow {
     id: string;
@@ -32,21 +32,24 @@ export function ManualEntryTab({ onValidate, isValidating }: ManualEntryTabProps
     ]);
 
     const updateRow = useCallback((id: string, updates: Partial<ManualRow>) => {
-        setRows(prev => prev.map(r => r.id === id ? { ...r, ...updates } : r));
+        setRows((prev) => prev.map((r) => (r.id === id ? { ...r, ...updates } : r)));
     }, []);
 
     const removeRow = useCallback((id: string) => {
-        setRows(prev => prev.length > 1 ? prev.filter(r => r.id !== id) : prev);
+        setRows((prev) => (prev.length > 1 ? prev.filter((r) => r.id !== id) : prev));
     }, []);
 
-    const handleSelect = useCallback((rowId: string, result: SearchResult) => {
-        updateRow(rowId, { sku: result.sku, variant: result });
-    }, [updateRow]);
+    const handleSelect = useCallback(
+        (rowId: string, result: SearchResult) => {
+            updateRow(rowId, { sku: result.sku, variant: result });
+        },
+        [updateRow],
+    );
 
     const handleValidate = () => {
         const items = rows
-            .filter(r => r.sku.trim())
-            .map(r => ({ sku: r.sku.trim(), quantity: Math.max(1, r.quantity) }));
+            .filter((r) => r.sku.trim())
+            .map((r) => ({ sku: r.sku.trim(), quantity: Math.max(1, r.quantity) }));
         if (items.length === 0) return;
         onValidate({ items });
     };
@@ -58,13 +61,13 @@ export function ManualEntryTab({ onValidate, isValidating }: ManualEntryTabProps
                 <div className="w-24">{t('table.qty')}</div>
                 <div className="w-9" />
             </div>
-            {rows.map(row => (
+            {rows.map((row) => (
                 <div key={row.id} className="flex items-center gap-2">
                     <div className="flex-1">
                         <SkuAutocomplete
                             value={row.sku}
-                            onChange={val => updateRow(row.id, { sku: val, variant: undefined })}
-                            onSelect={result => handleSelect(row.id, result)}
+                            onChange={(val) => updateRow(row.id, { sku: val, variant: undefined })}
+                            onSelect={(result) => handleSelect(row.id, result)}
                             placeholder={t('manual.skuPlaceholder')}
                         />
                     </div>
@@ -72,7 +75,7 @@ export function ManualEntryTab({ onValidate, isValidating }: ManualEntryTabProps
                         type="number"
                         min={1}
                         value={row.quantity}
-                        onChange={e => updateRow(row.id, { quantity: parseInt(e.target.value) || 1 })}
+                        onChange={(e) => updateRow(row.id, { quantity: parseInt(e.target.value) || 1 })}
                         className="w-24"
                         placeholder={t('manual.qtyPlaceholder')}
                     />
@@ -93,7 +96,7 @@ export function ManualEntryTab({ onValidate, isValidating }: ManualEntryTabProps
                     type="button"
                     variant="outline"
                     size="sm"
-                    onClick={() => setRows(prev => [...prev, createRow()])}
+                    onClick={() => setRows((prev) => [...prev, createRow()])}
                 >
                     <Plus className="h-4 w-4 mr-1" />
                     {t('actions.addRow')}
@@ -102,7 +105,7 @@ export function ManualEntryTab({ onValidate, isValidating }: ManualEntryTabProps
                     type="button"
                     size="sm"
                     onClick={handleValidate}
-                    disabled={isValidating || rows.every(r => !r.sku.trim())}
+                    disabled={isValidating || rows.every((r) => !r.sku.trim())}
                 >
                     {t('actions.validate')}
                 </Button>

package/dist/assets/storefront/src/app/[locale]/account/quick-order/page.tsx

@@ -1,6 +1,6 @@
-import type { Metadata } from 'next';
-import { getActiveCustomer } from '@/lib/vendure/actions';
 import { redirect } from '@/i18n/navigation';
+import { getActiveCustomer } from '@/lib/vendure/actions';
+import type { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
 import { QuickOrderForm } from './quick-order-form';
 
@@ -9,10 +9,7 @@ export const metadata: Metadata = {
 };
 
 export default async function QuickOrderPage() {
-    const [customer, t] = await Promise.all([
-        getActiveCustomer(),
-        getTranslations('QuickOrder'),
-    ]);
+    const [customer, t] = await Promise.all([getActiveCustomer(), getTranslations('QuickOrder')]);
     if (!customer) {
         return await redirect('/sign-in');
     }

package/dist/assets/storefront/src/app/[locale]/account/quick-order/preview-table.tsx

@@ -136,14 +136,22 @@ export function PreviewTable({ items, parseErrors, onUpdateQuantity, onRemoveIte
                                     </TableCell>
                                     <TableCell className="text-right">
                                         {item.unitPriceWithTax != null ? (
-                                            formatPrice(item.unitPriceWithTax, locale, item.currencyCode ?? undefined)
+                                            formatPrice(
+                                                item.unitPriceWithTax,
+                                                locale,
+                                                item.currencyCode ?? undefined,
+                                            )
                                         ) : (
                                             <span className="text-muted-foreground">&mdash;</span>
                                         )}
                                     </TableCell>
                                     <TableCell className="text-right">
                                         {item.lineTotalWithTax != null ? (
-                                            formatPrice(item.lineTotalWithTax, locale, item.currencyCode ?? undefined)
+                                            formatPrice(
+                                                item.lineTotalWithTax,
+                                                locale,
+                                                item.currencyCode ?? undefined,
+                                            )
                                         ) : (
                                             <span className="text-muted-foreground">&mdash;</span>
                                         )}

package/dist/assets/storefront/src/app/[locale]/account/quick-order/save-to-list-dialog.tsx

@@ -1,20 +1,20 @@
-import { useState, useTransition, useEffect } from 'react';
+import { getActiveUserShoppingLists } from '@/app/[locale]/account/shopping-lists/actions';
+import { Button } from '@/components/ui/button';
 import {
     Dialog,
+    DialogClose,
     DialogContent,
-    DialogHeader,
-    DialogTitle,
     DialogDescription,
     DialogFooter,
-    DialogClose,
+    DialogHeader,
+    DialogTitle,
 } from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { toast } from 'sonner';
 import { useTranslations } from 'next-intl';
-import { getActiveUserShoppingLists } from '@/app/[locale]/account/shopping-lists/actions';
+import { useEffect, useState, useTransition } from 'react';
+import { toast } from 'sonner';
 import { saveToShoppingList } from './actions';
 
 interface ShoppingList {
@@ -41,14 +41,16 @@ export function SaveToListDialog({ open, onOpenChange, validItems }: SaveToListD
         if (!open) return;
         setMode('new');
         setSelectedListId('');
-        getActiveUserShoppingLists().then(data => {
-            if (data) {
-                setLists(data.map(l => ({ id: l.id, name: l.name })));
-                if (data.length > 0) setSelectedListId(data[0].id);
-            }
-        }).catch(() => {
-            setLists([]);
-        });
+        getActiveUserShoppingLists()
+            .then((data) => {
+                if (data) {
+                    setLists(data.map((l) => ({ id: l.id, name: l.name })));
+                    if (data.length > 0) setSelectedListId(data[0].id);
+                }
+            })
+            .catch(() => {
+                setLists([]);
+            });
     }, [open]);
 
     const handleSave = () => {
@@ -82,9 +84,7 @@ export function SaveToListDialog({ open, onOpenChange, validItems }: SaveToListD
             <DialogContent>
                 <DialogHeader>
                     <DialogTitle>{t('title')}</DialogTitle>
-                    <DialogDescription>
-                        {t('description', { count: validItems.length })}
-                    </DialogDescription>
+                    <DialogDescription>{t('description', { count: validItems.length })}</DialogDescription>
                 </DialogHeader>
                 <div className="space-y-4 py-2">
                     {lists.length > 0 && (
@@ -113,7 +113,7 @@ export function SaveToListDialog({ open, onOpenChange, validItems }: SaveToListD
                             <Input
                                 id="list-name"
                                 value={newListName}
-                                onChange={e => setNewListName(e.target.value)}
+                                onChange={(e) => setNewListName(e.target.value)}
                                 placeholder={t('listNamePlaceholder')}
                             />
                         </div>
@@ -125,7 +125,7 @@ export function SaveToListDialog({ open, onOpenChange, validItems }: SaveToListD
                                     <SelectValue placeholder={t('selectListPlaceholder')} />
                                 </SelectTrigger>
                                 <SelectContent>
-                                    {lists.map(list => (
+                                    {lists.map((list) => (
                                         <SelectItem key={list.id} value={list.id}>
                                             {list.name}
                                         </SelectItem>
@@ -137,13 +137,11 @@ export function SaveToListDialog({ open, onOpenChange, validItems }: SaveToListD
                 </div>
                 <DialogFooter>
                     <DialogClose asChild>
-                        <Button type="button" variant="outline">{t('cancel')}</Button>
+                        <Button type="button" variant="outline">
+                            {t('cancel')}
+                        </Button>
                     </DialogClose>
-                    <Button
-                        type="button"
-                        onClick={handleSave}
-                        disabled={isSaving || validItems.length === 0}
-                    >
+                    <Button type="button" onClick={handleSave} disabled={isSaving || validItems.length === 0}>
                         {isSaving ? t('saving') : t('save')}
                     </Button>
                 </DialogFooter>

package/dist/assets/storefront/src/app/[locale]/account/quick-order/sku-autocomplete.tsx

@@ -1,11 +1,11 @@
-import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
+import { Input } from '@/components/ui/input';
 import type { ResultOf } from '@/graphql';
+import { formatPrice } from '@/lib/format';
 import type { QuickOrderSearchQuery } from '@/lib/vendure/queries';
-import { Input } from '@/components/ui/input';
-import { Search, Loader2 } from 'lucide-react';
+import { Loader2, Search } from 'lucide-react';
 import { useLocale, useTranslations } from 'next-intl';
+import { useCallback, useEffect, useRef, useState, useTransition } from 'react';
 import { searchQuickOrderProducts } from './actions';
-import { formatPrice } from '@/lib/format';
 
 export type SearchResult = ResultOf<typeof QuickOrderSearchQuery>['quickOrderSearch'][number];
 
@@ -77,8 +77,10 @@ export function SkuAutocomplete({ value, onChange, onSelect, placeholder }: SkuA
                 <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                 <Input
                     value={value}
-                    onChange={e => handleChange(e.target.value)}
-                    onKeyDown={e => { if (e.key === 'Escape') setIsOpen(false); }}
+                    onChange={(e) => handleChange(e.target.value)}
+                    onKeyDown={(e) => {
+                        if (e.key === 'Escape') setIsOpen(false);
+                    }}
                     placeholder={placeholder ?? t('manual.skuPlaceholder')}
                     className="pl-10"
                 />
@@ -88,7 +90,7 @@ export function SkuAutocomplete({ value, onChange, onSelect, placeholder }: SkuA
             </div>
             {isOpen && results.length > 0 && (
                 <div className="absolute z-10 mt-1 w-full rounded-lg border bg-background shadow-lg max-h-64 overflow-y-auto">
-                    {results.map(item => (
+                    {results.map((item) => (
                         <button
                             key={item.variantId}
                             type="button"
@@ -99,15 +101,22 @@ export function SkuAutocomplete({ value, onChange, onSelect, placeholder }: SkuA
                                 <div className="flex items-center gap-1.5">
                                     <p className="text-sm font-medium truncate">{item.productName}</p>
                                     {item.variantName && item.variantName !== item.productName && (
-                                        <span className="text-xs text-muted-foreground">({item.variantName})</span>
+                                        <span className="text-xs text-muted-foreground">
+                                            ({item.variantName})
+                                        </span>
                                     )}
                                     {!item.inStock && (
-                                        <span className={`shrink-0 text-[10px] font-medium px-1 py-0.5 rounded ${OUT_OF_STOCK_BADGE}`}>
+                                        <span
+                                            className={`shrink-0 text-[10px] font-medium px-1 py-0.5 rounded ${OUT_OF_STOCK_BADGE}`}
+                                        >
                                             {t('status.outOfStock')}
                                         </span>
                                     )}
                                 </div>
-                                <p className="text-xs text-muted-foreground">{item.sku} &middot; {formatPrice(item.priceWithTax, locale, item.currencyCode)}</p>
+                                <p className="text-xs text-muted-foreground">
+                                    {item.sku} &middot;{' '}
+                                    {formatPrice(item.priceWithTax, locale, item.currencyCode)}
+                                </p>
                             </div>
                         </button>
                     ))}

package/dist/assets/storefront/src/app/[locale]/account/quick-order/text-input-tab.tsx

@@ -1,7 +1,7 @@
-import { useState } from 'react';
 import { Button } from '@/components/ui/button';
 import { Textarea } from '@/components/ui/textarea';
 import { useTranslations } from 'next-intl';
+import { useState } from 'react';
 import type { QuickOrderInput } from './actions';
 
 interface TextInputTabProps {
@@ -22,17 +22,12 @@ export function TextInputTab({ onValidate, isValidating }: TextInputTabProps) {
         <div className="space-y-3">
             <Textarea
                 value={text}
-                onChange={e => setText(e.target.value)}
+                onChange={(e) => setText(e.target.value)}
                 placeholder={t('textInput.placeholder')}
                 rows={10}
                 className="font-mono text-sm"
             />
-            <Button
-                type="button"
-                size="sm"
-                onClick={handleValidate}
-                disabled={isValidating || !text.trim()}
-            >
+            <Button type="button" size="sm" onClick={handleValidate} disabled={isValidating || !text.trim()}>
                 {t('actions.validate')}
             </Button>
         </div>