@metron-labs/quote-react 0.1.18 → 0.1.20

package/dist/app/stages/BasketStage.js

@@ -11,6 +11,7 @@ import { clientHeaders, getBoqClientId, readJson } from "../../lib/api/boqClient
 // ponytail: flat UK VAT rate, matching fmtCurrency's GBP-only assumption elsewhere in this app.
 const VAT_RATE = 0.2;
 const PAGE_SIZE = 10;
+const INVALID_EMAIL_MESSAGE = "Enter a valid email address so we can send your quote.";
 const orderSummary = (item, pricing) => {
     const requested = `${pricing.requestedAmount} ${unitDisplayText(pricing.requestedUnit, pricing.requestedAmount)}`;
     const order = `${pricing.requiredSellUnits} ${unitDisplayText(pricing.sellUnit, pricing.requiredSellUnits ?? 0)}`;
@@ -145,7 +146,7 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
     async function submitQuoteRequest() {
         const email = reference.trim();
         if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-            setQuoteContactError("Enter a valid email address so we can send your better price.");
+            setQuoteContactError(INVALID_EMAIL_MESSAGE);
             return;
         }
         setQuoteContactError("");
@@ -161,13 +162,24 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
                     items: pricedItems.map(({ item, pricing }) => {
                         const quantity = pricing.requiredSellUnits ?? pricing.requestedAmount;
                         const unit = pricing.requiredSellUnits != null ? pricing.sellUnit : pricing.requestedUnit;
-                        return { product_id: item.productId, description: item.description, quantity, unit: unitDisplayText(unit, quantity) };
+                        return {
+                            product_id: item.productId,
+                            description: item.description,
+                            quantity,
+                            unit: unitDisplayText(unit, quantity),
+                            // The price is per sale unit, so it only matches the quantity when that's in sale units.
+                            unit_price: pricing.requiredSellUnits != null ? pricing.unitPrice : null,
+                            line_total: pricing.lineTotal,
+                        };
                     }),
                 }),
             });
             if (!res.ok) {
                 const payload = await readJson(res);
-                setQuoteContactError(res.status === 429 ? "You've sent a few requests already. Please try again in a few minutes." : (payload?.message ?? "Your request couldn't be sent. Please try again."));
+                // The API's own message is written for developers (e.g. "items.0: Unrecognized key(s)"),
+                // so the customer gets a plain one and the console keeps the detail.
+                console.error("Quote request failed", res.status, payload?.message);
+                setQuoteContactError(res.status === 429 ? "You've sent a few requests already. Please try again in a few minutes." : "Your request couldn't be sent. Please try again, or contact us if it keeps happening.");
                 return;
             }
             setQuoteRequestSent(true);
@@ -224,7 +236,7 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
                                                     setReference(e.target.value);
                                                     if (qzaBasketLayout)
                                                         setQuoteContactError("");
-                                                }, placeholder: qzaBasketLayout ? "you@example.com" : "PO number or job reference" }), qzaBasketLayout && quoteContactError && (_jsx("p", { className: "basket-quote-request-error", role: "alert", children: quoteContactError })), qzaBasketLayout ? (_jsx("button", { type: "button", className: "cta-btn", onClick: () => void submitQuoteRequest(), disabled: quoteRequestSending, "aria-busy": quoteRequestSending, children: _jsx("span", { children: quoteRequestSending ? "Sending…" : "Request our best quote" }) })) : (_jsx("button", { className: "cta-btn", onClick: () => void exportBasketExcel(items), "aria-label": internal ? "Download selection" : "Download basket", children: _jsx("span", { children: internal ? "Download Quote" : "Buy Now" }) })), _jsxs("p", { className: "basket-sidebar-disclaimer", children: [_jsx("span", { "aria-hidden": "true", children: "\u26A0\uFE0F" }), qzaBasketLayout
+                                                }, placeholder: qzaBasketLayout ? "you@example.com" : "PO number or job reference", "aria-invalid": qzaBasketLayout && quoteContactError === INVALID_EMAIL_MESSAGE, "aria-describedby": qzaBasketLayout && quoteContactError ? `${uid}-basket-reference-error` : undefined }), qzaBasketLayout && quoteContactError && (_jsx("p", { id: `${uid}-basket-reference-error`, className: "basket-quote-request-error", role: "alert", children: quoteContactError })), qzaBasketLayout ? (_jsx("button", { type: "button", className: "cta-btn", onClick: () => void submitQuoteRequest(), disabled: quoteRequestSending, "aria-busy": quoteRequestSending, children: _jsx("span", { children: quoteRequestSending ? "Sending…" : "Request our best quote" }) })) : (_jsx("button", { className: "cta-btn", onClick: () => void exportBasketExcel(items), "aria-label": internal ? "Download selection" : "Download basket", children: _jsx("span", { children: internal ? "Download Quote" : "Buy Now" }) })), _jsxs("p", { className: "basket-sidebar-disclaimer", children: [_jsx("span", { "aria-hidden": "true", children: "\u26A0\uFE0F" }), qzaBasketLayout
                                                         ? "This is a quote request, not an order. We'll confirm our best price, availability and delivery before you approve."
                                                         : "Prices and availability are estimates and should be confirmed before procurement."] })] })] }), _jsx("div", { className: "btn-row results-actions", children: _jsxs("button", { className: "cta-btn cta-btn-secondary", style: { flex: "0 1 30%", gap: 10, justifyContent: "center" }, onClick: onBack, "aria-label": "Back to results", children: [_jsx(BackArrow, {}), _jsx("span", { children: "Back to results" })] }) })] })) })] }) }));
 }