function VedAstroKundaliChart({ onSubmit }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 rounded font-roboto", onClick: onSubmit, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Generate Kundali")); } function VedAstroKundaliChartStory() { const handleSubmit = ()=>{ const script = document.createElement("script"); script.src = "https://vedastro.org/js/VedAstro.js"; document.body.appendChild(script); script.onload = ()=>{ // Assuming VedAstro.js exposes a method to generate a Kundali and activates chat box, // replace `generateKundaliAndActivateChat` with the actual function from VedAstro.js if (window.VedAstro) { window.VedAstro.generateKundaliAndActivateChat(); } }; }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(VedAstroKundaliChart, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this })); } function MainComponent() { const [chatData, setChatData] = React.useState({ name: "", gender: "", dateOfBirth: "", timeOfBirth: "", placeOfBirth: "" }); const [chatBoxContent, setChatBoxContent] = React.useState(""); const [isChatBoxActive, setIsChatBoxActive] = React.useState(false); const handleChange = (e)=>{ setChatData({ ...chatData, [e.target.name]: e.target.value }); }; const handleSubmit = async ()=>{ const script = document.createElement("script"); script.src = "https://vedastro.org/js/VedAstro.js"; document.body.appendChild(script); script.onload = async ()=>{ if (window.VedAstro) { try { const result = await window.VedAstro.generateKundali({ name: chatData.name, gender: chatData.gender, dateOfBirth: chatData.dateOfBirth, timeOfBirth: chatData.timeOfBirth, placeOfBirth: chatData.placeOfBirth }); setChatBoxContent(result); setIsChatBoxActive(true); } catch (error) { console.error("Error generating kundali:", error); } } }; }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-[#f4f4f4] p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-lg text-[#333]", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Menu")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Chat Screen"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { disabled: !isChatBoxActive, className: "border p-2 w-full h-[200px]", value: chatBoxContent, readOnly: true, __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this })))); }