/* global React, Icon */ /* ============================================================ DOGGIE GOURMET — cart-drawer.jsx Drawer (panel lateral derecho) con la lista completa de productos en el carrito, controles de cantidad, total, bypass de mayoreo y botón de checkout que dispara la Edge Function submit-order + abre WhatsApp. No bloquea el scroll del body, así el usuario puede seguir navegando el catálogo con el drawer abierto. Depende de: cart-hook.jsx (window.useCart), cart-helpers.js (constantes + buildOrderText + submitOrderToBackend + openWholesaleWhatsapp), Icon (global) Expone: window.CartDrawer ============================================================ */ const { useState: useSDrawer, useEffect: useEDrawer } = React; function CartDrawer({ open, onClose }) { const { items, total, count } = window.useCart(); const [sending, setSending] = useSDrawer(false); // Listener Escape para cerrar (no bloqueamos el scroll del body para // que el usuario pueda seguir navegando el catálogo con el drawer abierto) useEDrawer(() => { if (!open) return; const handler = (e) => { if (e.key === 'Escape') onClose(); }; document.addEventListener('keydown', handler); return () => document.removeEventListener('keydown', handler); }, [open]); const meetsMinimum = total >= window.CART_MIN_TOTAL; const missing = Math.max(0, window.CART_MIN_TOTAL - total); const proceedToCheckout = async () => { if (!meetsMinimum || sending) return; setSending(true); // 1) Submit al backend (guarda en BD + manda correo desde el server). // No await: no bloqueamos al usuario, que pueda abrir WhatsApp en // paralelo. Si el backend falla, igual abrimos WhatsApp. window.submitOrderToBackend(items); // 2) Abrir WhatsApp con el pedido pre-armado const text = encodeURIComponent(window.buildOrderText(items, total)); window.open(`https://wa.me/${window.CART_WHATSAPP}?text=${text}`, '_blank'); setSending(false); }; return ( <> {/* Drawer (sin backdrop — permite seguir navegando el catálogo) */} ); } window.CartDrawer = CartDrawer;