@metron-labs/quote-react 0.1.48 → 0.1.50

package/dist/app/stages/BasketStage.js

@@ -104,6 +104,7 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
             .then((response) => (response.ok ? readJson(response) : null))
             .then((payload) => {
             const updates = {};
+            const inputByLineId = new Map(unresolved.map((item) => [item.lineId, conversionInputKey(item)]));
             for (const resolved of payload?.data?.items ?? payload?.items ?? []) {
                 const conversion = resolved?.conversion;
                 if (!conversion || typeof resolved?.line_id !== "string" || resolvedConversionInputs.current.get(resolved.line_id) !== inputByLineId.get(resolved.line_id))
@@ -248,6 +249,12 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
     const total = subtotal == null ? null : subtotal * (1 + VAT_RATE);
     const unpriced = pricedItems.filter(({ pricing }) => pricing.lineTotal == null).length;
     const resolvingCount = Object.keys(resolvingConversionInputs).length;
+    const waitingForConversions = !!onResolveConversions && items.some((item) => {
+        if (item.productId === "-" || getPricingBreakdown(item).requiredSellUnits != null)
+            return false;
+        const input = conversionInputKey(item);
+        return resolvedConversionInputs.current.get(item.lineId) !== input || resolvingConversionInputs[item.lineId] === input;
+    });
     // Once per visit to the basket, with the figures it opened with.
     const openedWith = useRef({ items: pricedItems.length, ...(total == null ? {} : { total: Math.round(total * 100) / 100 }) });
     useEffect(() => {
@@ -267,7 +274,7 @@ export default function BasketStage({ cart, onUpdateQty, onUpdateSellUnits, onRe
                                         ? "Review the items you've added before exporting them for review."
                                         : qzaBasketLayout
                                             ? "Check your items and quantities below, and we'll do our best to beat list prices."
-                                            : "Review your quantities and order summary before you buy." })] })] }), _jsx("div", { className: "quick-order-panel", style: { paddingTop: 16 }, children: items.length === 0 ? (_jsxs("div", { className: "quick-order-history-empty", children: [_jsx("div", { className: "basket-empty-icon", "aria-hidden": "true", children: "\uD83D\uDCCB" }), _jsx("p", { children: "Your selection is empty." }), _jsx("p", { className: "basket-empty-hint", children: "Go back to your results and add quoted items." }), _jsx("div", { className: "btn-row", style: { marginTop: 20, justifyContent: "center" }, children: _jsx("button", { className: "cta-btn", style: { width: "auto", maxWidth: 280 }, onClick: onBack, "aria-label": "Back to results", children: _jsx("span", { children: "Back to Results" }) }) })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "basket-layout", children: [_jsxs("div", { className: "basket-main", children: [_jsx("div", { className: "basket-list", "aria-label": internal ? "Selection items" : qzaBasketLayout ? "Quote request items" : "Basket items", children: pagedItems.map(({ item, pricing }) => {
+                                            : "Review your quantities and order summary before you buy." })] })] }), _jsx("div", { className: "quick-order-panel", style: { paddingTop: 16 }, children: waitingForConversions ? (_jsxs("div", { className: "basket-resolving", role: "status", "aria-label": "Calculating order quantities", children: [_jsx("span", { className: "basket-resolving-wheel", "aria-hidden": "true" }), _jsx("span", { children: "Calculating your quantities\u2026" })] })) : items.length === 0 ? (_jsxs("div", { className: "quick-order-history-empty", children: [_jsx("div", { className: "basket-empty-icon", "aria-hidden": "true", children: "\uD83D\uDCCB" }), _jsx("p", { children: "Your selection is empty." }), _jsx("p", { className: "basket-empty-hint", children: "Go back to your results and add quoted items." }), _jsx("div", { className: "btn-row", style: { marginTop: 20, justifyContent: "center" }, children: _jsx("button", { className: "cta-btn", style: { width: "auto", maxWidth: 280 }, onClick: onBack, "aria-label": "Back to results", children: _jsx("span", { children: "Back to Results" }) }) })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "basket-layout", children: [_jsxs("div", { className: "basket-main", children: [_jsx("div", { className: "basket-list", "aria-label": internal ? "Selection items" : qzaBasketLayout ? "Quote request items" : "Basket items", children: pagedItems.map(({ item, pricing }) => {
                                                     const requestedQtyValue = qtyDrafts[item.lineId] ?? String(pricing.requestedAmount);
                                                     const requestedLocked = pricing.requestedUnit === pricing.sellUnit || pricing.costingMode === "review";
                                                     const rawDiffersFromOrder = pricing.requiredSellUnits == null || pricing.requestedAmount !== pricing.requiredSellUnits || pricing.requestedUnit !== pricing.sellUnit;