@burdenoff/microfe-mybodyshield 2026.511.1

package/dist/mybodyshield/pages/ProviderPatientDetailsPage.js

@@ -0,0 +1,295 @@
+import { useMyBodyShieldStore as e } from "../store/mybodyshieldStore.js";
+import { Activity as t, AlertCircle as n, Calendar as r, Droplets as i, FlaskConical as a, Heart as o, Pill as s, User as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/ProviderPatientDetailsPage.tsx
+function h() {
+	let { patients: h, vitalSigns: g, medications: _, labResults: v } = e(), y = h[0], b = g[0], x = _.filter((e) => e.patientId === y?.id && e.isActive), S = v.filter((e) => e.patientId === y?.id);
+	return y ? /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				className: "text-2xl font-semibold",
+				children: "Patient Details"
+			}), /* @__PURE__ */ u("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					y.firstName,
+					" ",
+					y.lastName,
+					" — Complete clinical profile"
+				]
+			})] }),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ u(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(m, {
+							className: "text-sm font-medium",
+							children: "Blood Type"
+						}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-red-500" })]
+					}), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.bloodType
+					}), /* @__PURE__ */ u("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							y.gender,
+							", DOB: ",
+							y.dateOfBirth
+						]
+					})] })] }),
+					/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ u(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(m, {
+							className: "text-sm font-medium",
+							children: "Allergies"
+						}), /* @__PURE__ */ l(n, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.allergies.length
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: y.allergies.join(", ") || "None"
+					})] })] }),
+					/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ u(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(m, {
+							className: "text-sm font-medium",
+							children: "Conditions"
+						}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-purple-500" })]
+					}), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.conditions.length
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Active diagnoses"
+					})] })] }),
+					/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ u(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(m, {
+							className: "text-sm font-medium",
+							children: "Last Visit"
+						}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold text-base",
+						children: y.lastVisit
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: y.insuranceProvider
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l(c, { className: "h-5 w-5" }), "Profile"]
+					}) }), /* @__PURE__ */ l(f, { children: /* @__PURE__ */ u("div", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Name"
+								}), /* @__PURE__ */ u("span", {
+									className: "font-medium",
+									children: [
+										y.firstName,
+										" ",
+										y.lastName
+									]
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Gender"
+								}), /* @__PURE__ */ l("span", {
+									className: "font-medium",
+									children: y.gender
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "DOB"
+								}), /* @__PURE__ */ l("span", {
+									className: "font-medium",
+									children: y.dateOfBirth
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Blood Type"
+								}), /* @__PURE__ */ l("span", {
+									className: "font-medium",
+									children: y.bloodType
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Emergency"
+								}), /* @__PURE__ */ l("span", {
+									className: "font-medium text-xs",
+									children: y.emergencyContact
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "mt-2",
+								children: [/* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground mb-1",
+									children: "Conditions"
+								}), /* @__PURE__ */ l("div", {
+									className: "flex gap-1 flex-wrap",
+									children: y.conditions.map((e, t) => /* @__PURE__ */ l("span", {
+										className: "text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-700",
+										children: e
+									}, t))
+								})]
+							})
+						]
+					}) })] }),
+					b && /* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l(t, { className: "h-5 w-5" }), "Latest Vitals"]
+					}) }), /* @__PURE__ */ l(f, { children: /* @__PURE__ */ u("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Blood Pressure"
+								}), /* @__PURE__ */ u("span", {
+									className: "text-sm font-medium",
+									children: [
+										b.bloodPressureSystolic,
+										"/",
+										b.bloodPressureDiastolic
+									]
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Heart Rate"
+								}), /* @__PURE__ */ u("span", {
+									className: "text-sm font-medium",
+									children: [b.heartRate, " bpm"]
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Temperature"
+								}), /* @__PURE__ */ u("span", {
+									className: "text-sm font-medium",
+									children: [b.temperature, "°F"]
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-muted-foreground",
+									children: "SpO2"
+								}), /* @__PURE__ */ u("span", {
+									className: "text-sm font-medium",
+									children: [b.oxygenSaturation, "%"]
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between p-2 rounded bg-muted/50",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Weight / BMI"
+								}), /* @__PURE__ */ u("span", {
+									className: "text-sm font-medium",
+									children: [
+										b.weight,
+										" kg / ",
+										b.bmi
+									]
+								})]
+							})
+						]
+					}) })] }),
+					/* @__PURE__ */ u("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ l(s, { className: "h-5 w-5" }),
+								"Medications (",
+								x.length,
+								")"
+							]
+						}) }), /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: x.map((e) => /* @__PURE__ */ u("div", {
+								className: "text-sm",
+								children: [
+									/* @__PURE__ */ l("span", {
+										className: "font-medium",
+										children: e.name
+									}),
+									" ",
+									/* @__PURE__ */ u("span", {
+										className: "text-muted-foreground",
+										children: [
+											e.dosage,
+											" ",
+											e.frequency
+										]
+									})
+								]
+							}, e.id))
+						}) })] }), /* @__PURE__ */ u(d, { children: [/* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ l(a, { className: "h-5 w-5" }),
+								"Recent Labs (",
+								S.length,
+								")"
+							]
+						}) }), /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l("div", {
+							className: "space-y-2",
+							children: S.map((e) => /* @__PURE__ */ u("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ l("span", { children: e.testName }), /* @__PURE__ */ u("span", {
+									className: `font-medium ${e.status === "normal" ? "text-green-600" : "text-orange-600"}`,
+									children: [
+										e.value,
+										" ",
+										e.unit
+									]
+								})]
+							}, e.id))
+						}) })] })]
+					})
+				]
+			})
+		]
+	}) : /* @__PURE__ */ l("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ l("p", {
+			className: "text-muted-foreground",
+			children: "No patient selected"
+		})
+	});
+}
+//#endregion
+export { h as ProviderPatientDetailsPage };
+
+//# sourceMappingURL=ProviderPatientDetailsPage.js.map

package/dist/mybodyshield/pages/ProviderPatientDetailsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderPatientDetailsPage.js","names":[],"sources":["../../../src/mybodyshield/pages/ProviderPatientDetailsPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport {\n  User,\n  Droplets,\n  AlertCircle,\n  Calendar,\n  Heart,\n  Activity,\n  Pill,\n  FlaskConical,\n} from 'lucide-react';\nimport { useMyBodyShieldStore } from '../store/mybodyshieldStore';\n\nexport function ProviderPatientDetailsPage() {\n  const { patients, vitalSigns, medications, labResults } = useMyBodyShieldStore();\n  const patient = patients[0];\n  const latestVital = vitalSigns[0];\n  const patientMeds = medications.filter((m) => m.patientId === patient?.id && m.isActive);\n  const patientLabs = labResults.filter((l) => l.patientId === patient?.id);\n\n  if (!patient)\n    return (\n      <div className=\"p-6\">\n        <p className=\"text-muted-foreground\">No patient selected</p>\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Patient Details</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {patient.firstName} {patient.lastName} — Complete clinical profile\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Blood Type</CardTitle>\n            <Droplets className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{patient.bloodType}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {patient.gender}, DOB: {patient.dateOfBirth}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Allergies</CardTitle>\n            <AlertCircle className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{patient.allergies.length}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {patient.allergies.join(', ') || 'None'}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Conditions</CardTitle>\n            <Heart className=\"h-4 w-4 text-purple-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{patient.conditions.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Active diagnoses</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Last Visit</CardTitle>\n            <Calendar className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold text-base\">{patient.lastVisit}</div>\n            <p className=\"text-xs text-muted-foreground\">{patient.insuranceProvider}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <User className=\"h-5 w-5\" />\n              Profile\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Name</span>\n                <span className=\"font-medium\">\n                  {patient.firstName} {patient.lastName}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Gender</span>\n                <span className=\"font-medium\">{patient.gender}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">DOB</span>\n                <span className=\"font-medium\">{patient.dateOfBirth}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Blood Type</span>\n                <span className=\"font-medium\">{patient.bloodType}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Emergency</span>\n                <span className=\"font-medium text-xs\">{patient.emergencyContact}</span>\n              </div>\n              <div className=\"mt-2\">\n                <p className=\"text-xs text-muted-foreground mb-1\">Conditions</p>\n                <div className=\"flex gap-1 flex-wrap\">\n                  {patient.conditions.map((c, i) => (\n                    <span\n                      key={i}\n                      className=\"text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-700\"\n                    >\n                      {c}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        {latestVital && (\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <Activity className=\"h-5 w-5\" />\n                Latest Vitals\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                <div className=\"flex justify-between p-2 rounded bg-muted/50\">\n                  <span className=\"text-sm text-muted-foreground\">Blood Pressure</span>\n                  <span className=\"text-sm font-medium\">\n                    {latestVital.bloodPressureSystolic}/{latestVital.bloodPressureDiastolic}\n                  </span>\n                </div>\n                <div className=\"flex justify-between p-2 rounded bg-muted/50\">\n                  <span className=\"text-sm text-muted-foreground\">Heart Rate</span>\n                  <span className=\"text-sm font-medium\">{latestVital.heartRate} bpm</span>\n                </div>\n                <div className=\"flex justify-between p-2 rounded bg-muted/50\">\n                  <span className=\"text-sm text-muted-foreground\">Temperature</span>\n                  <span className=\"text-sm font-medium\">{latestVital.temperature}&deg;F</span>\n                </div>\n                <div className=\"flex justify-between p-2 rounded bg-muted/50\">\n                  <span className=\"text-sm text-muted-foreground\">SpO2</span>\n                  <span className=\"text-sm font-medium\">{latestVital.oxygenSaturation}%</span>\n                </div>\n                <div className=\"flex justify-between p-2 rounded bg-muted/50\">\n                  <span className=\"text-sm text-muted-foreground\">Weight / BMI</span>\n                  <span className=\"text-sm font-medium\">\n                    {latestVital.weight} kg / {latestVital.bmi}\n                  </span>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n        <div className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <Pill className=\"h-5 w-5\" />\n                Medications ({patientMeds.length})\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2\">\n                {patientMeds.map((m) => (\n                  <div key={m.id} className=\"text-sm\">\n                    <span className=\"font-medium\">{m.name}</span>{' '}\n                    <span className=\"text-muted-foreground\">\n                      {m.dosage} {m.frequency}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <FlaskConical className=\"h-5 w-5\" />\n                Recent Labs ({patientLabs.length})\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2\">\n                {patientLabs.map((l) => (\n                  <div key={l.id} className=\"flex justify-between text-sm\">\n                    <span>{l.testName}</span>\n                    <span\n                      className={`font-medium ${l.status === 'normal' ? 'text-green-600' : 'text-orange-600'}`}\n                    >\n                      {l.value} {l.unit}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/ProviderPatientManagementPage.d.ts

@@ -0,0 +1,2 @@
+export declare function ProviderPatientManagementPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProviderPatientManagementPage.d.ts.map

package/dist/mybodyshield/pages/ProviderPatientManagementPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderPatientManagementPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/ProviderPatientManagementPage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,6BAA6B,4CAwG5C"}

package/dist/mybodyshield/pages/ProviderPatientManagementPage.js

@@ -0,0 +1,133 @@
+import { useMyBodyShieldStore as e } from "../store/mybodyshieldStore.js";
+import { AlertCircle as t, Clock as n, UserPlus as r, Users as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/ProviderPatientManagementPage.tsx
+function d() {
+	let { patients: d } = e();
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Patient Management"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Manage your patient roster and clinical records"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Total Patients"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: d.length
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "In your panel"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "New This Month"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: "2"
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Recently onboarded"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Requires Follow-up"
+						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: "3"
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Overdue for visit"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "High Risk"
+						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-red-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: "1"
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Elevated risk score"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Patient Roster" }) }), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+				className: "space-y-3",
+				children: d.map((e) => /* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between p-3 rounded-lg bg-muted/50",
+					children: [/* @__PURE__ */ o("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ a("div", {
+							className: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center",
+							children: /* @__PURE__ */ o("span", {
+								className: "text-sm font-medium text-primary",
+								children: [e.firstName[0], e.lastName[0]]
+							})
+						}), /* @__PURE__ */ o("div", { children: [
+							/* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [
+									e.firstName,
+									" ",
+									e.lastName
+								]
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.gender,
+									" · ",
+									e.bloodType,
+									" ·",
+									" ",
+									e.insuranceProvider
+								]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "flex gap-1 flex-wrap mt-1",
+								children: e.conditions.map((e, t) => /* @__PURE__ */ a("span", {
+									className: "text-xs px-1.5 py-0.5 rounded-full bg-orange-100 text-orange-700",
+									children: e
+								}, t))
+							})
+						] })]
+					}), /* @__PURE__ */ o("div", {
+						className: "text-right",
+						children: [/* @__PURE__ */ a("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Last visit"
+						}), /* @__PURE__ */ a("p", {
+							className: "text-sm font-medium",
+							children: e.lastVisit
+						})]
+					})]
+				}, e.id))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { d as ProviderPatientManagementPage };
+
+//# sourceMappingURL=ProviderPatientManagementPage.js.map

package/dist/mybodyshield/pages/ProviderPatientManagementPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderPatientManagementPage.js","names":[],"sources":["../../../src/mybodyshield/pages/ProviderPatientManagementPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Users, UserPlus, AlertCircle, Clock } from 'lucide-react';\nimport { useMyBodyShieldStore } from '../store/mybodyshieldStore';\n\nexport function ProviderPatientManagementPage() {\n  const { patients } = useMyBodyShieldStore();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Patient Management</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Manage your patient roster and clinical records\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Patients</CardTitle>\n            <Users className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{patients.length}</div>\n            <p className=\"text-xs text-muted-foreground\">In your panel</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">New This Month</CardTitle>\n            <UserPlus className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">2</div>\n            <p className=\"text-xs text-muted-foreground\">Recently onboarded</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Requires Follow-up</CardTitle>\n            <Clock className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">3</div>\n            <p className=\"text-xs text-muted-foreground\">Overdue for visit</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">High Risk</CardTitle>\n            <AlertCircle className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">1</div>\n            <p className=\"text-xs text-muted-foreground\">Elevated risk score</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Patient Roster</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {patients.map((patient) => (\n              <div\n                key={patient.id}\n                className=\"flex items-center justify-between p-3 rounded-lg bg-muted/50\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center\">\n                    <span className=\"text-sm font-medium text-primary\">\n                      {patient.firstName[0]}\n                      {patient.lastName[0]}\n                    </span>\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium\">\n                      {patient.firstName} {patient.lastName}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {patient.gender} &middot; {patient.bloodType} &middot;{' '}\n                      {patient.insuranceProvider}\n                    </p>\n                    <div className=\"flex gap-1 flex-wrap mt-1\">\n                      {patient.conditions.map((c, i) => (\n                        <span\n                          key={i}\n                          className=\"text-xs px-1.5 py-0.5 rounded-full bg-orange-100 text-orange-700\"\n                        >\n                          {c}\n                        </span>\n                      ))}\n                    </div>\n                  </div>\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-xs text-muted-foreground\">Last visit</p>\n                  <p className=\"text-sm font-medium\">{patient.lastVisit}</p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/ProviderPrescriptionsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function ProviderPrescriptionsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProviderPrescriptionsPage.d.ts.map

package/dist/mybodyshield/pages/ProviderPrescriptionsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderPrescriptionsPage.d.ts","sourceRoot":"","sources":["../../../src/mybodyshield/pages/ProviderPrescriptionsPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,yBAAyB,4CAmGxC"}

package/dist/mybodyshield/pages/ProviderPrescriptionsPage.js

@@ -0,0 +1,138 @@
+import { useMyBodyShieldStore as e } from "../store/mybodyshieldStore.js";
+import { AlertTriangle as t, CheckCircle as n, FileText as r, XCircle as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/ProviderPrescriptionsPage.tsx
+var d = {
+	active: "bg-green-100 text-green-700",
+	expired: "bg-yellow-100 text-yellow-700",
+	cancelled: "bg-red-100 text-red-700"
+};
+function f() {
+	let { prescriptions: f } = e(), p = f.filter((e) => e.status === "active").length;
+	f.filter((e) => e.status === "expired").length;
+	let m = f.filter((e) => e.status === "cancelled").length, h = f.reduce((e, t) => e + t.refillsUsed, 0);
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Prescriptions"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Manage patient prescriptions and refill authorizations"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Active Prescriptions"
+						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: p
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Currently valid"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Expiring Soon"
+						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: "1"
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Within 30 days"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Total Refills Used"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: h
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Across all prescriptions"
+					})] })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Cancelled"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-red-500" })]
+					}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: m
+					}), /* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Discontinued"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, { children: "Prescription List" }) }), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+				className: "space-y-3",
+				children: f.map((e) => /* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between p-3 rounded-lg bg-muted/50",
+					children: [/* @__PURE__ */ o("div", { children: [
+						/* @__PURE__ */ a("p", {
+							className: "text-sm font-medium",
+							children: e.medicationName
+						}),
+						/* @__PURE__ */ o("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.patientName,
+								" · ",
+								e.dosage,
+								" ",
+								e.frequency
+							]
+						}),
+						/* @__PURE__ */ o("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Prescribed: ",
+								e.prescribedDate,
+								" · Expires: ",
+								e.expiryDate
+							]
+						})
+					] }), /* @__PURE__ */ o("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ o("div", {
+							className: "text-right",
+							children: [/* @__PURE__ */ a("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Refills"
+							}), /* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: [
+									e.refillsUsed,
+									"/",
+									e.refillsAllowed
+								]
+							})]
+						}), /* @__PURE__ */ a("span", {
+							className: `text-xs font-medium px-2 py-0.5 rounded-full ${d[e.status]}`,
+							children: e.status
+						})]
+					})]
+				}, e.id))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { f as ProviderPrescriptionsPage };
+
+//# sourceMappingURL=ProviderPrescriptionsPage.js.map

package/dist/mybodyshield/pages/ProviderPrescriptionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderPrescriptionsPage.js","names":[],"sources":["../../../src/mybodyshield/pages/ProviderPrescriptionsPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { FileText, CheckCircle, AlertTriangle, XCircle } from 'lucide-react';\nimport { useMyBodyShieldStore } from '../store/mybodyshieldStore';\n\nconst statusColors: Record<string, string> = {\n  active: 'bg-green-100 text-green-700',\n  expired: 'bg-yellow-100 text-yellow-700',\n  cancelled: 'bg-red-100 text-red-700',\n};\n\nexport function ProviderPrescriptionsPage() {\n  const { prescriptions } = useMyBodyShieldStore();\n  const active = prescriptions.filter((p) => p.status === 'active').length;\n  const expired = prescriptions.filter((p) => p.status === 'expired').length;\n  const cancelled = prescriptions.filter((p) => p.status === 'cancelled').length;\n  const totalRefillsUsed = prescriptions.reduce((a, p) => a + p.refillsUsed, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Prescriptions</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Manage patient prescriptions and refill authorizations\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Prescriptions</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{active}</div>\n            <p className=\"text-xs text-muted-foreground\">Currently valid</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Expiring Soon</CardTitle>\n            <AlertTriangle className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">1</div>\n            <p className=\"text-xs text-muted-foreground\">Within 30 days</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Refills Used</CardTitle>\n            <FileText className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalRefillsUsed}</div>\n            <p className=\"text-xs text-muted-foreground\">Across all prescriptions</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Cancelled</CardTitle>\n            <XCircle className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{cancelled}</div>\n            <p className=\"text-xs text-muted-foreground\">Discontinued</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Prescription List</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {prescriptions.map((rx) => (\n              <div\n                key={rx.id}\n                className=\"flex items-center justify-between p-3 rounded-lg bg-muted/50\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{rx.medicationName}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {rx.patientName} &middot; {rx.dosage} {rx.frequency}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    Prescribed: {rx.prescribedDate} &middot; Expires: {rx.expiryDate}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"text-right\">\n                    <p className=\"text-xs text-muted-foreground\">Refills</p>\n                    <p className=\"text-sm font-medium\">\n                      {rx.refillsUsed}/{rx.refillsAllowed}\n                    </p>\n                  </div>\n                  <span\n                    className={`text-xs font-medium px-2 py-0.5 rounded-full ${statusColors[rx.status]}`}\n                  >\n                    {rx.status}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}