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

package/dist/assets/storefront/src/components/commerce/quote-action-buttons.tsx

@@ -1,19 +1,19 @@
 'use client';
 
-import {useState, useTransition, useCallback, useEffect, useRef} from 'react';
-import {useRouter} from '@/i18n/navigation';
-import {Button} from '@/components/ui/button';
-import {Textarea} from '@/components/ui/textarea';
-import {XCircle, MessageSquare, ShoppingCart, Send, Loader2, AlertTriangle} from 'lucide-react';
-import {useTranslations} from 'next-intl';
 import {
-    submitQuote,
+    acceptAndConvertQuote,
     acceptQuote,
+    checkQuoteStock,
     rejectQuote,
     requestQuoteChanges,
-    acceptAndConvertQuote,
-    checkQuoteStock,
+    submitQuote,
 } from '@/app/[locale]/account/quotes/actions';
+import { Button } from '@/components/ui/button';
+import { Textarea } from '@/components/ui/textarea';
+import { useRouter } from '@/i18n/navigation';
+import { AlertTriangle, Loader2, MessageSquare, Send, ShoppingCart, XCircle } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useCallback, useEffect, useRef, useState, useTransition } from 'react';
 
 const TERMINAL_STATUSES = new Set(['ACCEPTED', 'REJECTED', 'CANCELLED', 'EXPIRED']);
 const POLL_INTERVAL_MS = 1000;
@@ -23,14 +23,29 @@ interface QuoteActionButtonsProps {
     quoteId: string;
     status: string;
     convertedOrderId?: string | null;
+    /**
+     * Whether the deployment is granted `quote.negotiation`.
+     *
+     * Resolved by the server component that renders this one. Reading the
+     * capability hint here instead would inline the deployment's entire granted
+     * capability list into this client chunk, because Next.js replaces
+     * `process.env.NEXT_PUBLIC_*` with its literal value wherever the module
+     * graph reaches the browser.
+     */
+    hasQuoteNegotiation: boolean;
 }
 
-export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteActionButtonsProps) {
+export function QuoteActionButtons({
+    quoteId,
+    status,
+    convertedOrderId,
+    hasQuoteNegotiation,
+}: QuoteActionButtonsProps) {
     const router = useRouter();
     const t = useTranslations('Quotes');
     const [reason, setReason] = 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);
     const [polling, setPolling] = useState(false);
     const pollCount = useRef(0);
     const initialStatus = useRef(status);
@@ -66,19 +81,22 @@ export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteAct
         return () => clearInterval(timer);
     }, [polling, router]);
 
-    const handleAction = useCallback((action: () => Promise<{success: boolean; message?: string; redirectTo?: string}>) => {
-        startTransition(async () => {
-            const res = await action();
-            setResult(res);
-            if (res.success && 'redirectTo' in res && res.redirectTo) {
-                router.push(res.redirectTo);
-            } else if (res.success) {
-                pollCount.current = 0;
-                setPolling(true);
-                router.refresh();
-            }
-        });
-    }, [router]);
+    const handleAction = useCallback(
+        (action: () => Promise<{ success: boolean; message?: string; redirectTo?: string }>) => {
+            startTransition(async () => {
+                const res = await action();
+                setResult(res);
+                if (res.success && 'redirectTo' in res && res.redirectTo) {
+                    router.push(res.redirectTo);
+                } else if (res.success) {
+                    pollCount.current = 0;
+                    setPolling(true);
+                    router.refresh();
+                }
+            });
+        },
+        [router],
+    );
 
     if (TERMINAL_STATUSES.has(status) && status !== 'ACCEPTED') {
         return null;
@@ -91,7 +109,7 @@ export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteAct
     if (polling) {
         return (
             <div className="flex items-center gap-2 rounded-md border border-blue-200 bg-blue-50 p-3 text-sm text-blue-800">
-                <Loader2 className="h-4 w-4 animate-spin"/>
+                <Loader2 className="h-4 w-4 animate-spin" />
                 {t('actionProcessing')}
             </div>
         );
@@ -106,7 +124,7 @@ export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteAct
                     disabled={isPending}
                     className="w-full"
                 >
-                    <Send className="h-4 w-4 mr-1"/>
+                    <Send className="h-4 w-4 mr-1" />
                     {t('actionSubmitQuoteRequest')}
                 </Button>
             )}
@@ -116,14 +134,23 @@ export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteAct
                     {stockWarning && (
                         <div className="rounded-md border border-amber-200 bg-amber-50 p-4 space-y-3">
                             <div className="flex items-start gap-2">
-                                <AlertTriangle className="h-4 w-4 text-amber-600 mt-0.5 shrink-0"/>
+                                <AlertTriangle className="h-4 w-4 text-amber-600 mt-0.5 shrink-0" />
                                 <div>
-                                    <p className="text-sm font-medium text-amber-900">{t('stockWarningTitle')}</p>
+                                    <p className="text-sm font-medium text-amber-900">
+                                        {t('stockWarningTitle')}
+                                    </p>
                                     <ul className="text-xs text-amber-800 mt-1.5 space-y-1">
-                                        {stockWarning.map(item => (
+                                        {stockWarning.map((item) => (
                                             <li key={item.sku}>
                                                 <span className="font-medium">{item.productName}</span>
-                                                <span className="text-amber-700"> — {t('stockWarningNeedAvailable', {needed: item.requestedQuantity, available: item.availableStock})}</span>
+                                                <span className="text-amber-700">
+                                                    {' '}
+                                                    —{' '}
+                                                    {t('stockWarningNeedAvailable', {
+                                                        needed: item.requestedQuantity,
+                                                        available: item.availableStock,
+                                                    })}
+                                                </span>
                                             </li>
                                         ))}
                                     </ul>
@@ -162,7 +189,7 @@ export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteAct
                     )}
                     {!stockWarning && (
                         <>
-                            {status === 'QUOTED' && (
+                            {status === 'QUOTED' && hasQuoteNegotiation && (
                                 <Textarea
                                     placeholder={t('changeRequestPlaceholder')}
                                     value={reason}
@@ -194,29 +221,37 @@ export function QuoteActionButtons({quoteId, status, convertedOrderId}: QuoteAct
                                     disabled={isPending}
                                     className="w-full"
                                 >
-                                    <ShoppingCart className="h-4 w-4 mr-2"/>
-                                    {status === 'ACCEPTED' ? t('actionProceedToCheckout') : t('actionAcceptAndCheckout')}
+                                    <ShoppingCart className="h-4 w-4 mr-2" />
+                                    {status === 'ACCEPTED'
+                                        ? t('actionProceedToCheckout')
+                                        : t('actionAcceptAndCheckout')}
                                 </Button>
                                 {status === 'QUOTED' && (
                                     <>
-                                        <Button
-                                            variant="outline"
-                                            size="sm"
-                                            onClick={() => handleAction(() => requestQuoteChanges(quoteId, reason))}
-                                            disabled={isPending || !reason.trim()}
-                                            className="w-full"
-                                        >
-                                            <MessageSquare className="h-4 w-4 mr-1"/>
-                                            {t('actionRequestChanges')}
-                                        </Button>
+                                        {hasQuoteNegotiation && (
+                                            <Button
+                                                variant="outline"
+                                                size="sm"
+                                                onClick={() =>
+                                                    handleAction(() => requestQuoteChanges(quoteId, reason))
+                                                }
+                                                disabled={isPending || !reason.trim()}
+                                                className="w-full"
+                                            >
+                                                <MessageSquare className="h-4 w-4 mr-1" />
+                                                {t('actionRequestChanges')}
+                                            </Button>
+                                        )}
                                         <Button
                                             variant="destructive"
                                             size="sm"
-                                            onClick={() => handleAction(() => rejectQuote(quoteId, reason || undefined))}
+                                            onClick={() =>
+                                                handleAction(() => rejectQuote(quoteId, reason || undefined))
+                                            }
                                             disabled={isPending}
                                             className="w-full"
                                         >
-                                            <XCircle className="h-4 w-4 mr-1"/>
+                                            <XCircle className="h-4 w-4 mr-1" />
                                             {t('actionRejectQuote')}
                                         </Button>
                                     </>

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>
     );