/* SER-OS — Shared Order Summary sidebar used across all consultation screens */ function OrderSummarySidebar({ caseDetails, caseBrand, serviceData, selectedPackage, selectedCasket, addOnTotal = 0, addOnCount = 0, selectedAddOns = [], notes, setNotes, onEditCase, onJumpTo, onContinue, continueLabel = "Continue", continueDisabled, activeStep, // "service" | "package" | "casket" | "addons" confirmationStatus = "draft", // "draft" | "awaiting" | "confirmed" | "amendment_draft" | // "amended_awaiting" | "confirmed_updated" onSendForConfirmation, onViewPdf, onResend, onEditArrangement, // Amendment workflow amendmentSnapshot, onEnterEditMode, onFinalizeAmendment, onDiscardAmendment, onSendToCustomer, // Simulate + delivery (prototype + confirmed state) onSimulateSign, onSendSignedForm, // Coupon code system appliedCoupon = null, onApplyCoupon, onRemoveCoupon, }) { /* Collapsed state — self-managed and persisted to localStorage so the same state survives navigation between screens (the sidebar mounts fresh inside each consultation screen, so component state alone would reset on every screen change). */ const STORAGE_KEY = "ser-os-sidebar-collapsed"; const [collapsed, setCollapsedState] = React.useState(() => { try { return localStorage.getItem(STORAGE_KEY) === "1"; } catch { return false; } }); const setCollapsed = (next) => { setCollapsedState(next); try { localStorage.setItem(STORAGE_KEY, next ? "1" : "0"); } catch {} }; /* ── Coupon modal state ───────────────────────────────────────── */ const [showCouponModal, setShowCouponModal] = React.useState(false); const [couponInput, setCouponInput] = React.useState(""); const [couponError, setCouponError] = React.useState(null); /* ── Notes section meatball menu ─────────────────────────────── */ const [notesMenuOpen, setNotesMenuOpen] = React.useState(false); const notesMenuRef = React.useRef(null); const isEditable = confirmationStatus === "draft" || confirmationStatus === "amendment_draft"; React.useEffect(() => { if (!notesMenuOpen) return; const h = (e) => { if (notesMenuRef.current && !notesMenuRef.current.contains(e.target)) setNotesMenuOpen(false); }; document.addEventListener("mousedown", h); return () => document.removeEventListener("mousedown", h); }, [notesMenuOpen]); if (collapsed) { return ( ); } const pkgPrice = selectedPackage ? selectedPackage.price : 0; const casketPrice = selectedCasket ? selectedCasket.included ? 0 : selectedCasket.upgrade : 0; const total = pkgPrice + casketPrice + (addOnTotal || 0); return (