@vendure-platform/create 0.5.0 → 0.5.2

package/dist/assets/storefront/src/components/commerce/quote-activity-timeline.tsx

@@ -1,12 +1,21 @@
 'use client';
 
-import {useState} from 'react';
-import {useLocale} from 'next-intl';
-import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
-import {Price} from '@/components/commerce/price';
-import {formatDateTime} from '@/lib/format';
-import {FileText, MessageSquare, Send, ArrowRight, Plus, Minus, ChevronDown, ChevronRight} from 'lucide-react';
-import type {QuoteVersion, QuoteComment} from '@/lib/vendure/queries';
+import { Price } from '@/components/commerce/price';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { formatDateTime } from '@/lib/format';
+import type { QuoteComment, QuoteVersion } from '@/lib/vendure/queries';
+import {
+    ArrowRight,
+    ChevronDown,
+    ChevronRight,
+    FileText,
+    MessageSquare,
+    Minus,
+    Plus,
+    Send,
+} from 'lucide-react';
+import { useLocale } from 'next-intl';
+import { useState } from 'react';
 
 type TimelineItem =
     | { type: 'version'; version: QuoteVersion; timestamp: number }
@@ -24,17 +33,27 @@ interface QuoteActivityTimelineProps {
     currencyCode: string;
 }
 
-export function QuoteActivityTimeline({versions, comments, currentVersionNumber, currencyCode}: QuoteActivityTimelineProps) {
+export function QuoteActivityTimeline({
+    versions,
+    comments,
+    currentVersionNumber,
+    currencyCode,
+}: QuoteActivityTimelineProps) {
     const locale = useLocale();
     const sorted = [...versions].sort((a, b) => a.versionNumber - b.versionNumber);
 
     // Build timeline items
     const items: TimelineItem[] = [];
     for (const version of sorted) {
-        items.push({type: 'version', version, timestamp: new Date(version.createdAt).getTime()});
+        items.push({ type: 'version', version, timestamp: new Date(version.createdAt).getTime() });
     }
     for (const comment of comments) {
-        items.push({type: 'comment', comment, timestamp: new Date(comment.createdAt).getTime(), grouped: false});
+        items.push({
+            type: 'comment',
+            comment,
+            timestamp: new Date(comment.createdAt).getTime(),
+            grouped: false,
+        });
     }
     items.sort((a, b) => a.timestamp - b.timestamp);
 
@@ -44,12 +63,18 @@ export function QuoteActivityTimeline({versions, comments, currentVersionNumber,
         if (item.type === 'comment') {
             for (let j = i - 1; j >= 0; j--) {
                 if (Math.abs(item.timestamp - items[j].timestamp) > GROUP_THRESHOLD_MS) break;
-                if (items[j].type === 'version') {item.grouped = true; break;}
+                if (items[j].type === 'version') {
+                    item.grouped = true;
+                    break;
+                }
             }
             if (!item.grouped) {
                 for (let j = i + 1; j < items.length; j++) {
                     if (Math.abs(items[j].timestamp - item.timestamp) > GROUP_THRESHOLD_MS) break;
-                    if (items[j].type === 'version') {item.grouped = true; break;}
+                    if (items[j].type === 'version') {
+                        item.grouped = true;
+                        break;
+                    }
                 }
             }
         }
@@ -103,8 +128,8 @@ export function QuoteActivityTimeline({versions, comments, currentVersionNumber,
 // ── Version diff logic ──
 
 interface VersionDiff {
-    addedItems: Array<{productName: string; sku: string; quantity: number; unitPrice: number}>;
-    removedItems: Array<{productName: string; sku: string}>;
+    addedItems: Array<{ productName: string; sku: string; quantity: number; unitPrice: number }>;
+    removedItems: Array<{ productName: string; sku: string }>;
     changedItems: Array<{
         productName: string;
         sku: string;
@@ -119,8 +144,8 @@ interface VersionDiff {
 }
 
 function computeDiff(prev: QuoteVersion, curr: QuoteVersion): VersionDiff {
-    const prevBySku = new Map(prev.lineItems.map(li => [li.sku, li]));
-    const currBySku = new Map(curr.lineItems.map(li => [li.sku, li]));
+    const prevBySku = new Map(prev.lineItems.map((li) => [li.sku, li]));
+    const currBySku = new Map(curr.lineItems.map((li) => [li.sku, li]));
 
     const addedItems: VersionDiff['addedItems'] = [];
     const removedItems: VersionDiff['removedItems'] = [];
@@ -129,7 +154,12 @@ function computeDiff(prev: QuoteVersion, curr: QuoteVersion): VersionDiff {
     for (const [sku, item] of currBySku) {
         const prevItem = prevBySku.get(sku);
         if (!prevItem) {
-            addedItems.push({productName: item.productName, sku, quantity: item.quantity, unitPrice: item.unitPrice});
+            addedItems.push({
+                productName: item.productName,
+                sku,
+                quantity: item.quantity,
+                unitPrice: item.unitPrice,
+            });
         } else {
             const priceChanged = item.unitPrice !== prevItem.unitPrice;
             const qtyChanged = item.quantity !== prevItem.quantity;
@@ -149,19 +179,21 @@ function computeDiff(prev: QuoteVersion, curr: QuoteVersion): VersionDiff {
     }
     for (const [sku, item] of prevBySku) {
         if (!currBySku.has(sku)) {
-            removedItems.push({productName: item.productName, sku});
+            removedItems.push({ productName: item.productName, sku });
         }
     }
 
-    return {addedItems, removedItems, changedItems, totalDelta: curr.total - prev.total};
+    return { addedItems, removedItems, changedItems, totalDelta: curr.total - prev.total };
 }
 
 function buildSummary(diff: VersionDiff): string {
     const parts: string[] = [];
-    if (diff.addedItems.length > 0) parts.push(`+${diff.addedItems.length} item${diff.addedItems.length > 1 ? 's' : ''}`);
-    if (diff.removedItems.length > 0) parts.push(`-${diff.removedItems.length} item${diff.removedItems.length > 1 ? 's' : ''}`);
-    const priceChanges = diff.changedItems.filter(c => c.priceChanged).length;
-    const qtyChanges = diff.changedItems.filter(c => c.qtyChanged).length;
+    if (diff.addedItems.length > 0)
+        parts.push(`+${diff.addedItems.length} item${diff.addedItems.length > 1 ? 's' : ''}`);
+    if (diff.removedItems.length > 0)
+        parts.push(`-${diff.removedItems.length} item${diff.removedItems.length > 1 ? 's' : ''}`);
+    const priceChanges = diff.changedItems.filter((c) => c.priceChanged).length;
+    const qtyChanges = diff.changedItems.filter((c) => c.qtyChanged).length;
     if (priceChanges > 0) parts.push(`${priceChanges} price change${priceChanges > 1 ? 's' : ''}`);
     if (qtyChanges > 0) parts.push(`${qtyChanges} qty change${qtyChanges > 1 ? 's' : ''}`);
     return parts.join(', ');
@@ -169,7 +201,19 @@ function buildSummary(diff: VersionDiff): string {
 
 // ── Timeline entries ──
 
-function VersionEntry({version, isCurrent, diff, locale, currencyCode}: {version: QuoteVersion; isCurrent: boolean; diff?: VersionDiff; locale: string; currencyCode: string}) {
+function VersionEntry({
+    version,
+    isCurrent,
+    diff,
+    locale,
+    currencyCode,
+}: {
+    version: QuoteVersion;
+    isCurrent: boolean;
+    diff?: VersionDiff;
+    locale: string;
+    currencyCode: string;
+}) {
     const isFirst = version.versionNumber === 1;
     const summary = diff ? buildSummary(diff) : null;
     const totalChanges = diff
@@ -178,18 +222,22 @@ function VersionEntry({version, isCurrent, diff, locale, currencyCode}: {version
     const hasChanges = totalChanges > 0;
     const [expanded, setExpanded] = useState(totalChanges <= COLLAPSE_THRESHOLD);
 
-    const allDiffRows = diff ? [
-        ...diff.addedItems.map(item => ({type: 'added' as const, ...item})),
-        ...diff.removedItems.map(item => ({type: 'removed' as const, ...item})),
-        ...diff.changedItems.map(item => ({type: 'changed' as const, ...item})),
-    ] : [];
+    const allDiffRows = diff
+        ? [
+              ...diff.addedItems.map((item) => ({ type: 'added' as const, ...item })),
+              ...diff.removedItems.map((item) => ({ type: 'removed' as const, ...item })),
+              ...diff.changedItems.map((item) => ({ type: 'changed' as const, ...item })),
+          ]
+        : [];
 
     return (
         <div className="relative flex gap-3 py-3 group">
             <div className="relative z-10 flex-shrink-0">
-                <div className={`h-6 w-6 rounded-full flex items-center justify-center shadow-sm ${
-                    isFirst ? 'bg-muted text-muted-foreground' : 'bg-primary text-primary-foreground'
-                }`}>
+                <div
+                    className={`h-6 w-6 rounded-full flex items-center justify-center shadow-sm ${
+                        isFirst ? 'bg-muted text-muted-foreground' : 'bg-primary text-primary-foreground'
+                    }`}
+                >
                     {isFirst ? <FileText className="h-3 w-3" /> : <Send className="h-3 w-3" />}
                 </div>
             </div>
@@ -206,12 +254,12 @@ function VersionEntry({version, isCurrent, diff, locale, currencyCode}: {version
                                 </span>
                             )}
                         </div>
-                        {summary && (
-                            <p className="text-xs text-muted-foreground mt-0.5">{summary}</p>
-                        )}
+                        {summary && <p className="text-xs text-muted-foreground mt-0.5">{summary}</p>}
                     </div>
                     <div className="text-right flex-shrink-0 ml-4">
-                        <p className="text-xs text-muted-foreground">{formatDateTime(version.createdAt, locale)}</p>
+                        <p className="text-xs text-muted-foreground">
+                            {formatDateTime(version.createdAt, locale)}
+                        </p>
                         <p className="text-sm font-medium">
                             <Price value={version.total} currencyCode={currencyCode} taxLabel="excl" />
                         </p>
@@ -225,28 +273,37 @@ function VersionEntry({version, isCurrent, diff, locale, currencyCode}: {version
                                 onClick={() => setExpanded(!expanded)}
                                 className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors mb-1"
                             >
-                                {expanded
-                                    ? <ChevronDown className="h-3 w-3" />
-                                    : <ChevronRight className="h-3 w-3" />
-                                }
+                                {expanded ? (
+                                    <ChevronDown className="h-3 w-3" />
+                                ) : (
+                                    <ChevronRight className="h-3 w-3" />
+                                )}
                                 {expanded ? 'Hide' : 'Show'} {totalChanges} changes
                             </button>
                         )}
                         {expanded && (
                             <div className="text-xs space-y-1 border-l-2 border-muted pl-3">
-                                {allDiffRows.map(row => {
+                                {allDiffRows.map((row) => {
                                     if (row.type === 'added') {
                                         return (
-                                            <div key={row.sku} className="flex items-center gap-1.5 text-green-600 dark:text-green-400">
+                                            <div
+                                                key={row.sku}
+                                                className="flex items-center gap-1.5 text-green-600 dark:text-green-400"
+                                            >
                                                 <Plus className="h-3 w-3" />
                                                 <span>{row.productName}</span>
-                                                <span className="text-muted-foreground">× {row.quantity}</span>
+                                                <span className="text-muted-foreground">
+                                                    × {row.quantity}
+                                                </span>
                                             </div>
                                         );
                                     }
                                     if (row.type === 'removed') {
                                         return (
-                                            <div key={row.sku} className="flex items-center gap-1.5 text-red-600 dark:text-red-400 line-through">
+                                            <div
+                                                key={row.sku}
+                                                className="flex items-center gap-1.5 text-red-600 dark:text-red-400 line-through"
+                                            >
                                                 <Minus className="h-3 w-3" />
                                                 <span>{row.productName}</span>
                                             </div>
@@ -259,11 +316,22 @@ function VersionEntry({version, isCurrent, diff, locale, currencyCode}: {version
                                             {row.priceChanged && (
                                                 <span>
                                                     <span className="text-muted-foreground line-through">
-                                                        <Price value={row.prevPrice} currencyCode={currencyCode} />
-                                                    </span>
-                                                    {' '}
-                                                    <span className={row.newPrice < row.prevPrice ? 'text-green-600' : 'text-red-600'}>
-                                                        <Price value={row.newPrice} currencyCode={currencyCode} />
+                                                        <Price
+                                                            value={row.prevPrice}
+                                                            currencyCode={currencyCode}
+                                                        />
+                                                    </span>{' '}
+                                                    <span
+                                                        className={
+                                                            row.newPrice < row.prevPrice
+                                                                ? 'text-green-600'
+                                                                : 'text-red-600'
+                                                        }
+                                                    >
+                                                        <Price
+                                                            value={row.newPrice}
+                                                            currencyCode={currencyCode}
+                                                        />
                                                     </span>
                                                 </span>
                                             )}
@@ -284,7 +352,15 @@ function VersionEntry({version, isCurrent, diff, locale, currencyCode}: {version
     );
 }
 
-function CommentEntry({comment, grouped, locale}: {comment: QuoteComment; grouped: boolean; locale: string}) {
+function CommentEntry({
+    comment,
+    grouped,
+    locale,
+}: {
+    comment: QuoteComment;
+    grouped: boolean;
+    locale: string;
+}) {
     const authorName = comment.authorCustomer
         ? `${comment.authorCustomer.firstName} ${comment.authorCustomer.lastName}`
         : 'Seller';

package/dist/assets/storefront/src/components/commerce/quote-comment-form.tsx

@@ -1,19 +1,19 @@
 'use client';
 
-import {useState, useTransition} from 'react';
-import {Button} from '@/components/ui/button';
-import {Textarea} from '@/components/ui/textarea';
-import {Send} from 'lucide-react';
-import {addQuoteComment} from '@/app/[locale]/account/quotes/actions';
+import { addQuoteComment } from '@/app/[locale]/account/quotes/actions';
+import { Button } from '@/components/ui/button';
+import { Textarea } from '@/components/ui/textarea';
+import { Send } from 'lucide-react';
+import { useState, useTransition } from 'react';
 
 interface QuoteCommentFormProps {
     quoteId: string;
 }
 
-export function QuoteCommentForm({quoteId}: QuoteCommentFormProps) {
+export function QuoteCommentForm({ quoteId }: QuoteCommentFormProps) {
     const [text, setText] = useState('');
     const [isPending, startTransition] = useTransition();
-    const [result, setResult] = useState<{success: boolean; message?: string} | null>(null);
+    const [result, setResult] = useState<{ success: boolean; message?: string } | null>(null);
 
     function handleSubmit() {
         if (!text.trim()) return;
@@ -39,12 +39,8 @@ export function QuoteCommentForm({quoteId}: QuoteCommentFormProps) {
             {result && !result.success && (
                 <p className="text-sm text-red-600">{result.message || 'Failed to add comment'}</p>
             )}
-            <Button
-                size="sm"
-                onClick={handleSubmit}
-                disabled={isPending || !text.trim()}
-            >
-                <Send className="h-4 w-4 mr-1"/>
+            <Button size="sm" onClick={handleSubmit} disabled={isPending || !text.trim()}>
+                <Send className="h-4 w-4 mr-1" />
                 Send
             </Button>
         </div>

package/dist/assets/storefront/src/components/commerce/quote-csv-export-button.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import {Download} from 'lucide-react';
-import {Button} from '@/components/ui/button';
+import { Button } from '@/components/ui/button';
+import { Download } from 'lucide-react';
 
 interface QuoteCsvExportButtonProps {
     quoteNumber: string;
@@ -37,7 +37,7 @@ export function QuoteCsvExportButton({
     v1LineItems,
 }: QuoteCsvExportButtonProps) {
     const hasComparison = v1LineItems && v1LineItems.length > 0;
-    const v1BySku = new Map(v1LineItems?.map(item => [item.sku, item]) ?? []);
+    const v1BySku = new Map(v1LineItems?.map((item) => [item.sku, item]) ?? []);
 
     function handleExport() {
         const headers = ['SKU', 'Product Name', 'Quantity', 'Unit Price', 'Line Total'];
@@ -78,8 +78,8 @@ export function QuoteCsvExportButton({
         rows.push(['', '', '', 'Shipping', (shippingCost / 100).toFixed(2)]);
         rows.push(['', '', '', 'Total', (total / 100).toFixed(2)]);
 
-        const csv = rows.map(row => row.join(',')).join('\n');
-        const blob = new Blob([csv], {type: 'text/csv;charset=utf-8;'});
+        const csv = rows.map((row) => row.join(',')).join('\n');
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
         const url = URL.createObjectURL(blob);
         const link = document.createElement('a');
         link.href = url;
@@ -90,7 +90,7 @@ export function QuoteCsvExportButton({
 
     return (
         <Button variant="outline" size="sm" onClick={handleExport}>
-            <Download className="h-4 w-4 mr-2"/>
+            <Download className="h-4 w-4 mr-2" />
             Export CSV
         </Button>
     );

package/dist/assets/storefront/src/components/commerce/quote-product-search.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
-import Image from 'next/image';
-import { Input } from '@/components/ui/input';
-import { Plus, Search, Loader2 } from 'lucide-react';
 import { searchVariantsForQuote } from '@/app/[locale]/account/quotes/actions';
-import type { QuoteLineItemDraft } from './quote-request-form';
+import { Input } from '@/components/ui/input';
+import { Loader2, Plus, Search } from 'lucide-react';
 import { useTranslations } from 'next-intl';
+import Image from 'next/image';
+import { useCallback, useEffect, useRef, useState, useTransition } from 'react';
+import type { QuoteLineItemDraft } from './quote-request-form';
 
 interface QuoteProductSearchProps {
     onAddItem: (item: QuoteLineItemDraft) => void;
@@ -16,16 +16,18 @@ interface QuoteProductSearchProps {
 export function QuoteProductSearch({ onAddItem, currencyCode }: QuoteProductSearchProps) {
     const t = useTranslations('Quotes');
     const [searchTerm, setSearchTerm] = useState('');
-    const [results, setResults] = useState<Array<{
-        productVariantId: string;
-        productName: string;
-        variantName: string;
-        sku: string;
-        imageUrl?: string;
-        price: number;
-        currencyCode: string;
-        inStock: boolean;
-    }>>([]);
+    const [results, setResults] = useState<
+        Array<{
+            productVariantId: string;
+            productName: string;
+            variantName: string;
+            sku: string;
+            imageUrl?: string;
+            price: number;
+            currencyCode: string;
+            inStock: boolean;
+        }>
+    >([]);
     const [isPending, startTransition] = useTransition();
     const [isOpen, setIsOpen] = useState(false);
     const containerRef = useRef<HTMLDivElement>(null);
@@ -66,7 +68,7 @@ export function QuoteProductSearch({ onAddItem, currencyCode }: QuoteProductSear
         return () => document.removeEventListener('mousedown', handleClickOutside);
     }, []);
 
-    const handleAdd = (item: typeof results[number]) => {
+    const handleAdd = (item: (typeof results)[number]) => {
         onAddItem({
             productVariantId: item.productVariantId,
             productName: item.productName,
@@ -89,8 +91,10 @@ export function QuoteProductSearch({ onAddItem, currencyCode }: QuoteProductSear
                 <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                 <Input
                     value={searchTerm}
-                    onChange={e => handleSearch(e.target.value)}
-                    onKeyDown={e => { if (e.key === 'Escape') setIsOpen(false); }}
+                    onChange={(e) => handleSearch(e.target.value)}
+                    onKeyDown={(e) => {
+                        if (e.key === 'Escape') setIsOpen(false);
+                    }}
                     placeholder={t('requestForm.searchPlaceholder')}
                     className="pl-10"
                 />

package/dist/assets/storefront/src/components/commerce/quote-request-form.tsx

@@ -1,14 +1,14 @@
 'use client';
 
-import { useState, useTransition } from 'react';
-import Image from 'next/image';
+import { Price } from '@/components/commerce/price';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
-import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
-import { Price } from '@/components/commerce/price';
-import { Minus, Plus, Trash2, Send } from 'lucide-react';
+import { Textarea } from '@/components/ui/textarea';
+import { Minus, Plus, Send, Trash2 } from 'lucide-react';
 import { useTranslations } from 'next-intl';
+import Image from 'next/image';
+import { useState, useTransition } from 'react';
 
 export interface QuoteLineItemDraft {
     productVariantId: string;
@@ -54,7 +54,7 @@ export function QuoteRequestForm({
     const [error, setError] = useState<string | null>(null);
 
     const updateQuantity = (index: number, delta: number) => {
-        setLineItems(prev =>
+        setLineItems((prev) =>
             prev.map((item, i) =>
                 i === index ? { ...item, quantity: Math.max(1, item.quantity + delta) } : item,
             ),
@@ -62,22 +62,20 @@ export function QuoteRequestForm({
     };
 
     const setQuantity = (index: number, quantity: number) => {
-        setLineItems(prev =>
+        setLineItems((prev) =>
             prev.map((item, i) => (i === index ? { ...item, quantity: Math.max(1, quantity) } : item)),
         );
     };
 
     const removeItem = (index: number) => {
-        setLineItems(prev => prev.filter((_, i) => i !== index));
+        setLineItems((prev) => prev.filter((_, i) => i !== index));
     };
 
     const addItem = (item: QuoteLineItemDraft) => {
-        setLineItems(prev => {
-            const existing = prev.findIndex(li => li.productVariantId === item.productVariantId);
+        setLineItems((prev) => {
+            const existing = prev.findIndex((li) => li.productVariantId === item.productVariantId);
             if (existing >= 0) {
-                return prev.map((li, i) =>
-                    i === existing ? { ...li, quantity: li.quantity + 1 } : li,
-                );
+                return prev.map((li, i) => (i === existing ? { ...li, quantity: li.quantity + 1 } : li));
             }
             return [...prev, item];
         });
@@ -91,7 +89,7 @@ export function QuoteRequestForm({
         setError(null);
         startTransition(async () => {
             const result = await onSubmit(
-                lineItems.map(li => ({
+                lineItems.map((li) => ({
                     productVariantId: li.productVariantId,
                     quantity: li.quantity,
                     note: li.note || undefined,
@@ -111,9 +109,7 @@ export function QuoteRequestForm({
                 <div className="text-sm">
                     <span className="font-medium">{sender.name}</span>
                     <span className="text-muted-foreground ml-2">{sender.email}</span>
-                    {sender.company && (
-                        <span className="text-muted-foreground ml-2">({sender.company})</span>
-                    )}
+                    {sender.company && <span className="text-muted-foreground ml-2">({sender.company})</span>}
                 </div>
             </div>
 
@@ -127,7 +123,10 @@ export function QuoteRequestForm({
                 ) : (
                     <div className="divide-y rounded-lg border">
                         {lineItems.map((item, index) => (
-                            <div key={`${item.productVariantId}-${index}`} className="flex items-center gap-4 p-3">
+                            <div
+                                key={`${item.productVariantId}-${index}`}
+                                className="flex items-center gap-4 p-3"
+                            >
                                 {item.imageUrl ? (
                                     <Image
                                         src={`${item.imageUrl}?preset=tiny`}
@@ -167,7 +166,9 @@ export function QuoteRequestForm({
                                         type="number"
                                         min={1}
                                         value={item.quantity}
-                                        onChange={e => setQuantity(index, parseInt(e.target.value, 10) || 1)}
+                                        onChange={(e) =>
+                                            setQuantity(index, parseInt(e.target.value, 10) || 1)
+                                        }
                                         className="h-8 w-20 text-center text-sm"
                                     />
                                     <Button
@@ -181,7 +182,10 @@ export function QuoteRequestForm({
                                     </Button>
                                 </div>
                                 <div className="text-sm text-right w-24">
-                                    <Price value={item.unitPrice * item.quantity} currencyCode={item.currencyCode} />
+                                    <Price
+                                        value={item.unitPrice * item.quantity}
+                                        currencyCode={item.currencyCode}
+                                    />
                                 </div>
                                 <Button
                                     type="button"
@@ -219,7 +223,7 @@ export function QuoteRequestForm({
                 <Textarea
                     id="quote-note"
                     value={note}
-                    onChange={e => setNote(e.target.value)}
+                    onChange={(e) => setNote(e.target.value)}
                     placeholder={t('requestForm.messagePlaceholder')}
                     rows={3}
                 />
@@ -235,16 +239,13 @@ export function QuoteRequestForm({
                         {t('requestForm.cancelButton')}
                     </Button>
                 )}
-                <Button
-                    onClick={handleSubmit}
-                    disabled={isPending || lineItems.length === 0}
-                >
+                <Button onClick={handleSubmit} disabled={isPending || lineItems.length === 0}>
                     <Send className="h-4 w-4 mr-2" />
                     {isPending
                         ? t('requestForm.submittingButton')
                         : mode === 'from-cart'
-                          ? t('requestForm.submitFromCartButton')
-                          : t('requestForm.submitButton')}
+                        ? t('requestForm.submitFromCartButton')
+                        : t('requestForm.submitButton')}
                 </Button>
             </div>
         </div>