function StockMarketLive({ liveTradingStatus }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4 border-2 border-gray-200 rounded-md shadow-md", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-lg mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Live Trading Status"), /*#__PURE__*/ React.createElement("p", { className: `font-normal text-md ${liveTradingStatus ? 'text-green-500' : 'text-red-500'}`, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, liveTradingStatus ? '🟢 Active' : '🔴 Inactive')); } function StockMarketLiveStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Live Trading On"), /*#__PURE__*/ React.createElement(StockMarketLive, { liveTradingStatus: true, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Live Trading Off"), /*#__PURE__*/ React.createElement(StockMarketLive, { liveTradingStatus: false, __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }))); } function MainComponent({ isLoading, errorMessage, onLogin, onCheckEmail, onSendMessage, liveTradingStatus }) { const [email, setEmail] = React.useState(''); const [password, setPassword] = React.useState(''); const handleEmailChange = (event)=>{ setEmail(event.target.value); }; const handlePasswordChange = (event)=>{ setPassword(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); const emailCheckResponse = await onCheckEmail(email); if (emailCheckResponse.status === "deliverable") { const loginMessage = `Attempting to log in user with email ${email}`; const chatGptResponse = await onSendMessage([ { "role": "system", "content": loginMessage } ]); onLogin(email, password); } else { alert('Please enter a valid email address.'); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white shadow-md rounded-lg w-full max-w-sm", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-2xl font-bold font-sans mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Member Login - Live Trading Platform"), errorMessage && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, errorMessage), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mt-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: handleEmailChange, required: true, className: "mt-1 p-2 w-full border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: password, onChange: handlePasswordChange, required: true, className: "mt-1 p-2 w-full border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading, className: "w-full py-2 px-4 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-md transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, isLoading ? 'Logging in...' : 'Login')))); } function StoryComponent() { const onLoginStub = (email, password)=>console.log(`Logging in with email: ${email} and password: ${password}`); const onCheckEmailStub = async (email)=>{ const response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`, { method: 'GET' }); const data = await response.json(); return data; }; const onSendMessageStub = async (messages)=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: messages, system_prompt: 'Live trading platform login attempt' }) }); const data = await response.json(); return data; }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { isLoading: false, errorMessage: "Invalid credentials. Please try again.", onLogin: onLoginStub, onCheckEmail: onCheckEmailStub, onSendMessage: onSendMessageStub, liveTradingStatus: true, __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { isLoading: true, errorMessage: "", onLogin: onLoginStub, onCheckEmail: onCheckEmailStub, onSendMessage: onSendMessageStub, liveTradingStatus: false, __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this })); }