function MedFlashLoginPage({ imageSrc, title, onLogin }) { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#7fffd4] min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[400px] mx-auto p-6 bg-gray-100 bg-opacity-90 rounded-lg shadow-lg backdrop-blur", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageSrc, alt: "Doctor reading an article on their phone", className: "w-32 h-32 mx-auto rounded-full mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-6 text-center text-blue-800", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("form", { onSubmit: onLogin, __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-3 text-sm font-medium", htmlFor: "username", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-3 border border-gray-300 rounded bg-white focus:outline-none focus:ring-2 focus:ring-blue-500", type: "text", id: "username", name: "username", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-3 text-sm font-medium", htmlFor: "password", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-3 border border-gray-300 rounded bg-white focus:outline-none focus:ring-2 focus:ring-blue-500", type: "password", id: "password", name: "password", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Login")))); } function MedFlashLoginPageStory() { const handleLogin = (e)=>{ e.preventDefault(); // handle login logic }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MedFlashLoginPage, { imageSrc: "/images/doctor-reading.jpg", title: "MedFlash", onLogin: handleLogin, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleLogin = (e)=>{ e.preventDefault(); window.location.href = "#/onboarding"; }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(MedFlashLoginPage, { imageSrc: "/images/doctor-reading.jpg", title: "MedFlash", onLogin: handleLogin, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, ` body { background-color: #7fffd4; background-image: linear-gradient(135deg, rgba(255,255,255,0.2) 25%, transparent 25%), linear-gradient(225deg, rgba(255,255,255,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%), linear-gradient(315deg, rgba(255,255,255,0.2) 25%, transparent 25%); background-size: 60px 60px; background-position: 0 0, 30px 30px, 30px -30px, -30px 30px; } `)); } function OnboardingPage() { const specialties = [ "Allergy and Immunology", "Anesthesiology", "Cardiology", "Cardiothoracic Surgery", "Dermatology", "Diagnostic Radiology", "Emergency Medicine", "Endocrinology", "ENT Surgery", "Family Medicine", "Gastroenterology", "General Surgery", "Geriatrics", "Hematology", "Infectious Disease", "Internal Medicine", "Medical Genetics", "Nephrology", "Neurology", "Neurosurgery", "Nuclear Medicine", "Obstetrics and Gynecology", "Oncology", "Ophthalmology", "Orthopedic Surgery", "Otolaryngology", "Pathology", "Pediatrics", "Physical Medicine and Rehabilitation", "Plastic Surgery", "Preventive Medicine", "Psychiatry", "Pulmonology", "Radiation Oncology", "Rheumatology", "Urology", "Vascular Surgery" ]; const subspecialties = { "Allergy and Immunology": [ "Asthma", "Immunotherapy", "Clinical Immunology" ], "Anesthesiology": [ "Regional Anesthesia", "Cardiac Anesthesia", "Pediatric Anesthesia" ], "Cardiology": [ "Interventional Cardiology", "Electrophysiology", "Heart Failure" ], "Cardiothoracic Surgery": [ "Adult Cardiac Surgery", "Pediatric Cardiac Surgery", "Thoracic Surgery" ], "Dermatology": [ "Pediatric Dermatology", "Dermatopathology", "MOHS Surgery" ], "Diagnostic Radiology": [ "Neuroradiology", "Pediatric Radiology", "Interventional Radiology" ], "Emergency Medicine": [ "Pediatric Emergency Medicine", "Toxicology", "Sports Medicine" ], "Endocrinology": [ "Diabetes", "Thyroid Disorders", "Bone and Mineral Metabolism" ], "ENT Surgery": [ "Head and Neck Surgery", "Pediatric ENT", "Otology/Neurotology" ], "Family Medicine": [ "Geriatrics", "Sports Medicine", "Adolescent Medicine" ], "Gastroenterology": [ "Hepatology", "Pediatric Gastroenterology", "Gastrointestinal Oncology" ], "General Surgery": [ "Bariatric Surgery", "Endocrine Surgery", "Trauma Surgery" ], "Geriatrics": [ "Palliative Care", "Physical Medicine and Rehabilitation", "Geriatric Psychiatry" ], "Hematology": [ "Hematologic Malignancies", "Coagulation Disorders", "Transfusion Medicine" ], "Infectious Disease": [ "HIV/AIDS", "Tropical Medicine", "Transplant Infectious Disease" ], "Internal Medicine": [ "Hospital Medicine", "Primary Care", "Critical Care Medicine" ], "Medical Genetics": [ "Cancer Genetics", "Cardiovascular Genetics", "Metabolic Genetics" ], "Nephrology": [ "Dialysis", "Kidney Transplantation", "Chronic Kidney Disease" ], "Neurology": [ "Clinical Neurophysiology", "Neurodevelopmental Disabilities", "Vascular Neurology" ], "Neurosurgery": [ "Pediatric Neurosurgery", "Spine Surgery", "Neuro-oncology" ], "Nuclear Medicine": [ "Therapeutic Nuclear Medicine", "Nuclear Cardiology", "Molecular Imaging" ], "Obstetrics and Gynecology": [ "Maternal-Fetal Medicine", "Gynecologic Oncology", "Reproductive Endocrinology" ], "Oncology": [ "Medical Oncology", "Radiation Oncology", "Surgical Oncology" ], "Ophthalmology": [ "Retina", "Glaucoma", "Pediatric Ophthalmology" ], "Orthopedic Surgery": [ "Sports Medicine", "Trauma", "Joint Replacement" ], "Otolaryngology": [ "Skull Base Surgery", "Rhinology", "Laryngology" ], "Pathology": [ "Anatomic Pathology", "Clinical Pathology", "Forensic Pathology" ], "Pediatrics": [ "Neonatology", "Pediatric Cardiology", "Pediatric Endocrinology" ], "Physical Medicine and Rehabilitation": [ "Spinal Cord Injury", "Brain Injury Medicine", "Pain Medicine" ], "Plastic Surgery": [ "Hand Surgery", "Burn Surgery", "Craniofacial Surgery" ], "Preventive Medicine": [ "Occupational Medicine", "Aerospace Medicine", "Public Health" ], "Psychiatry": [ "Child and Adolescent Psychiatry", "Addiction Psychiatry", "Geriatric Psychiatry" ], "Pulmonology": [ "Critical Care Medicine", "Sleep Medicine", "Interstitial Lung Disease" ], "Radiation Oncology": [ "Palliative Radiation Oncology", "Pediatric Radiation Oncology", "Stereotactic Radiation" ], "Rheumatology": [ "Pediatric Rheumatology", "Autoimmune Disease", "Spondyloarthritis" ], "Urology": [ "Pediatric Urology", "Urologic Oncology", "Female Urology" ], "Vascular Surgery": [ "Endovascular Surgery", "Peripheral Vascular Disease", "Vascular Trauma" ] }; const practiceTypes = [ "Academics", "Private Practice", "Hospital Based", "Office Based" ]; const articleTypes = [ "Review Articles", "Practice Guidelines", "Case Reports", "Randomized Controlled Trials" ]; const updateFrequencies = [ "Daily", "Weekly", "Monthly" ]; const handleSpecialtyChange = (e)=>{}; const handleFormSubmit = (e)=>{ e.preventDefault(); window.location.href = "#/article-feed"; }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#f0f4f8] min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 87, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[500px] mx-auto p-6 bg-gray-100 bg-opacity-90 rounded-lg shadow-lg backdrop-blur", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6 text-center text-blue-800", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "Personalize Your Experience"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium", htmlFor: "specialty", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Specialty"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-3 border border-gray-300 rounded bg-white focus:outline-none focus:ring-2 focus:ring-blue-500", id: "specialty", name: "specialty", onChange: handleSpecialtyChange, __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, selected: true, __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Select your specialty"), specialties.map((specialty)=>/*#__PURE__*/ React.createElement("option", { key: specialty, value: specialty, __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, specialty)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium", htmlFor: "subspecialty", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Subspecialty"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, Object.entries(subspecialties).map(([specialty, sublist])=>/*#__PURE__*/ React.createElement("div", { key: specialty, className: "mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, specialty), sublist.map((sub)=>/*#__PURE__*/ React.createElement("div", { key: sub, className: "flex items-center", __source: { fileName: "", lineNumber: 107, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", id: `${specialty}-${sub}`, name: "subspecialties", value: sub, __source: { fileName: "", lineNumber: 108, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: `${specialty}-${sub}`, __source: { fileName: "", lineNumber: 115, columnNumber: 23 }, __self: this }, sub))))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", id: "Other", name: "subspecialties", value: "Other", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "Other", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Other:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "OtherTextInput", className: "ml-2 p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium", htmlFor: "typeOfPractice", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "Type of Practice"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-3 border border-gray-300 rounded bg-white focus:outline-none focus:ring-2 focus:ring-blue-500", id: "typeOfPractice", name: "typeOfPractice", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, practiceTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type.toLowerCase(), __source: { fileName: "", lineNumber: 130, columnNumber: 44 }, __self: this }, type)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium", htmlFor: "articleTypes", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, "Preferred Article Types"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, articleTypes.map((type)=>/*#__PURE__*/ React.createElement("div", { key: type, className: "flex items-center w-1/2", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", id: type, name: "articleTypes", value: type, __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: type, __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }, type))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium", htmlFor: "updateFrequency", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, "Update Frequency"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-3 border border-gray-300 rounded bg-white focus:outline-none focus:ring-2 focus:ring-blue-500", id: "updateFrequency", name: "updateFrequency", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, updateFrequencies.map((frequency)=>/*#__PURE__*/ React.createElement("option", { key: frequency, value: frequency.toLowerCase(), __source: { fileName: "", lineNumber: 153, columnNumber: 53 }, __self: this }, frequency)))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 transition", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, "Submit")))); } function ArticleFeedPage() { const articles = [ { id: 1, journal: "Radiology", title: "Advancements in Neuroimaging", summary: "This article discusses the latest advancements in neuroimaging techniques and their clinical applications.", url: "https://example.com/articles/1" }, { id: 2, journal: "Radiographics", title: "Innovations in Thoracic Imaging", summary: "This article highlights recent innovations in thoracic imaging and their implications for clinical practice.", url: "https://example.com/articles/2" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#f8f9fa] min-h-screen p-6", __source: { fileName: "", lineNumber: 183, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6 text-center text-blue-800", __source: { fileName: "", lineNumber: 184, columnNumber: 7 }, __self: this }, "Personalized Article Feed"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 185, columnNumber: 7 }, __self: this }, articles.map((article)=>/*#__PURE__*/ React.createElement("div", { key: article.id, className: "p-4 bg-white rounded-lg shadow-lg flex items-start", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-10 h-10 rounded-full flex items-center justify-center font-bold text-white mr-4 ${article.journal === "Radiology" ? "bg-blue-500" : article.journal === "Radiographics" ? "bg-green-500" : "bg-gray-500"}`, __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, article.journal), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 193, columnNumber: 15 }, __self: this }, article.summary), /*#__PURE__*/ React.createElement("a", { href: article.url, className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, "Read full article")))))); }