@metron-labs/quote-react 0.1.30 → 0.1.32

package/dist/lib/cart/CartContext.d.ts

@@ -13,6 +13,7 @@ interface CartApi {
     /** Show the basket. Each app decides what that means for its own navigation. */
     openBasket: () => void;
 }
+export declare function refreshLinkedDependents(cart: Record<string, CartItem>, anchorItem: CartItem): Record<string, CartItem>;
 /**
  * One basket per app. BoQApp and EstimatingToolsApp each mount their own provider, so a
  * quote in progress and a set of calculator results stay separate - this only shares the

package/dist/lib/cart/CartContext.js

@@ -1,6 +1,47 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
+export function refreshLinkedDependents(cart, anchorItem) {
+    const next = { ...cart, [anchorItem.lineId]: anchorItem };
+    for (const [lineId, dependent] of Object.entries(next)) {
+        if (!dependent.linkedContext)
+            continue;
+        const anchor = dependent.linkedContext.find((context) => context.role === "anchor" && context.line_id && next[context.line_id]);
+        const selectedAnchor = anchor?.line_id ? next[anchor.line_id] : undefined;
+        if (!anchor || !selectedAnchor || (anchor.product_id === selectedAnchor.productId && anchor.description === selectedAnchor.description))
+            continue;
+        // Only quantities inferred from the selected anchor should be invalidated.
+        // Explicit dependent requests (for example "30m tracks") must survive.
+        if (dependent.conversionType !== "basket_line_unit") {
+            next[lineId] = {
+                ...dependent,
+                linkedContext: dependent.linkedContext.map((context) => context.line_id === anchor.line_id
+                    ? { ...context, product_id: selectedAnchor.productId, measurements_mm: selectedAnchor.measurementsMm ?? [], description: selectedAnchor.description }
+                    : context),
+            };
+            continue;
+        }
+        next[lineId] = {
+            ...dependent,
+            qty: 0,
+            sellUnitsOverride: null,
+            linkedContext: dependent.linkedContext.map((context) => context.line_id === anchor.line_id
+                ? { ...context, product_id: selectedAnchor.productId, measurements_mm: selectedAnchor.measurementsMm ?? [], description: selectedAnchor.description }
+                : context),
+            conversionType: null,
+            requestUomsSupported: null,
+            salesUomNormalised: null,
+            salesUnitSize: null,
+            salesUnitSizeUom: null,
+            coverageQty: null,
+            coverageUom: null,
+            roundingRule: null,
+            conversionConfidence: null,
+            conversionNotes: null,
+        };
+    }
+    return next;
+}
 const CartContext = createContext(null);
 /**
  * One basket per app. BoQApp and EstimatingToolsApp each mount their own provider, so a
@@ -10,7 +51,7 @@ const CartContext = createContext(null);
 export function CartProvider({ children, onOpenBasket }) {
     const [cart, setCart] = useState({});
     const addToCart = useCallback((item) => {
-        setCart((prev) => ({ ...prev, [item.lineId]: item }));
+        setCart((prev) => refreshLinkedDependents(prev, item));
     }, []);
     const addManyToCart = useCallback((items) => {
         setCart((prev) => {

package/dist/lib/productImage.js

@@ -50,26 +50,26 @@ export function productImageSrc(description, productId, pdpPhotoUrl) {
     if (photo)
         return assetUrl(photo.path);
     if (text.includes("insulation")) {
-        return encodeSvg(`
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 420">
-        <rect width="640" height="420" fill="#fbf1cf"/>
-        <rect x="88" y="78" width="432" height="264" rx="16" fill="#f0c43f"/>
-        <rect x="120" y="110" width="368" height="200" rx="10" fill="#ffd95e"/>
-        <g stroke="#e2b12e" stroke-width="8" opacity="0.75">
-          <line x1="140" y1="140" x2="468" y2="140"/>
-          <line x1="140" y1="190" x2="468" y2="190"/>
-          <line x1="140" y1="240" x2="468" y2="240"/>
-        </g>
-      </svg>
+        return encodeSvg(`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 420">
+        <rect width="640" height="420" fill="#fbf1cf"/>
+        <rect x="88" y="78" width="432" height="264" rx="16" fill="#f0c43f"/>
+        <rect x="120" y="110" width="368" height="200" rx="10" fill="#ffd95e"/>
+        <g stroke="#e2b12e" stroke-width="8" opacity="0.75">
+          <line x1="140" y1="140" x2="468" y2="140"/>
+          <line x1="140" y1="190" x2="468" y2="190"/>
+          <line x1="140" y1="240" x2="468" y2="240"/>
+        </g>
+      </svg>
     `);
     }
-    return encodeSvg(`
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 420">
-      <rect width="640" height="420" fill="#edf1f5"/>
-      <rect x="132" y="108" width="376" height="204" rx="18" fill="#d5dde6"/>
-      <rect x="168" y="144" width="304" height="24" rx="12" fill="#9aa6b2"/>
-      <rect x="168" y="188" width="250" height="24" rx="12" fill="#aab5c0"/>
-      <rect x="168" y="232" width="220" height="24" rx="12" fill="#aab5c0"/>
-    </svg>
+    return encodeSvg(`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 420">
+      <rect width="640" height="420" fill="#edf1f5"/>
+      <rect x="132" y="108" width="376" height="204" rx="18" fill="#d5dde6"/>
+      <rect x="168" y="144" width="304" height="24" rx="12" fill="#9aa6b2"/>
+      <rect x="168" y="188" width="250" height="24" rx="12" fill="#aab5c0"/>
+      <rect x="168" y="232" width="220" height="24" rx="12" fill="#aab5c0"/>
+    </svg>
   `);
 }