@metron-labs/quote-react 0.1.41 → 0.1.43

package/dist/app/QuickQuote.js

@@ -17,7 +17,7 @@ const SAVED_QUOTE_KEY = "metron-quick-quote";
 export default function QuickQuote(props) {
     return (_jsx(CartProvider, { children: _jsx(QuickQuoteInner, { ...props }) }));
 }
-function QuickQuoteInner({ fullPage = false, hideHeader = false, internal = false, }) {
+function QuickQuoteInner({ fullPage = false, hideHeader = false, internal = false }) {
     const [stage, setStage] = useState("entry");
     const [entryMode, setEntryMode] = useState(null);
     const [error, setError] = useState("");
@@ -52,7 +52,27 @@ function QuickQuoteInner({ fullPage = false, hideHeader = false, internal = fals
         void fetch(apiUrl("/api/catalogue/resolve-conversions"), {
             method: "POST",
             headers: { "Content-Type": "application/json", ...clientHeaders() },
-            body: JSON.stringify({ lines: unresolved.map((item) => ({ line_id: item.lineId, product_id: item.productId, requested_description: item.requestedDescription ?? item.description, requested_qty: item.qty, requested_uom: item.unit || null, selected_description: item.description, selected_uoi: item.uoi, selected_uoi_count: item.uoiCount, linked_context: item.linkedContext ?? [], selected_conversion: { sales_uom_normalised: item.salesUomNormalised, conversion_type: item.conversionType, sales_unit_size: item.salesUnitSize, sales_unit_size_uom: item.salesUnitSizeUom, coverage_qty: item.coverageQty, coverage_uom: item.coverageUom } })) }),
+            body: JSON.stringify({
+                lines: unresolved.map((item) => ({
+                    line_id: item.lineId,
+                    product_id: item.productId,
+                    requested_description: item.requestedDescription ?? item.description,
+                    requested_qty: item.qty,
+                    requested_uom: item.unit || null,
+                    selected_description: item.description,
+                    selected_uoi: item.uoi,
+                    selected_uoi_count: item.uoiCount,
+                    linked_context: item.linkedContext ?? [],
+                    selected_conversion: {
+                        sales_uom_normalised: item.salesUomNormalised,
+                        conversion_type: item.conversionType,
+                        sales_unit_size: item.salesUnitSize,
+                        sales_unit_size_uom: item.salesUnitSizeUom,
+                        coverage_qty: item.coverageQty,
+                        coverage_uom: item.coverageUom,
+                    },
+                })),
+            }),
         })
             .then((response) => (response.ok ? readJson(response) : null))
             .then((payload) => {
@@ -267,5 +287,10 @@ function QuickQuoteInner({ fullPage = false, hideHeader = false, internal = fals
         setEntryMode("schedule");
         await runScheduleMatch(file);
     }, [runScheduleMatch]);
-    return (_jsx(TrackContext.Provider, { value: track, children: _jsx("div", { ref: rootRef, className: `app-wrapper${fullPage ? "" : " app-wrapper--embedded"}${hideHeader ? " app-wrapper--no-header" : ""}${!fullPage && stage === "processing" ? " app-wrapper--loading" : ""}`, style: getQuoteConfig().theme, children: _jsxs("main", { className: "main-content", children: [error && (_jsxs("div", { className: "error-box", role: "alert", children: [_jsx("strong", { children: "Error:" }), " ", error] })), stage === "entry" && (_jsx(EntryStage, { onPasteSchedule: handlePasteSchedule, onUploadSchedule: handleUploadSchedule, onEntryModeChange: setEntryMode })), stage === "results" && entryMode === "schedule" && scheduleResult && (_jsx(ScheduleResultsStage, { scheduleResult: scheduleResult, onStartOver: resetToEntry, cart: cart, onAddToCart: addToCart, onRemoveFromCart: removeFromCart, onGoToBasket: goToBasket, cartSeeded: cartSeeded, onCartSeeded: () => setCartSeeded(true), reviewGateComplete: scheduleReviewGateComplete, onReviewGateComplete: () => setScheduleReviewGateComplete(true), internal: internal })), stage === "basket" && (_jsx(BasketStage, { cart: cart, onUpdateQty: updateCartQty, onUpdateSellUnits: updateCartSellUnits, onRemove: removeFromCart, onBack: backToResults, onStartNewQuote: resetToEntry, internal: internal }))] }) }) }));
+    return (_jsx(TrackContext.Provider, { value: track, children: _jsx("div", { ref: rootRef, className: `app-wrapper${fullPage ? "" : " app-wrapper--embedded"}${hideHeader ? " app-wrapper--no-header" : ""}${!fullPage && stage === "processing" ? " app-wrapper--loading" : ""}`, style: getQuoteConfig().theme, children: _jsxs("main", { className: "main-content", children: [error && (_jsxs("div", { className: "error-box", role: "alert", children: [_jsx("strong", { children: "Error:" }), " ", error] })), stage === "entry" && _jsx(EntryStage, { onPasteSchedule: handlePasteSchedule, onUploadSchedule: handleUploadSchedule, onEntryModeChange: setEntryMode }), stage === "results" && entryMode === "schedule" && scheduleResult && (_jsx(ScheduleResultsStage, { scheduleResult: scheduleResult, onStartOver: resetToEntry, cart: cart, onAddToCart: addToCart, onRemoveFromCart: removeFromCart, onGoToBasket: goToBasket, cartSeeded: cartSeeded, onCartSeeded: () => setCartSeeded(true), reviewGateComplete: scheduleReviewGateComplete, onReviewGateComplete: () => setScheduleReviewGateComplete(true), internal: internal })), stage === "basket" && (_jsx(BasketStage, { cart: cart, onUpdateQty: updateCartQty, onUpdateSellUnits: updateCartSellUnits, onRemove: removeFromCart, onBack: backToResults, onStartNewQuote: resetToEntry, onQuoteRequested: () => {
+                            setScheduleResult(null);
+                            setScheduleReviewGateComplete(false);
+                            setCartSeeded(false);
+                            clearCart();
+                        }, internal: internal }))] }) }) }));
 }

package/dist/app/stages/BasketStage.d.ts

@@ -8,7 +8,9 @@ interface BasketStageProps {
     onBack: () => void;
     /** Clears the basket and returns to the start, from the quote-request confirmation page. */
     onStartNewQuote: () => void;
+    /** Called once the quote request is sent; the confirmation stays up whatever it clears. */
+    onQuoteRequested?: () => void;
     internal?: boolean;
 }
-export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onResolveConversions, onRemove, onBack, onStartNewQuote, internal }: BasketStageProps): import("react").JSX.Element;
+export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onResolveConversions, onRemove, onBack, onStartNewQuote, onQuoteRequested, internal }: BasketStageProps): import("react").JSX.Element;
 export {};

package/dist/app/stages/BasketStage.js

@@ -36,7 +36,7 @@ function TrashIcon() {
 function ChevronIcon() {
     return (_jsx("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", children: _jsx("path", { d: "M1 4L4 1L7 4", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
-export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onResolveConversions, onRemove, onBack, onStartNewQuote, internal = false }) {
+export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onResolveConversions, onRemove, onBack, onStartNewQuote, onQuoteRequested, internal = false }) {
     // Both widgets can render a basket on the same page, so element ids are made unique.
     const uid = useId();
     const qzaBasketLayout = !internal && getBoqClientId() === "QZA6-MRA4";
@@ -195,6 +195,7 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
             }
             track("quote_requested", { items: pricedItems.length, total: Math.round(total * 100) / 100 });
             setQuoteRequestSent(true);
+            onQuoteRequested?.();
             window.scrollTo(0, 0);
         }
         catch {

package/dist/app/stages/EntryStage.js

@@ -8,6 +8,7 @@ import CloseIcon from "../../components/CloseIcon";
 import { clientHeaders, readJson } from "../../lib/api/boqClient";
 import { FILE_EXTENSIONS, isPhotoFile, shrinkPhoto, validateLines, validateUploadFile } from "../../lib/boq/inputLimits";
 import { ProcessingContent } from "./ProcessingStage";
+import { useEscapeKey } from "../../lib/useEscapeKey";
 const UPLOAD_ACCEPT = [...FILE_EXTENSIONS.schedule, ...FILE_EXTENSIONS.photo].join(",");
 const STEPS = {
     paste: [
@@ -53,6 +54,8 @@ export default function EntryStage({ onPasteSchedule, onUploadSchedule, onEntryM
         setActiveTab(null);
         onEntryModeChange(null);
     };
+    // Like the close button, but not mid-match, where the modal is showing progress.
+    useEscapeKey(Boolean(activeTab) && !matching, closeWorkflow);
     const applyUploadFile = (files) => {
         if (!files?.length)
             return;

package/dist/app/stages/ScheduleResultsStage.js

@@ -12,6 +12,7 @@ import { productImageSrc } from "../../lib/productImage";
 import { candidateToCartItem } from "../../lib/boq/toCartItem";
 import { apiHeaders, getBoqClientId, readJson } from "../../lib/api/boqClient";
 import { exportScheduleExcel } from "../../util/exportScheduleExcel";
+import { useEscapeKey } from "../../lib/useEscapeKey";
 import { getCartSubtotal, getPricingBreakdown } from "../../util/pricing";
 const NO_SELECTION = "__none__";
 const PAGE_SIZE = 24;
@@ -486,6 +487,10 @@ export default function ScheduleResultsStage({ scheduleResult, onStartOver, cart
         setSelectedReviewId(null);
         setReviewFlowActive(false);
     };
+    // Escape does what each dialog's own close or cancel does. The review gate has neither - it's
+    // a required step - so Escape leaves it open.
+    useEscapeKey(confirmStartOver, () => setConfirmStartOver(false));
+    useEscapeKey(Boolean(activeReviewRow) && !confirmStartOver, () => closeReview());
     const completeReviewAndReturnToGate = (lineId) => {
         setReviewedReviewIds((ids) => new Set(ids).add(lineId));
         if (pendingReviewRows.some((row) => row.item.line_id !== lineId)) {