/* Carelon Passport — concierge chat drawer */
const SEED = [
{ from: "them", text: "Hi Jordan — I'm Maria, your global care navigator. I've prepared everything for your London trip. How can I help today?", time: "9:24 AM" },
];
const REPLIES = [
{ match: ["london", "care", "find", "doctor"], text: "I've shortlisted 3 in-network options near your hotel in London. St. Thomas Outpatient Center has cardiology availability on Jun 18 — shall I hold a slot?" },
{ match: ["refill", "medication", "atorvastatin", "prescription"], text: "Your Atorvastatin refill is approved as a 90-day travel supply. I can have it delivered before you fly — confirm your Atlanta address and I'll arrange it." },
{ match: ["dubai", "coverage", "covered", "benefit"], text: "You're fully covered in Dubai, including international urgent care. I'll add a local emergency contact card to your Passport documents for the trip." },
{ match: ["second opinion", "opinion", "specialist", "review"], text: "Happy to coordinate a specialty second opinion. I can match you with a cardiologist for remote review within 48 hours — would you like that?" },
{ match: ["emergency", "urgent", "help", "now"], text: "If this is an emergency, I can connect you to 24/7 urgent support immediately and route you to the nearest appropriate care. Would you like me to call you now?" },
];
const ChatDrawer = ({ open, onClose }) => {
const [msgs, setMsgs] = React.useState(SEED);
const [input, setInput] = React.useState("");
const [typing, setTyping] = React.useState(false);
const bodyRef = React.useRef(null);
React.useEffect(() => {
if (bodyRef.current) bodyRef.current.scrollTop = bodyRef.current.scrollHeight;
}, [msgs, typing, open]);
const now = () => new Date().toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
const send = (text) => {
const v = (text || "").trim();
if (!v) return;
setMsgs((m) => [...m, { from: "me", text: v, time: now() }]);
setInput("");
setTyping(true);
const found = REPLIES.find((r) => r.match.some((k) => v.toLowerCase().includes(k)));
const reply = found ? found.text : "Got it — I'll take care of that and follow up shortly. Is there anything else I can coordinate for your trip?";
setTimeout(() => {
setTyping(false);
setMsgs((m) => [...m, { from: "them", text: reply, time: now() }]);
}, 1300);
};
const chips = ["Find care in London", "Help with my refill", "Coverage for Dubai", "Book a second opinion"];
return (
<>
);
};
window.ChatDrawer = ChatDrawer;