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

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

@@ -1,32 +1,34 @@
-import type {Metadata} from 'next';
-import {Suspense} from 'react';
-import {ChevronLeft, AlertTriangle, Info} from 'lucide-react';
-import {client} from '@/lib/vendure/api';
-import {GetMyQuoteDetailQuery} from '@/lib/vendure/queries';
-import {Button} from '@/components/ui/button';
-import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
-import {Separator} from '@/components/ui/separator';
-import {Price} from '@/components/commerce/price';
-import {QuoteStatusBadge} from '@/components/commerce/quote-status-badge';
-import {QuoteActionButtons} from '@/components/commerce/quote-action-buttons';
-import {QuoteVersionComparison} from '@/components/commerce/quote-version-comparison';
-import {QuoteActivityTimeline} from '@/components/commerce/quote-activity-timeline';
-import {QuoteValidityIndicator} from '@/components/commerce/quote-validity-indicator';
-import {QuoteCsvExportButton} from '@/components/commerce/quote-csv-export-button';
-import {formatDate} from '@/lib/format';
-import {getActiveChannelCached} from '@/lib/vendure/cached';
-import {getActiveChannelToken} from '@/lib/channel-server';
-import {setRequestLocale, getTranslations} from 'next-intl/server';
-import {Link, redirect} from '@/i18n/navigation';
+import { Price } from '@/components/commerce/price';
+import { QuoteActionButtons } from '@/components/commerce/quote-action-buttons';
+import { QuoteActivityTimeline } from '@/components/commerce/quote-activity-timeline';
+import { QuoteCsvExportButton } from '@/components/commerce/quote-csv-export-button';
+import { QuoteStatusBadge } from '@/components/commerce/quote-status-badge';
+import { QuoteValidityIndicator } from '@/components/commerce/quote-validity-indicator';
+import { QuoteVersionComparison } from '@/components/commerce/quote-version-comparison';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Separator } from '@/components/ui/separator';
+import { hasCapability } from '@/config/capabilities';
+import { Link, redirect } from '@/i18n/navigation';
+import { getActiveChannelToken } from '@/lib/channel-server';
+import { formatDate } from '@/lib/format';
+import { client } from '@/lib/vendure/api';
+import { getActiveChannelCached } from '@/lib/vendure/cached';
+import { getQuoteNegotiationData } from '@/lib/vendure/capability-ui';
+import { GetMyQuoteDetailQuery, type QuoteComment, type QuoteVersion } from '@/lib/vendure/queries';
+import { AlertTriangle, ChevronLeft, Info } from 'lucide-react';
+import type { Metadata } from 'next';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
+import { Suspense } from 'react';
 
 const TERMINAL_STATUSES = new Set(['ACCEPTED', 'REJECTED', 'CANCELLED', 'EXPIRED']);
 
 interface QuoteDetailPageProps {
-    params: Promise<{locale: string; id: string}>;
+    params: Promise<{ locale: string; id: string }>;
 }
 
-export async function generateMetadata({params}: QuoteDetailPageProps): Promise<Metadata> {
-    const {id} = await params;
+export async function generateMetadata({ params }: QuoteDetailPageProps): Promise<Metadata> {
+    const { id } = await params;
     return {
         title: `Quote ${id}`,
     };
@@ -36,19 +38,15 @@ type QuoteDetailTranslations = Awaited<ReturnType<typeof getTranslations<'Quotes
 
 function getValidityBanner(validUntil: string | null | undefined, t: QuoteDetailTranslations) {
     if (!validUntil) return null;
-    const daysRemaining = Math.ceil(
-        (new Date(validUntil).getTime() - Date.now()) / (1000 * 60 * 60 * 24),
-    );
+    const daysRemaining = Math.ceil((new Date(validUntil).getTime() - Date.now()) / (1000 * 60 * 60 * 24));
     if (daysRemaining < 0) {
         return (
             <div className="rounded-lg border border-red-200 bg-red-50 p-4 mb-6">
                 <div className="flex gap-3">
-                    <AlertTriangle className="h-5 w-5 text-red-600 flex-shrink-0 mt-0.5"/>
+                    <AlertTriangle className="h-5 w-5 text-red-600 flex-shrink-0 mt-0.5" />
                     <div>
                         <h3 className="font-medium text-red-900">{t('quoteExpiredTitle')}</h3>
-                        <p className="text-sm text-red-800 mt-1">
-                            {t('quoteExpiredMessage')}
-                        </p>
+                        <p className="text-sm text-red-800 mt-1">{t('quoteExpiredMessage')}</p>
                     </div>
                 </div>
             </div>
@@ -58,11 +56,11 @@ function getValidityBanner(validUntil: string | null | undefined, t: QuoteDetail
         return (
             <div className="rounded-lg border border-amber-200 bg-amber-50 p-4 mb-6">
                 <div className="flex gap-3">
-                    <AlertTriangle className="h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5"/>
+                    <AlertTriangle className="h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" />
                     <div>
                         <h3 className="font-medium text-amber-900">{t('quoteExpiringSoonTitle')}</h3>
                         <p className="text-sm text-amber-800 mt-1">
-                            {t('quoteExpiresIn', {days: daysRemaining})}
+                            {t('quoteExpiresIn', { days: daysRemaining })}
                         </p>
                     </div>
                 </div>
@@ -74,19 +72,29 @@ function getValidityBanner(validUntil: string | null | undefined, t: QuoteDetail
 
 export default async function QuoteDetailPage(props: QuoteDetailPageProps) {
     return (
-        <Suspense fallback={<div><p className="text-sm text-muted-foreground">Loading quote...</p></div>}>
+        <Suspense
+            fallback={
+                <div>
+                    <p className="text-sm text-muted-foreground">Loading quote...</p>
+                </div>
+            }
+        >
             <QuoteDetailContent paramsPromise={props.params} />
         </Suspense>
     );
 }
 
-async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{locale: string; id: string}>}) {
-    const {locale, id} = await paramsPromise;
+async function QuoteDetailContent({
+    paramsPromise,
+}: {
+    paramsPromise: Promise<{ locale: string; id: string }>;
+}) {
+    const { locale, id } = await paramsPromise;
     setRequestLocale(locale);
     const channelToken = await getActiveChannelToken();
     const [t, [result, error], channel] = await Promise.all([
         getTranslations('Quotes'),
-        client.query(GetMyQuoteDetailQuery, {id}),
+        client.query(GetMyQuoteDetailQuery, { id }),
         getActiveChannelCached(channelToken),
     ]);
     const currencyCode = channel.defaultCurrencyCode;
@@ -99,18 +107,20 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
         return await redirect('/account/quotes');
     }
     const version = quote.currentVersion;
+    const negotiation = getQuoteNegotiationData<QuoteComment, QuoteVersion>(quote);
     const isTerminal = TERMINAL_STATUSES.has(quote.status);
-    const v1 = quote.versions.find(v => v.versionNumber === 1);
-    const v1LineItems = v1 && quote.versions.length > 1
-        ? v1.lineItems.map(item => ({sku: item.sku, unitPrice: item.unitPrice}))
-        : undefined;
+    const v1 = negotiation.versions.find((item) => item.versionNumber === 1);
+    const v1LineItems =
+        v1 && negotiation.versions.length > 1
+            ? v1.lineItems.map((item) => ({ sku: item.sku, unitPrice: item.unitPrice }))
+            : undefined;
 
     return (
         <div>
             <div className="mb-6">
                 <Button variant="ghost" size="sm" asChild className="mb-4">
                     <Link href="/account/quotes">
-                        <ChevronLeft className="h-4 w-4 mr-2"/>
+                        <ChevronLeft className="h-4 w-4 mr-2" />
                         {t('backToQuotes')}
                     </Link>
                 </Button>
@@ -119,7 +129,7 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                         <div>
                             <h1 className="text-3xl font-bold">Quote {quote.quoteNumber}</h1>
                             <p className="text-muted-foreground mt-1">
-                                {t('createdOn', {date: formatDate(quote.createdAt, locale, 'long')})}
+                                {t('createdOn', { date: formatDate(quote.createdAt, locale, 'long') })}
                             </p>
                         </div>
                     </div>
@@ -134,7 +144,7 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                                 v1LineItems={v1LineItems}
                             />
                         )}
-                        <QuoteStatusBadge status={quote.status}/>
+                        <QuoteStatusBadge status={quote.status} />
                     </div>
                 </div>
             </div>
@@ -142,12 +152,10 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
             {quote.status === 'IN_REVIEW' && (
                 <div className="rounded-lg border border-blue-200 bg-blue-50 p-4 mb-6">
                     <div className="flex gap-3">
-                        <Info className="h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5"/>
+                        <Info className="h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" />
                         <div>
                             <h3 className="font-medium text-blue-900">{t('inReviewBannerTitle')}</h3>
-                            <p className="text-sm text-blue-800 mt-1">
-                                {t('inReviewBannerMessage')}
-                            </p>
+                            <p className="text-sm text-blue-800 mt-1">{t('inReviewBannerMessage')}</p>
                         </div>
                     </div>
                 </div>
@@ -162,7 +170,7 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                     {version && (
                         <QuoteVersionComparison
                             currentVersion={version}
-                            versions={quote.versions}
+                            versions={negotiation.versions}
                             currencyCode={currencyCode}
                         />
                     )}
@@ -176,23 +184,41 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                             <CardContent>
                                 <div className="space-y-2">
                                     <div className="flex justify-between text-sm">
-                                        <span className="text-muted-foreground">{t('subtotal')} <span className="text-[10px]">({t('subtotalExclTax')})</span></span>
-                                        <span><Price value={version.subtotal} currencyCode={currencyCode}/></span>
+                                        <span className="text-muted-foreground">
+                                            {t('subtotal')}{' '}
+                                            <span className="text-[10px]">({t('subtotalExclTax')})</span>
+                                        </span>
+                                        <span>
+                                            <Price value={version.subtotal} currencyCode={currencyCode} />
+                                        </span>
                                     </div>
                                     <div className="flex justify-between text-sm">
                                         <span className="text-muted-foreground">{t('shipping')}</span>
                                         <span>
-                                            {version.shippingCost > 0
-                                                ? <Price value={version.shippingCost} currencyCode={currencyCode}/>
-                                                : t('shippingIncluded')}
+                                            {version.shippingCost > 0 ? (
+                                                <Price
+                                                    value={version.shippingCost}
+                                                    currencyCode={currencyCode}
+                                                />
+                                            ) : (
+                                                t('shippingIncluded')
+                                            )}
                                         </span>
                                     </div>
-                                    <Separator className="my-2"/>
+                                    <Separator className="my-2" />
                                     <div className="flex justify-between font-bold text-lg">
                                         <span>{t('total')}</span>
-                                        <span><Price value={version.total} currencyCode={currencyCode} taxLabel="excl" /></span>
+                                        <span>
+                                            <Price
+                                                value={version.total}
+                                                currencyCode={currencyCode}
+                                                taxLabel="excl"
+                                            />
+                                        </span>
                                     </div>
-                                    <p className="text-xs text-muted-foreground mt-2 italic">{t('taxCalculatedAtCheckout')}</p>
+                                    <p className="text-xs text-muted-foreground mt-2 italic">
+                                        {t('taxCalculatedAtCheckout')}
+                                    </p>
                                 </div>
                             </CardContent>
                         </Card>
@@ -200,8 +226,8 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
 
                     {/* Activity Timeline */}
                     <QuoteActivityTimeline
-                        versions={quote.versions}
-                        comments={quote.comments}
+                        versions={negotiation.versions}
+                        comments={negotiation.comments}
                         currentVersionNumber={version?.versionNumber}
                         currencyCode={currencyCode}
                     />
@@ -217,7 +243,7 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                         <CardContent className="space-y-3 text-sm">
                             <div className="flex items-center justify-between">
                                 <span className="text-muted-foreground">{t('infoStatus')}</span>
-                                <QuoteStatusBadge status={quote.status}/>
+                                <QuoteStatusBadge status={quote.status} />
                             </div>
                             <div className="flex justify-between">
                                 <span className="text-muted-foreground">{t('infoQuoteNumber')}</span>
@@ -226,20 +252,24 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                             {quote.validUntil && (
                                 <div className="flex justify-between">
                                     <span className="text-muted-foreground">{t('infoValidUntil')}</span>
-                                    <QuoteValidityIndicator validUntil={quote.validUntil}/>
+                                    <QuoteValidityIndicator validUntil={quote.validUntil} />
                                 </div>
                             )}
                             {quote.convertedOrderId && (
                                 <div className="flex justify-between">
                                     <span className="text-muted-foreground">{t('infoConvertedOrder')}</span>
-                                    <span className="font-medium text-green-700">{t('infoConvertedOrderYes')}</span>
+                                    <span className="font-medium text-green-700">
+                                        {t('infoConvertedOrderYes')}
+                                    </span>
                                 </div>
                             )}
                         </CardContent>
                     </Card>
 
                     {/* Actions */}
-                    {(quote.status === 'DRAFT' || quote.status === 'QUOTED' || (quote.status === 'ACCEPTED' && !quote.convertedOrderId)) && (
+                    {(quote.status === 'DRAFT' ||
+                        quote.status === 'QUOTED' ||
+                        (quote.status === 'ACCEPTED' && !quote.convertedOrderId)) && (
                         <Card>
                             <CardHeader>
                                 <CardTitle>{t('actionsCardTitle')}</CardTitle>
@@ -249,6 +279,7 @@ async function QuoteDetailContent({paramsPromise}: {paramsPromise: Promise<{loca
                                     quoteId={quote.id}
                                     status={quote.status}
                                     convertedOrderId={quote.convertedOrderId}
+                                    hasQuoteNegotiation={hasCapability('quote.negotiation')}
                                 />
                             </CardContent>
                         </Card>

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

@@ -1,21 +1,21 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
+import { redirect } from '@/i18n/navigation';
+import { client } from '@/lib/vendure/api';
 import {
-    RequestQuoteFromCartMutation,
-    SubmitQuoteMutation,
+    AcceptAndConvertQuoteMutation,
     AcceptQuoteMutation,
+    AddQuoteCommentMutation,
+    CancelQuoteCheckoutMutation,
     RejectQuoteMutation,
+    RemoveAllOrderLinesMutation,
     RequestQuoteChangesMutation,
-    AcceptAndConvertQuoteMutation,
-    AddQuoteCommentMutation,
+    RequestQuoteFromCartMutation,
     RequestQuoteMutation,
-    RemoveAllOrderLinesMutation,
-    CancelQuoteCheckoutMutation,
+    SubmitQuoteMutation,
 } from '@/lib/vendure/mutations';
-import {QuoteStockCheckQuery, SearchVariantsQuery} from '@/lib/vendure/queries';
-import {revalidatePath, updateTag} from 'next/cache';
-import {redirect} from '@/i18n/navigation';
+import { QuoteStockCheckQuery, SearchVariantsQuery } from '@/lib/vendure/queries';
+import { revalidatePath, updateTag } from 'next/cache';
 
 function invalidateCart() {
     updateTag('cart');
@@ -29,17 +29,16 @@ type QuoteLineItemInput = { productVariantId: string; quantity: number; note?: s
  * Returns the quote ID on success, or throws on failure.
  */
 async function createAndSubmitQuote(lineItems: QuoteLineItemInput[], note?: string) {
-    const [result, error] = await client.mutate(
-        RequestQuoteMutation,
-        {input: {lineItems, note: note || undefined}},
-    );
+    const [result, error] = await client.mutate(RequestQuoteMutation, {
+        input: { lineItems, note: note || undefined },
+    });
     if (error) {
         throw new Error(error.message || 'Failed to create quote');
     }
     const quoteId = result.data.requestQuote.id;
     // Auto-submit — if this fails, user lands on the quote detail page
     // where they can see the DRAFT and manually submit
-    const [, submitError] = await client.mutate(SubmitQuoteMutation, {quoteId});
+    const [, submitError] = await client.mutate(SubmitQuoteMutation, { quoteId });
     if (submitError) {
         console.error('[createAndSubmitQuote] Submit failed:', submitError);
     }
@@ -57,8 +56,8 @@ export async function searchVariantsForQuote(term: string) {
     }
 
     return result.data.search.items
-        .filter(item => item.price.__typename === 'SinglePrice')
-        .map(item => ({
+        .filter((item) => item.price.__typename === 'SinglePrice')
+        .map((item) => ({
             productVariantId: item.productVariantId,
             productName: item.productName,
             variantName: item.productVariantName,
@@ -75,13 +74,13 @@ export async function requestQuoteFromCart() {
     if (error) {
         const message = error.message || 'Failed to request quote';
         console.error('[requestQuoteFromCart] FAILED:', message);
-        return {success: false, message};
+        return { success: false, message };
     }
     const quoteId = result.data.requestQuoteFromCart.id;
 
     // Auto-submit — if this fails, user still lands on the quote detail page
     // where they can see the DRAFT and manually submit
-    const [, submitError] = await client.mutate(SubmitQuoteMutation, {quoteId});
+    const [, submitError] = await client.mutate(SubmitQuoteMutation, { quoteId });
     if (submitError) {
         console.error('[requestQuoteFromCart] Submit failed, redirecting to draft:', submitError);
     }
@@ -91,20 +90,20 @@ export async function requestQuoteFromCart() {
 }
 
 export async function submitQuote(quoteId: string) {
-    const [, error] = await client.mutate(SubmitQuoteMutation, {quoteId});
+    const [, error] = await client.mutate(SubmitQuoteMutation, { quoteId });
 
     if (error) {
         const message = error.message || 'Failed to submit quote';
         console.error('[submitQuote] FAILED:', message);
-        return {success: false, message};
+        return { success: false, message };
     }
 
     revalidatePath('/account/quotes', 'layout');
-    return {success: true};
+    return { success: true };
 }
 
 export async function acceptQuote(quoteId: string) {
-    const [, error] = await client.mutate(AcceptQuoteMutation, {quoteId});
+    const [, error] = await client.mutate(AcceptQuoteMutation, { quoteId });
 
     if (error) {
         return {
@@ -114,11 +113,11 @@ export async function acceptQuote(quoteId: string) {
     }
 
     revalidatePath('/account/quotes', 'layout');
-    return {success: true};
+    return { success: true };
 }
 
 export async function rejectQuote(quoteId: string, reason?: string) {
-    const [, error] = await client.mutate(RejectQuoteMutation, {quoteId, reason: reason ?? null});
+    const [, error] = await client.mutate(RejectQuoteMutation, { quoteId, reason: reason ?? null });
 
     if (error) {
         return {
@@ -128,11 +127,11 @@ export async function rejectQuote(quoteId: string, reason?: string) {
     }
 
     revalidatePath('/account/quotes', 'layout');
-    return {success: true};
+    return { success: true };
 }
 
 export async function requestQuoteChanges(quoteId: string, reason?: string) {
-    const [, error] = await client.mutate(RequestQuoteChangesMutation, {quoteId, reason: reason ?? null});
+    const [, error] = await client.mutate(RequestQuoteChangesMutation, { quoteId, reason: reason ?? null });
 
     if (error) {
         return {
@@ -142,11 +141,11 @@ export async function requestQuoteChanges(quoteId: string, reason?: string) {
     }
 
     revalidatePath('/account/quotes', 'layout');
-    return {success: true};
+    return { success: true };
 }
 
 export async function acceptAndConvertQuote(quoteId: string) {
-    const [result, error] = await client.mutate(AcceptAndConvertQuoteMutation, {quoteId});
+    const [result, error] = await client.mutate(AcceptAndConvertQuoteMutation, { quoteId });
 
     if (error) {
         return {
@@ -167,15 +166,15 @@ export async function acceptAndConvertQuote(quoteId: string) {
 export async function cancelQuoteCheckout() {
     const [, error] = await client.mutate(CancelQuoteCheckoutMutation, {});
     if (error) {
-        return {success: false, message: error.message || 'Failed to cancel'};
+        return { success: false, message: error.message || 'Failed to cancel' };
     }
     invalidateCart();
     revalidatePath('/checkout', 'layout');
-    return {success: true};
+    return { success: true };
 }
 
 export async function addQuoteComment(quoteId: string, text: string) {
-    const [, error] = await client.mutate(AddQuoteCommentMutation, {quoteId, text});
+    const [, error] = await client.mutate(AddQuoteCommentMutation, { quoteId, text });
 
     if (error) {
         return {
@@ -185,23 +184,20 @@ export async function addQuoteComment(quoteId: string, text: string) {
     }
 
     revalidatePath('/account/quotes', 'layout');
-    return {success: true};
+    return { success: true };
 }
 
 /**
  * Standalone flow: create quote from line items, submit, redirect to detail.
  * On success, redirects (throws NEXT_REDIRECT) — only failure returns a result.
  */
-export async function requestQuoteWithItems(
-    lineItems: QuoteLineItemInput[],
-    note?: string,
-) {
+export async function requestQuoteWithItems(lineItems: QuoteLineItemInput[], note?: string) {
     let quoteId: string;
     try {
         quoteId = await createAndSubmitQuote(lineItems, note);
     } catch (err) {
         const message = err instanceof Error ? err.message : 'Failed to create quote';
-        return {success: false as const, message};
+        return { success: false as const, message };
     }
     revalidatePath('/account/quotes', 'layout');
     await redirect(`/account/quotes/${quoteId}`);
@@ -211,16 +207,13 @@ export async function requestQuoteWithItems(
  * Cart flow: create quote from line items, submit, clear cart, redirect.
  * On success, redirects (throws NEXT_REDIRECT) — only failure returns a result.
  */
-export async function requestQuoteFromCartWithReview(
-    lineItems: QuoteLineItemInput[],
-    note?: string,
-) {
+export async function requestQuoteFromCartWithReview(lineItems: QuoteLineItemInput[], note?: string) {
     let quoteId: string;
     try {
         quoteId = await createAndSubmitQuote(lineItems, note);
     } catch (err) {
         const message = err instanceof Error ? err.message : 'Failed to create quote';
-        return {success: false as const, message};
+        return { success: false as const, message };
     }
     const [, clearError] = await client.mutate(RemoveAllOrderLinesMutation, {});
     if (clearError) {
@@ -242,12 +235,12 @@ type StockCheckResult = {
 };
 
 export async function checkQuoteStock(quoteId: string): Promise<StockCheckResult> {
-    const [result, error] = await client.query(QuoteStockCheckQuery, {quoteId});
+    const [result, error] = await client.query(QuoteStockCheckQuery, { quoteId });
     if (error) {
         // Fail open — if the stock check itself fails, let the conversion
         // service catch real stock issues. Better than showing an empty warning.
         console.error('[checkQuoteStock] Failed:', error);
-        return {allInStock: true, outOfStockItems: []};
+        return { allInStock: true, outOfStockItems: [] };
     }
     return result.data.quoteStockCheck as StockCheckResult;
 }

package/dist/assets/storefront/src/app/[locale]/account/quotes/new/new-quote-form.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { QuoteRequestForm } from '@/components/commerce/quote-request-form';
-import { QuoteProductSearch } from '@/components/commerce/quote-product-search';
 import { requestQuoteWithItems } from '@/app/[locale]/account/quotes/actions';
+import { QuoteProductSearch } from '@/components/commerce/quote-product-search';
+import { QuoteRequestForm } from '@/components/commerce/quote-request-form';
 import { useRouter } from '@/i18n/navigation';
 
 interface NewQuoteFormProps {
@@ -20,9 +20,7 @@ export function NewQuoteForm({ sender, currencyCode }: NewQuoteFormProps) {
             mode="standalone"
             onSubmit={requestQuoteWithItems}
             onCancel={() => router.push('/account/quotes')}
-            renderSearch={(addItem) => (
-                <QuoteProductSearch onAddItem={addItem} currencyCode={currencyCode} />
-            )}
+            renderSearch={(addItem) => <QuoteProductSearch onAddItem={addItem} currencyCode={currencyCode} />}
         />
     );
 }

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

@@ -1,13 +1,13 @@
-import type { Metadata } from 'next';
-import { client } from '@/lib/vendure/api';
 import { readFragment } from '@/graphql';
-import { GetActiveCustomerQuery, GetActiveChannelQuery, GetCompanyAccountQuery } from '@/lib/vendure/queries';
-import { ActiveCustomerFragment, CompanyFragment } from '@/lib/vendure/fragments';
 import { redirect } from '@/i18n/navigation';
-import { NewQuoteForm } from './new-quote-form';
-import { locale as rootLocale } from 'next/root-params';
 import type { Locale } from '@/i18n/routing';
+import { client } from '@/lib/vendure/api';
+import { ActiveCustomerFragment, CompanyFragment } from '@/lib/vendure/fragments';
+import { GetActiveChannelQuery, GetActiveCustomerQuery, GetCompanyAccountQuery } from '@/lib/vendure/queries';
+import type { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
+import { locale as rootLocale } from 'next/root-params';
+import { NewQuoteForm } from './new-quote-form';
 
 export async function generateMetadata(): Promise<Metadata> {
     const locale = (await rootLocale()) as Locale;