@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/settings/ProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.js","names":[],"sources":["../../../../src/housingvista/pages/settings/ProfilePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { User, Camera, Save, X, Edit, Mail, Phone } from 'lucide-react';\nimport { PageLayout } from '../../components';\nimport { cn } from '../../utils/helpers';\n\ninterface ProfileForm {\n  firstName: string;\n  lastName: string;\n  email: string;\n  phone: string;\n}\n\nexport function ProfilePage() {\n  const navigate = useNavigate();\n  const [isEditing, setIsEditing] = useState(false);\n\n  // Mock user data\n  const mockUser = {\n    firstName: 'John',\n    lastName: 'Doe',\n    email: 'john.doe@example.com',\n    phone: '+1-555-0101',\n    avatar: 'https://i.pravatar.cc/150?u=1',\n    role: 'Property Owner',\n  };\n\n  const [form, setForm] = useState<ProfileForm>({\n    firstName: mockUser.firstName,\n    lastName: mockUser.lastName,\n    email: mockUser.email,\n    phone: mockUser.phone,\n  });\n\n  const [savedForm, setSavedForm] = useState<ProfileForm>({ ...form });\n\n  const handleChange = (field: keyof ProfileForm, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const handleSave = () => {\n    setSavedForm({ ...form });\n    setIsEditing(false);\n    alert('Profile updated successfully!');\n  };\n\n  const handleCancel = () => {\n    setForm({ ...savedForm });\n    setIsEditing(false);\n  };\n\n  const initials = `${form.firstName.charAt(0)}${form.lastName.charAt(0)}`.toUpperCase();\n\n  return (\n    <PageLayout\n      title=\"My Profile\"\n      description=\"View and manage your personal information\"\n      actions={\n        isEditing ? (\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={handleCancel}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n            <button\n              onClick={handleSave}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background transition-colors hover:bg-foreground/90\"\n            >\n              <Save className=\"h-3.5 w-3.5\" />\n              Save Changes\n            </button>\n          </div>\n        ) : (\n          <button\n            onClick={() => setIsEditing(true)}\n            className=\"inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background transition-colors hover:bg-foreground/90\"\n          >\n            <Edit className=\"h-3.5 w-3.5\" />\n            Edit Profile\n          </button>\n        )\n      }\n    >\n      {/* Profile Card */}\n      <div className=\"rounded-lg border border-border bg-card p-6\">\n        <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-start\">\n          {/* Avatar */}\n          <div className=\"relative\">\n            <div className=\"flex h-24 w-24 items-center justify-center overflow-hidden rounded-full bg-muted text-2xl font-bold text-foreground\">\n              {mockUser.avatar ? (\n                <img\n                  src={mockUser.avatar}\n                  alt={`${form.firstName} ${form.lastName}`}\n                  className=\"h-full w-full object-cover\"\n                />\n              ) : (\n                initials\n              )}\n            </div>\n            {isEditing && (\n              <button\n                onClick={() => alert('Photo upload would open here')}\n                className=\"absolute -bottom-1 -right-1 flex h-8 w-8 items-center justify-center rounded-full border-2 border-card bg-foreground text-background transition-colors hover:bg-foreground/90\"\n              >\n                <Camera className=\"h-3.5 w-3.5\" />\n              </button>\n            )}\n          </div>\n\n          {/* Info */}\n          <div className=\"flex-1 text-center sm:text-left\">\n            <h2 className=\"text-xl font-semibold text-foreground\">\n              {form.firstName} {form.lastName}\n            </h2>\n            <div className=\"mt-1 flex flex-col gap-1 sm:flex-row sm:items-center sm:gap-3\">\n              <span className=\"flex items-center justify-center gap-1 text-sm text-muted-foreground sm:justify-start\">\n                <Mail className=\"h-3.5 w-3.5\" />\n                {form.email}\n              </span>\n              <span className=\"flex items-center justify-center gap-1 text-sm text-muted-foreground sm:justify-start\">\n                <Phone className=\"h-3.5 w-3.5\" />\n                {form.phone}\n              </span>\n            </div>\n            <div className=\"mt-2\">\n              <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-foreground\">\n                <User className=\"h-3 w-3\" />\n                {mockUser.role}\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Edit Form */}\n      <div className=\"rounded-lg border border-border bg-card p-6\">\n        <h3 className=\"mb-4 text-base font-semibold text-foreground\">Personal Information</h3>\n        <div className=\"grid gap-5 sm:grid-cols-2\">\n          {/* First Name */}\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-foreground\">First Name</label>\n            <input\n              type=\"text\"\n              value={form.firstName}\n              onChange={(e) => handleChange('firstName', e.target.value)}\n              disabled={!isEditing}\n              className={cn(\n                'h-10 w-full rounded-md border px-3 text-sm text-foreground transition-colors',\n                isEditing\n                  ? 'border-border bg-background focus:outline-none focus:ring-2 focus:ring-ring'\n                  : 'border-transparent bg-muted/50 cursor-not-allowed'\n              )}\n            />\n          </div>\n\n          {/* Last Name */}\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-foreground\">Last Name</label>\n            <input\n              type=\"text\"\n              value={form.lastName}\n              onChange={(e) => handleChange('lastName', e.target.value)}\n              disabled={!isEditing}\n              className={cn(\n                'h-10 w-full rounded-md border px-3 text-sm text-foreground transition-colors',\n                isEditing\n                  ? 'border-border bg-background focus:outline-none focus:ring-2 focus:ring-ring'\n                  : 'border-transparent bg-muted/50 cursor-not-allowed'\n              )}\n            />\n          </div>\n\n          {/* Email */}\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-foreground\">Email</label>\n            <input\n              type=\"email\"\n              value={form.email}\n              onChange={(e) => handleChange('email', e.target.value)}\n              disabled={!isEditing}\n              className={cn(\n                'h-10 w-full rounded-md border px-3 text-sm text-foreground transition-colors',\n                isEditing\n                  ? 'border-border bg-background focus:outline-none focus:ring-2 focus:ring-ring'\n                  : 'border-transparent bg-muted/50 cursor-not-allowed'\n              )}\n            />\n          </div>\n\n          {/* Phone */}\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-foreground\">Phone</label>\n            <input\n              type=\"tel\"\n              value={form.phone}\n              onChange={(e) => handleChange('phone', e.target.value)}\n              disabled={!isEditing}\n              className={cn(\n                'h-10 w-full rounded-md border px-3 text-sm text-foreground transition-colors',\n                isEditing\n                  ? 'border-border bg-background focus:outline-none focus:ring-2 focus:ring-ring'\n                  : 'border-transparent bg-muted/50 cursor-not-allowed'\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Save Button (visible only when editing, in form context) */}\n        {isEditing && (\n          <div className=\"mt-6 flex items-center gap-3 border-t border-border pt-5\">\n            <button\n              onClick={handleSave}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\"\n            >\n              <Save className=\"h-4 w-4\" />\n              Save Changes\n            </button>\n            <button\n              onClick={handleCancel}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\"\n            >\n              Cancel\n            </button>\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/settings/SettingsPage.d.ts

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

package/dist/housingvista/pages/settings/SettingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/settings/SettingsPage.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,YAAY,4CA6O3B"}

package/dist/housingvista/pages/settings/SettingsPage.js

@@ -0,0 +1,195 @@
+import { cn as e } from "../../utils/helpers.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../components/index.js";
+import { useState as n } from "react";
+import { Bell as r, Database as i, Download as a, Fingerprint as o, Key as s, Mail as c, MessageSquare as l, Monitor as u, Moon as d, Save as f, Shield as p, Smartphone as m, Sun as h, Trash2 as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/housingvista/pages/settings/SettingsPage.tsx
+function b({ enabled: t, onToggle: n, label: r, description: i, icon: a }) {
+	return /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-between gap-4 py-3",
+		children: [/* @__PURE__ */ v("div", {
+			className: "flex items-center gap-3",
+			children: [a && /* @__PURE__ */ _("span", {
+				className: "text-muted-foreground",
+				children: a
+			}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+				className: "text-sm font-medium text-foreground",
+				children: r
+			}), i && /* @__PURE__ */ _("p", {
+				className: "text-xs text-muted-foreground",
+				children: i
+			})] })]
+		}), /* @__PURE__ */ _("button", {
+			onClick: n,
+			className: e("relative h-6 w-11 rounded-full transition-colors", t ? "bg-foreground" : "bg-muted"),
+			children: /* @__PURE__ */ _("span", { className: e("absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-background transition-transform shadow-sm", t && "translate-x-5") })
+		})]
+	});
+}
+function x() {
+	let { t: x } = y(), S = (e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, [C, w] = n("system"), [T, E] = n({
+		email: !0,
+		sms: !1,
+		push: !0
+	}), [D, O] = n(!1), k = (e) => {
+		E((t) => ({
+			...t,
+			[e]: !t[e]
+		}));
+	};
+	return /* @__PURE__ */ v(t, {
+		title: S("housingvista.settings.title", "Settings"),
+		description: S("housingvista.settings.description", "Manage your account preferences and application settings"),
+		actions: /* @__PURE__ */ v("button", {
+			onClick: () => {
+				alert(S("housingvista.settings.alerts.saved", "Settings saved successfully!"));
+			},
+			className: "inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background transition-colors hover:bg-foreground/90",
+			children: [/* @__PURE__ */ _(f, { className: "h-3.5 w-3.5" }), S("housingvista.settings.actions.saveChanges", "Save Changes")]
+		}),
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border bg-card p-5",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "mb-4 flex items-center gap-2 text-base font-semibold text-foreground",
+					children: [/* @__PURE__ */ _(h, { className: "h-4 w-4 text-muted-foreground" }), S("housingvista.settings.sections.general", "General")]
+				}), /* @__PURE__ */ v("div", { children: [
+					/* @__PURE__ */ _("label", {
+						className: "mb-2 block text-sm font-medium text-foreground",
+						children: S("housingvista.settings.appearance.label", "Appearance")
+					}),
+					/* @__PURE__ */ _("p", {
+						className: "mb-3 text-xs text-muted-foreground",
+						children: S("housingvista.settings.appearance.description", "Choose how the application looks")
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "grid grid-cols-3 gap-3",
+						children: [
+							{
+								value: "light",
+								label: S("housingvista.settings.appearance.options.light", "Light"),
+								icon: /* @__PURE__ */ _(h, { className: "h-5 w-5" })
+							},
+							{
+								value: "dark",
+								label: S("housingvista.settings.appearance.options.dark", "Dark"),
+								icon: /* @__PURE__ */ _(d, { className: "h-5 w-5" })
+							},
+							{
+								value: "system",
+								label: S("housingvista.settings.appearance.options.system", "System"),
+								icon: /* @__PURE__ */ _(u, { className: "h-5 w-5" })
+							}
+						].map((t) => /* @__PURE__ */ v("button", {
+							onClick: () => w(t.value),
+							className: e("flex flex-col items-center gap-2 rounded-lg border p-4 text-sm font-medium transition-all", C === t.value ? "border-foreground bg-foreground/5 text-foreground" : "border-border text-muted-foreground hover:border-foreground/30 hover:bg-muted"),
+							children: [t.icon, t.label]
+						}, t.value))
+					})
+				] })]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border bg-card p-5",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "mb-4 flex items-center gap-2 text-base font-semibold text-foreground",
+					children: [/* @__PURE__ */ _(r, { className: "h-4 w-4 text-muted-foreground" }), S("housingvista.settings.sections.notifications", "Notifications")]
+				}), /* @__PURE__ */ v("div", {
+					className: "divide-y divide-border",
+					children: [
+						/* @__PURE__ */ _(b, {
+							enabled: T.email,
+							onToggle: () => k("email"),
+							label: S("housingvista.settings.notifications.email.label", "Email Notifications"),
+							description: S("housingvista.settings.notifications.email.description", "Receive notifications via email"),
+							icon: /* @__PURE__ */ _(c, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ _(b, {
+							enabled: T.sms,
+							onToggle: () => k("sms"),
+							label: S("housingvista.settings.notifications.sms.label", "SMS Notifications"),
+							description: S("housingvista.settings.notifications.sms.description", "Receive text message notifications for urgent alerts"),
+							icon: /* @__PURE__ */ _(l, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ _(b, {
+							enabled: T.push,
+							onToggle: () => k("push"),
+							label: S("housingvista.settings.notifications.push.label", "Push Notifications"),
+							description: S("housingvista.settings.notifications.push.description", "Browser and mobile push notifications"),
+							icon: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border bg-card p-5",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "mb-4 flex items-center gap-2 text-base font-semibold text-foreground",
+					children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 text-muted-foreground" }), S("housingvista.settings.sections.security", "Security")]
+				}), /* @__PURE__ */ v("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ v("button", {
+						onClick: () => alert(S("housingvista.settings.alerts.passwordChange", "Password change flow would open here")),
+						className: "flex w-full items-center gap-3 rounded-md border border-border p-3 text-left transition-colors hover:bg-muted",
+						children: [/* @__PURE__ */ _(s, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							className: "text-sm font-medium text-foreground",
+							children: S("housingvista.settings.security.changePassword.label", "Change Password")
+						}), /* @__PURE__ */ _("p", {
+							className: "text-xs text-muted-foreground",
+							children: S("housingvista.settings.security.changePassword.description", "Update your account password")
+						})] })]
+					}), /* @__PURE__ */ _("div", {
+						className: "divide-y divide-border",
+						children: /* @__PURE__ */ _(b, {
+							enabled: D,
+							onToggle: () => O(!D),
+							label: S("housingvista.settings.security.twoFactor.label", "Two-Factor Authentication"),
+							description: S("housingvista.settings.security.twoFactor.description", "Add an extra layer of security to your account"),
+							icon: /* @__PURE__ */ _(o, { className: "h-4 w-4" })
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border bg-card p-5",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "mb-4 flex items-center gap-2 text-base font-semibold text-foreground",
+					children: [/* @__PURE__ */ _(i, { className: "h-4 w-4 text-muted-foreground" }), S("housingvista.settings.sections.dataPrivacy", "Data & Privacy")]
+				}), /* @__PURE__ */ v("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ v("button", {
+						onClick: () => alert(S("housingvista.settings.alerts.dataExport", "Your data export has been initiated. You'll receive an email with the download link.")),
+						className: "flex w-full items-center gap-3 rounded-md border border-border p-3 text-left transition-colors hover:bg-muted",
+						children: [/* @__PURE__ */ _(a, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							className: "text-sm font-medium text-foreground",
+							children: S("housingvista.settings.dataPrivacy.exportData.label", "Export Data")
+						}), /* @__PURE__ */ _("p", {
+							className: "text-xs text-muted-foreground",
+							children: S("housingvista.settings.dataPrivacy.exportData.description", "Download all your data in JSON format")
+						})] })]
+					}), /* @__PURE__ */ v("button", {
+						onClick: () => {
+							window.confirm(S("housingvista.settings.confirm.deleteAccount", "Are you sure you want to delete your account? This action cannot be undone.")) && alert(S("housingvista.settings.alerts.accountDeletion", "Account deletion has been initiated. You'll receive a confirmation email."));
+						},
+						className: "flex w-full items-center gap-3 rounded-md border border-red-200 bg-red-50/50 p-3 text-left transition-colors hover:bg-red-100/50 dark:border-red-900/50 dark:bg-red-950/20 dark:hover:bg-red-950/40",
+						children: [/* @__PURE__ */ _(g, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							className: "text-sm font-medium text-red-600 dark:text-red-400",
+							children: S("housingvista.settings.dataPrivacy.deleteAccount.label", "Delete Account")
+						}), /* @__PURE__ */ _("p", {
+							className: "text-xs text-muted-foreground",
+							children: S("housingvista.settings.dataPrivacy.deleteAccount.description", "Permanently delete your account and all data")
+						})] })]
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { x as SettingsPage };
+
+//# sourceMappingURL=SettingsPage.js.map

package/dist/housingvista/pages/settings/SettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/housingvista/pages/settings/SettingsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Sun,\n  Moon,\n  Monitor,\n  Bell,\n  Mail,\n  Smartphone,\n  MessageSquare,\n  Shield,\n  Key,\n  Fingerprint,\n  Database,\n  Download,\n  Trash2,\n  Save,\n} from 'lucide-react';\nimport { PageLayout } from '../../components';\nimport { cn } from '../../utils/helpers';\n\ninterface ToggleProps {\n  enabled: boolean;\n  onToggle: () => void;\n  label: string;\n  description?: string;\n  icon?: React.ReactNode;\n}\n\nfunction Toggle({ enabled, onToggle, label, description, icon }: ToggleProps) {\n  return (\n    <div className=\"flex items-center justify-between gap-4 py-3\">\n      <div className=\"flex items-center gap-3\">\n        {icon && <span className=\"text-muted-foreground\">{icon}</span>}\n        <div>\n          <p className=\"text-sm font-medium text-foreground\">{label}</p>\n          {description && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n        </div>\n      </div>\n      <button\n        onClick={onToggle}\n        className={cn('relative h-6 w-11 rounded-full transition-colors', enabled ? 'bg-foreground' : 'bg-muted')}\n      >\n        <span\n          className={cn(\n            'absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-background transition-transform shadow-sm',\n            enabled && 'translate-x-5'\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\nexport function SettingsPage() {\n  const { t } = useI18n();\n\n  const tr = (key: string, fallback: string) => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  // Theme state\n  const [theme, setTheme] = useState<'light' | 'dark' | 'system'>('system');\n\n  // Notification preferences\n  const [notifications, setNotifications] = useState({\n    email: true,\n    sms: false,\n    push: true,\n  });\n\n  // Security\n  const [twoFA, setTwoFA] = useState(false);\n\n  const toggleNotification = (key: keyof typeof notifications) => {\n    setNotifications((prev) => ({ ...prev, [key]: !prev[key] }));\n  };\n\n  const handleSave = () => {\n    alert(tr('housingvista.settings.alerts.saved', 'Settings saved successfully!'));\n  };\n\n  return (\n    <PageLayout\n      title={tr('housingvista.settings.title', 'Settings')}\n      description={tr('housingvista.settings.description', 'Manage your account preferences and application settings')}\n      actions={\n        <button\n          onClick={handleSave}\n          className=\"inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background transition-colors hover:bg-foreground/90\"\n        >\n          <Save className=\"h-3.5 w-3.5\" />\n          {tr('housingvista.settings.actions.saveChanges', 'Save Changes')}\n        </button>\n      }\n    >\n      {/* General - Theme */}\n      <div className=\"rounded-lg border border-border bg-card p-5\">\n        <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-foreground\">\n          <Sun className=\"h-4 w-4 text-muted-foreground\" />\n          {tr('housingvista.settings.sections.general', 'General')}\n        </h2>\n        <div>\n          <label className=\"mb-2 block text-sm font-medium text-foreground\">\n            {tr('housingvista.settings.appearance.label', 'Appearance')}\n          </label>\n          <p className=\"mb-3 text-xs text-muted-foreground\">\n            {tr('housingvista.settings.appearance.description', 'Choose how the application looks')}\n          </p>\n          <div className=\"grid grid-cols-3 gap-3\">\n            {(\n              [\n                {\n                  value: 'light',\n                  label: tr('housingvista.settings.appearance.options.light', 'Light'),\n                  icon: <Sun className=\"h-5 w-5\" />,\n                },\n                {\n                  value: 'dark',\n                  label: tr('housingvista.settings.appearance.options.dark', 'Dark'),\n                  icon: <Moon className=\"h-5 w-5\" />,\n                },\n                {\n                  value: 'system',\n                  label: tr('housingvista.settings.appearance.options.system', 'System'),\n                  icon: <Monitor className=\"h-5 w-5\" />,\n                },\n              ] as const\n            ).map((option) => (\n              <button\n                key={option.value}\n                onClick={() => setTheme(option.value)}\n                className={cn(\n                  'flex flex-col items-center gap-2 rounded-lg border p-4 text-sm font-medium transition-all',\n                  theme === option.value\n                    ? 'border-foreground bg-foreground/5 text-foreground'\n                    : 'border-border text-muted-foreground hover:border-foreground/30 hover:bg-muted'\n                )}\n              >\n                {option.icon}\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Notifications */}\n      <div className=\"rounded-lg border border-border bg-card p-5\">\n        <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-foreground\">\n          <Bell className=\"h-4 w-4 text-muted-foreground\" />\n          {tr('housingvista.settings.sections.notifications', 'Notifications')}\n        </h2>\n        <div className=\"divide-y divide-border\">\n          <Toggle\n            enabled={notifications.email}\n            onToggle={() => toggleNotification('email')}\n            label={tr('housingvista.settings.notifications.email.label', 'Email Notifications')}\n            description={tr('housingvista.settings.notifications.email.description', 'Receive notifications via email')}\n            icon={<Mail className=\"h-4 w-4\" />}\n          />\n          <Toggle\n            enabled={notifications.sms}\n            onToggle={() => toggleNotification('sms')}\n            label={tr('housingvista.settings.notifications.sms.label', 'SMS Notifications')}\n            description={tr(\n              'housingvista.settings.notifications.sms.description',\n              'Receive text message notifications for urgent alerts'\n            )}\n            icon={<MessageSquare className=\"h-4 w-4\" />}\n          />\n          <Toggle\n            enabled={notifications.push}\n            onToggle={() => toggleNotification('push')}\n            label={tr('housingvista.settings.notifications.push.label', 'Push Notifications')}\n            description={tr(\n              'housingvista.settings.notifications.push.description',\n              'Browser and mobile push notifications'\n            )}\n            icon={<Smartphone className=\"h-4 w-4\" />}\n          />\n        </div>\n      </div>\n\n      {/* Security */}\n      <div className=\"rounded-lg border border-border bg-card p-5\">\n        <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-foreground\">\n          <Shield className=\"h-4 w-4 text-muted-foreground\" />\n          {tr('housingvista.settings.sections.security', 'Security')}\n        </h2>\n        <div className=\"space-y-3\">\n          <button\n            onClick={() =>\n              alert(tr('housingvista.settings.alerts.passwordChange', 'Password change flow would open here'))\n            }\n            className=\"flex w-full items-center gap-3 rounded-md border border-border p-3 text-left transition-colors hover:bg-muted\"\n          >\n            <Key className=\"h-4 w-4 text-muted-foreground\" />\n            <div>\n              <p className=\"text-sm font-medium text-foreground\">\n                {tr('housingvista.settings.security.changePassword.label', 'Change Password')}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                {tr('housingvista.settings.security.changePassword.description', 'Update your account password')}\n              </p>\n            </div>\n          </button>\n          <div className=\"divide-y divide-border\">\n            <Toggle\n              enabled={twoFA}\n              onToggle={() => setTwoFA(!twoFA)}\n              label={tr('housingvista.settings.security.twoFactor.label', 'Two-Factor Authentication')}\n              description={tr(\n                'housingvista.settings.security.twoFactor.description',\n                'Add an extra layer of security to your account'\n              )}\n              icon={<Fingerprint className=\"h-4 w-4\" />}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Data & Privacy */}\n      <div className=\"rounded-lg border border-border bg-card p-5\">\n        <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-foreground\">\n          <Database className=\"h-4 w-4 text-muted-foreground\" />\n          {tr('housingvista.settings.sections.dataPrivacy', 'Data & Privacy')}\n        </h2>\n        <div className=\"space-y-3\">\n          <button\n            onClick={() =>\n              alert(\n                tr(\n                  'housingvista.settings.alerts.dataExport',\n                  \"Your data export has been initiated. You'll receive an email with the download link.\"\n                )\n              )\n            }\n            className=\"flex w-full items-center gap-3 rounded-md border border-border p-3 text-left transition-colors hover:bg-muted\"\n          >\n            <Download className=\"h-4 w-4 text-muted-foreground\" />\n            <div>\n              <p className=\"text-sm font-medium text-foreground\">\n                {tr('housingvista.settings.dataPrivacy.exportData.label', 'Export Data')}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                {tr(\n                  'housingvista.settings.dataPrivacy.exportData.description',\n                  'Download all your data in JSON format'\n                )}\n              </p>\n            </div>\n          </button>\n          <button\n            onClick={() => {\n              if (\n                window.confirm(\n                  tr(\n                    'housingvista.settings.confirm.deleteAccount',\n                    'Are you sure you want to delete your account? This action cannot be undone.'\n                  )\n                )\n              ) {\n                alert(\n                  tr(\n                    'housingvista.settings.alerts.accountDeletion',\n                    \"Account deletion has been initiated. You'll receive a confirmation email.\"\n                  )\n                );\n              }\n            }}\n            className=\"flex w-full items-center gap-3 rounded-md border border-red-200 bg-red-50/50 p-3 text-left transition-colors hover:bg-red-100/50 dark:border-red-900/50 dark:bg-red-950/20 dark:hover:bg-red-950/40\"\n          >\n            <Trash2 className=\"h-4 w-4 text-red-600 dark:text-red-400\" />\n            <div>\n              <p className=\"text-sm font-medium text-red-600 dark:text-red-400\">\n                {tr('housingvista.settings.dataPrivacy.deleteAccount.label', 'Delete Account')}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                {tr(\n                  'housingvista.settings.dataPrivacy.deleteAccount.description',\n                  'Permanently delete your account and all data'\n                )}\n              </p>\n            </div>\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/transactions/TransactionDetailPage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HousingVista Transaction Detail Page
+ * Full transaction detail with milestones, documents, parties, financial breakdown.
+ * Migrated from legacy housingvista-frontend transaction-detail.tsx
+ * @module housingvista
+ */
+export declare const TransactionDetailPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TransactionDetailPage.d.ts.map

package/dist/housingvista/pages/transactions/TransactionDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/transactions/TransactionDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgDH,eAAO,MAAM,qBAAqB,+CAgdjC,CAAC"}