function MainComponent() { const [destination, setDestination] = useState(""); const [days, setDays] = useState(1); const [itinerary, setItinerary] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const handleSubmit = async ()=>{ setLoading(true); setError(""); try { const response = await fetch("/integrations/anthropic-claude-sonnet-3-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a travel expert. Generate a detailed daily itinerary. Return only JSON data matching the schema." }, { role: "user", content: `Create a ${days}-day itinerary for ${destination} with activities, attractions, and recommended times.` } ], json_schema: { type: "object", properties: { destination: { type: "string" }, days: { type: "array", items: { type: "object", properties: { day: { type: "number" }, activities: { type: "array", items: { type: "object", properties: { time: { type: "string" }, activity: { type: "string" }, location: { type: "string" }, description: { type: "string" } }, required: [ "time", "activity", "location", "description" ] } } }, required: [ "day", "activities" ] } } }, required: [ "destination", "days" ] } }) }); const data = await response.json(); setItinerary(data); } catch (err) { setError(`Failed to generate itinerary: ${err.message}`); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Travel Itinerary Generator"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: destination, onChange: (e)=>setDestination(e.target.value), placeholder: "Enter destination...", className: "w-64 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: days, onChange: (e)=>setDays(parseInt(e.target.value)), className: "w-32 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, [ 1, 2, 3, 4, 5, 6, 7 ].map((num)=>/*#__PURE__*/ React.createElement("option", { key: num, value: num, __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, num, " days"))), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: loading || !destination, className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600 disabled:opacity-50", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }), "Generating...") : "Generate Itinerary"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border-l-4 border-red-400 p-4 mb-8", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-700", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, error)))), itinerary && /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, itinerary.days.map((day)=>/*#__PURE__*/ React.createElement("div", { key: day.day, className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "Day ", day.day), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, day.activities.map((activity, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col md:flex-row gap-4 border-b border-gray-200 pb-4", __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-32 flex-shrink-0", __source: { fileName: "", lineNumber: 145, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-blue-600", __source: { fileName: "", lineNumber: 146, columnNumber: 25 }, __self: this }, activity.time)), /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 150, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 151, columnNumber: 25 }, __self: this }, activity.activity), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 154, columnNumber: 25 }, __self: this }, "📍 ", activity.location), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 157, columnNumber: 25 }, __self: this }, activity.description))))))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-6", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.print(), className: "bg-gray-500 text-white px-6 py-2 rounded-lg hover:bg-gray-600", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }), "Print Itinerary"))))); }