@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/transactions/TransactionDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/transactions/TransactionDetailPage.tsx"],"sourcesContent":["/**\n * HousingVista Transaction Detail Page\n * Full transaction detail with milestones, documents, parties, financial breakdown.\n * Migrated from legacy housingvista-frontend transaction-detail.tsx\n * @module housingvista\n */\n\nimport { useMemo } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  DollarSign,\n  Calendar,\n  FileText,\n  Shield,\n  CheckCircle,\n  Clock,\n  AlertCircle,\n  XCircle,\n  Download,\n  Upload,\n  MessageCircle,\n  Share2,\n  Building,\n} from 'lucide-react';\nimport { Breadcrumbs, StatusBadge, EmptyState } from '../../components';\nimport type { BreadcrumbItem } from '../../components';\nimport { useTransactions } from '../../hooks';\nimport { formatCurrency, formatDate } from '../../utils/helpers';\n\n// ---- Status badge variant map ----\nconst statusVariantMap: Record<string, 'success' | 'warning' | 'error' | 'info' | 'default' | 'muted'> = {\n  completed: 'success',\n  in_progress: 'info',\n  pending: 'warning',\n  pending_approval: 'warning',\n  negotiation: 'info',\n  cancelled: 'error',\n  disputed: 'error',\n  overdue: 'error',\n  draft: 'muted',\n};\n\n// ---- Status icon map ----\nconst statusIcons: Record<string, typeof CheckCircle> = {\n  completed: CheckCircle,\n  in_progress: Clock,\n  pending: AlertCircle,\n  pending_approval: AlertCircle,\n  cancelled: XCircle,\n  overdue: XCircle,\n};\n\nexport const TransactionDetailPage = () => {\n  const { id } = useParams<{ id: string }>();\n  const navigate = useNavigate();\n  const { data: transactions, loading } = useTransactions();\n\n  const transaction = useMemo(() => transactions.find((t) => t.id === id) ?? null, [transactions, id]);\n\n  // ---- Loading ----\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-muted-foreground border-t-foreground\" />\n      </div>\n    );\n  }\n\n  // ---- Not Found ----\n  if (!transaction) {\n    return (\n      <div className=\"p-6\">\n        <EmptyState\n          icon={<FileText className=\"h-12 w-12\" />}\n          title=\"Transaction Not Found\"\n          description=\"The transaction you're looking for doesn't exist or has been removed.\"\n          action={\n            <button\n              onClick={() => navigate('../')}\n              className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Transactions\n            </button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const breadcrumbs: BreadcrumbItem[] = [\n    { label: 'Transactions', href: '../' },\n    { label: `Transaction #${transaction.id.split('-')[1]}` },\n  ];\n\n  const milestonesCompleted = transaction.milestones.filter((m) => m.status === 'completed').length;\n  const totalMilestones = transaction.milestones.length;\n  const progressPercent = totalMilestones > 0 ? Math.round((milestonesCompleted / totalMilestones) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Breadcrumbs */}\n      <Breadcrumbs items={breadcrumbs} />\n\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <button\n            onClick={() => navigate('../')}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-muted\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-foreground\">Transaction #{transaction.id.split('-')[1]}</h1>\n            <div className=\"mt-1 flex items-center gap-2\">\n              <StatusBadge\n                label={transaction.status.replace(/_/g, ' ')}\n                variant={statusVariantMap[transaction.status] ?? 'default'}\n                dot\n              />\n              <StatusBadge label={transaction.type} variant=\"muted\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n            <Share2 className=\"h-4 w-4\" />\n            Share\n          </button>\n          <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n            <Download className=\"h-4 w-4\" />\n            Export\n          </button>\n          {(transaction.status === 'in_progress' || transaction.status === 'negotiation') && (\n            <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n              <FileText className=\"h-4 w-4\" />\n              Take Action\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Key Info Cards */}\n      <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        <div className=\"rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex items-center gap-2 text-muted-foreground\">\n            <DollarSign className=\"h-4 w-4\" />\n            <span className=\"text-xs font-medium\">Amount</span>\n          </div>\n          <div className=\"mt-2 text-xl font-bold text-foreground\">\n            {formatCurrency(transaction.amount, transaction.currency)}\n          </div>\n        </div>\n        <div className=\"rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex items-center gap-2 text-muted-foreground\">\n            <FileText className=\"h-4 w-4\" />\n            <span className=\"text-xs font-medium\">Type</span>\n          </div>\n          <div className=\"mt-2 text-xl font-bold capitalize text-foreground\">{transaction.type}</div>\n        </div>\n        <div className=\"rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex items-center gap-2 text-muted-foreground\">\n            <Building className=\"h-4 w-4\" />\n            <span className=\"text-xs font-medium\">Property</span>\n          </div>\n          <div className=\"mt-2 truncate text-sm font-bold text-foreground\">{transaction.property.title}</div>\n          <div className=\"truncate text-xs text-muted-foreground\">\n            {transaction.property.location.city}, {transaction.property.location.state}\n          </div>\n        </div>\n        <div className=\"rounded-lg border border-border bg-card p-4\">\n          <div className=\"flex items-center gap-2 text-muted-foreground\">\n            <Calendar className=\"h-4 w-4\" />\n            <span className=\"text-xs font-medium\">Progress</span>\n          </div>\n          <div className=\"mt-2 text-xl font-bold text-foreground\">{progressPercent}%</div>\n          <div className=\"mt-1 h-1.5 w-full rounded-full bg-muted\">\n            <div className=\"h-1.5 rounded-full bg-foreground transition-all\" style={{ width: `${progressPercent}%` }} />\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content Grid */}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Left: Main content */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          {/* Transaction Overview */}\n          <div className=\"rounded-lg border border-border bg-card p-6\">\n            <h2 className=\"mb-4 text-base font-semibold text-foreground\">Transaction Overview</h2>\n            <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2\">\n              <div>\n                <h4 className=\"mb-3 text-sm font-medium text-foreground\">Property Details</h4>\n                <dl className=\"space-y-2 text-sm\">\n                  <div className=\"flex justify-between\">\n                    <dt className=\"text-muted-foreground\">Property</dt>\n                    <dd className=\"font-medium text-foreground\">{transaction.property.title}</dd>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <dt className=\"text-muted-foreground\">Location</dt>\n                    <dd className=\"text-foreground\">\n                      {transaction.property.location.city}, {transaction.property.location.state}\n                    </dd>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <dt className=\"text-muted-foreground\">Type</dt>\n                    <dd className=\"capitalize text-foreground\">{transaction.property.type.replace('_', ' ')}</dd>\n                  </div>\n                </dl>\n              </div>\n              <div>\n                <h4 className=\"mb-3 text-sm font-medium text-foreground\">Transaction Details</h4>\n                <dl className=\"space-y-2 text-sm\">\n                  <div className=\"flex justify-between\">\n                    <dt className=\"text-muted-foreground\">Created</dt>\n                    <dd className=\"text-foreground\">{formatDate(transaction.createdAt.toISOString())}</dd>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <dt className=\"text-muted-foreground\">Last Updated</dt>\n                    <dd className=\"text-foreground\">{formatDate(transaction.updatedAt.toISOString())}</dd>\n                  </div>\n                  {transaction.expectedCompletionDate && (\n                    <div className=\"flex justify-between\">\n                      <dt className=\"text-muted-foreground\">Expected Completion</dt>\n                      <dd className=\"text-foreground\">\n                        {formatDate(transaction.expectedCompletionDate.toISOString())}\n                      </dd>\n                    </div>\n                  )}\n                  {transaction.actualCompletionDate && (\n                    <div className=\"flex justify-between\">\n                      <dt className=\"text-muted-foreground\">Completed</dt>\n                      <dd className=\"text-foreground\">{formatDate(transaction.actualCompletionDate.toISOString())}</dd>\n                    </div>\n                  )}\n                </dl>\n              </div>\n            </div>\n          </div>\n\n          {/* Financial Breakdown */}\n          <div className=\"rounded-lg border border-border bg-card p-6\">\n            <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-foreground\">\n              <DollarSign className=\"h-5 w-5\" />\n              Financial Breakdown\n            </h2>\n            <div className=\"mb-4 flex items-center justify-between text-lg font-semibold\">\n              <span className=\"text-foreground\">Total Amount</span>\n              <span className=\"text-2xl text-foreground\">\n                {formatCurrency(transaction.amount, transaction.currency)}\n              </span>\n            </div>\n            {transaction.commission && (\n              <div className=\"space-y-2 border-t border-border pt-4 text-sm\">\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Broker Commission</span>\n                  <span className=\"font-medium text-foreground\">\n                    {formatCurrency(transaction.commission.brokerCommission)}\n                  </span>\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Platform Commission</span>\n                  <span className=\"font-medium text-foreground\">\n                    {formatCurrency(transaction.commission.platformCommission)}\n                  </span>\n                </div>\n                {transaction.commission.otherCharges.map((charge) => (\n                  <div key={charge.type} className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">{charge.description}</span>\n                    <span className=\"font-medium text-foreground\">{formatCurrency(charge.amount)}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Milestones / Timeline */}\n          <div className=\"rounded-lg border border-border bg-card p-6\">\n            <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-foreground\">\n              <Shield className=\"h-5 w-5\" />\n              Transaction Milestones\n            </h2>\n            <div className=\"space-y-3\">\n              {transaction.milestones.map((milestone) => {\n                const Icon = statusIcons[milestone.status] ?? Clock;\n                return (\n                  <div key={milestone.id} className=\"flex items-center justify-between rounded-lg bg-muted/50 p-4\">\n                    <div className=\"flex items-start gap-3\">\n                      <Icon\n                        className={`mt-0.5 h-5 w-5 ${\n                          milestone.status === 'completed'\n                            ? 'text-emerald-600 dark:text-emerald-400'\n                            : milestone.status === 'in_progress'\n                              ? 'text-amber-600 dark:text-amber-400'\n                              : milestone.status === 'overdue'\n                                ? 'text-red-600 dark:text-red-400'\n                                : 'text-muted-foreground'\n                        }`}\n                      />\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">{milestone.title}</p>\n                        <p className=\"text-xs text-muted-foreground\">{milestone.description}</p>\n                        <p className=\"mt-1 text-xs text-muted-foreground\">\n                          Due: {formatDate(milestone.dueDate.toISOString())}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"text-right\">\n                      <StatusBadge\n                        label={milestone.status.replace(/_/g, ' ')}\n                        variant={statusVariantMap[milestone.status] ?? 'default'}\n                      />\n                      {milestone.completedAt && (\n                        <p className=\"mt-1 text-xs text-muted-foreground\">\n                          Completed: {formatDate(milestone.completedAt.toISOString())}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n\n        {/* Right Sidebar */}\n        <div className=\"space-y-6\">\n          {/* Quick Actions */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"mb-4 text-base font-semibold text-foreground\">Quick Actions</h3>\n            <div className=\"space-y-2\">\n              <button className=\"flex w-full items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n                <MessageCircle className=\"h-4 w-4\" />\n                Contact Parties\n              </button>\n              <button className=\"flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n                <Upload className=\"h-4 w-4\" />\n                Upload Document\n              </button>\n              <button className=\"flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n                <Calendar className=\"h-4 w-4\" />\n                Schedule Meeting\n              </button>\n              <button className=\"flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n                <FileText className=\"h-4 w-4\" />\n                Generate Report\n              </button>\n            </div>\n          </div>\n\n          {/* Documents */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"mb-4 text-base font-semibold text-foreground\">Documents</h3>\n            {transaction.documents.length > 0 ? (\n              <div className=\"space-y-3\">\n                {transaction.documents.map((doc) => (\n                  <div key={doc.id} className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                    <div className=\"flex items-center gap-3\">\n                      <FileText className=\"h-4 w-4 text-muted-foreground\" />\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">{doc.name}</p>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {doc.signedAt ? formatDate(doc.signedAt.toISOString()) : 'Not signed'}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <StatusBadge\n                        label={doc.signed ? 'Signed' : 'Pending'}\n                        variant={doc.signed ? 'success' : 'warning'}\n                      />\n                      <button className=\"rounded-md p-1 text-muted-foreground transition-colors hover:text-foreground\">\n                        <Download className=\"h-4 w-4\" />\n                      </button>\n                    </div>\n                  </div>\n                ))}\n                <button className=\"flex w-full items-center justify-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n                  <Upload className=\"h-4 w-4\" />\n                  Upload Document\n                </button>\n              </div>\n            ) : (\n              <div className=\"text-center\">\n                <p className=\"text-sm text-muted-foreground\">No documents yet.</p>\n                <button className=\"mt-2 inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n                  <Upload className=\"h-4 w-4\" />\n                  Upload Document\n                </button>\n              </div>\n            )}\n          </div>\n\n          {/* Parties Involved */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"mb-4 text-base font-semibold text-foreground\">Parties Involved</h3>\n            <div className=\"space-y-4\">\n              {transaction.buyer && (\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n                    {transaction.buyer.firstName[0]}\n                    {transaction.buyer.lastName[0]}\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">Buyer</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {transaction.buyer.firstName} {transaction.buyer.lastName}\n                    </p>\n                  </div>\n                </div>\n              )}\n              {transaction.seller && (\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n                    {transaction.seller.firstName[0]}\n                    {transaction.seller.lastName[0]}\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">Seller</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {transaction.seller.firstName} {transaction.seller.lastName}\n                    </p>\n                  </div>\n                </div>\n              )}\n              {transaction.tenant && (\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n                    {transaction.tenant.firstName[0]}\n                    {transaction.tenant.lastName[0]}\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">Tenant</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {transaction.tenant.firstName} {transaction.tenant.lastName}\n                    </p>\n                  </div>\n                </div>\n              )}\n              {transaction.landlord && (\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n                    {transaction.landlord.firstName[0]}\n                    {transaction.landlord.lastName[0]}\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">Landlord</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {transaction.landlord.firstName} {transaction.landlord.lastName}\n                    </p>\n                  </div>\n                </div>\n              )}\n              {transaction.broker && (\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n                    {transaction.broker.firstName[0]}\n                    {transaction.broker.lastName[0]}\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">Broker</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {transaction.broker.firstName} {transaction.broker.lastName}\n                    </p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {/* Escrow (if exists) */}\n          {transaction.escrow && (\n            <div className=\"rounded-lg border border-border bg-card p-5\">\n              <h3 className=\"mb-4 text-base font-semibold text-foreground\">Escrow Details</h3>\n              <dl className=\"space-y-2 text-sm\">\n                <div className=\"flex justify-between\">\n                  <dt className=\"text-muted-foreground\">Escrow Amount</dt>\n                  <dd className=\"font-medium text-foreground\">{formatCurrency(transaction.escrow.amount)}</dd>\n                </div>\n                <div className=\"flex justify-between\">\n                  <dt className=\"text-muted-foreground\">Status</dt>\n                  <dd>\n                    <StatusBadge\n                      label={transaction.escrow.status}\n                      variant={\n                        transaction.escrow.status === 'released'\n                          ? 'success'\n                          : transaction.escrow.status === 'funded'\n                            ? 'info'\n                            : transaction.escrow.status === 'refunded'\n                              ? 'warning'\n                              : 'muted'\n                      }\n                    />\n                  </dd>\n                </div>\n                {transaction.escrow.conditions.length > 0 && (\n                  <div>\n                    <dt className=\"mb-1 text-muted-foreground\">Release Conditions</dt>\n                    <dd>\n                      <ul className=\"list-inside list-disc text-xs text-foreground\">\n                        {transaction.escrow.conditions.map((condition, i) => (\n                          <li key={i}>{condition}</li>\n                        ))}\n                      </ul>\n                    </dd>\n                  </div>\n                )}\n              </dl>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA+BA,IAAM,IAAmG;CACvG,WAAW;CACX,aAAa;CACb,SAAS;CACT,kBAAkB;CAClB,aAAa;CACb,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;CACR,EAGK,IAAkD;CACtD,WAAW;CACX,aAAa;CACb,SAAS;CACT,kBAAkB;CAClB,WAAW;CACX,SAAS;CACV,EAEY,UAA8B;CACzC,IAAM,EAAE,UAAO,GAA2B,EACpC,IAAW,GAAa,EACxB,EAAE,MAAM,GAAc,eAAY,GAAiB,EAEnD,IAAc,QAAc,EAAa,MAAM,MAAM,EAAE,OAAO,EAAG,IAAI,MAAM,CAAC,GAAc,EAAG,CAAC;AAGpG,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,0FAA2F,CAAA;EACtG,CAAA;AAKV,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GACxC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,eAAe,EAAS,MAAM;IAC9B,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,uBAE1B;;GAEX,CAAA;EACE,CAAA;CAIV,IAAM,IAAgC,CACpC;EAAE,OAAO;EAAgB,MAAM;EAAO,EACtC,EAAE,OAAO,gBAAgB,EAAY,GAAG,MAAM,IAAI,CAAC,MAAM,CAC1D,EAEK,IAAsB,EAAY,WAAW,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QACrF,IAAkB,EAAY,WAAW,QACzC,IAAkB,IAAkB,IAAI,KAAK,MAAO,IAAsB,IAAmB,IAAI,GAAG;AAE1G,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,GAAD,EAAa,OAAO,GAAe,CAAA;GAGnC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,eAAe,EAAS,MAAM;MAC9B,WAAU;gBAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,OAE1B;SACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd,CAAmD,iBAAc,EAAY,GAAG,MAAM,IAAI,CAAC,GAAQ;SACnG,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,OAAO,EAAY,OAAO,QAAQ,MAAM,IAAI;OAC5C,SAAS,EAAiB,EAAY,WAAW;OACjD,KAAA;OACA,CAAA,EACF,kBAAC,GAAD;OAAa,OAAO,EAAY;OAAM,SAAQ;OAAU,CAAA,CACpD;QACF,EAAA,CAAA,CACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,QAEvB;;MACT,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,SAEzB;;OACP,EAAY,WAAW,iBAAiB,EAAY,WAAW,kBAC/D,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,cAEzB;;MAEP;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,EAClC,kBAAC,QAAD;QAAM,WAAU;kBAAsB;QAAa,CAAA,CAC/C;UACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAe,EAAY,QAAQ,EAAY,SAAS;OACrD,CAAA,CACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD;QAAM,WAAU;kBAAsB;QAAW,CAAA,CAC7C;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAqD,EAAY;OAAW,CAAA,CACvF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD;SAAM,WAAU;mBAAsB;SAAe,CAAA,CACjD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAmD,EAAY,SAAS;QAAY,CAAA;OACnG,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACG,EAAY,SAAS,SAAS;SAAK;SAAG,EAAY,SAAS,SAAS;SACjE;;OACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD;SAAM,WAAU;mBAAsB;SAAe,CAAA,CACjD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CAAyD,GAAgB,IAAO;;OAChF,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SAAK,WAAU;SAAkD,OAAO,EAAE,OAAO,GAAG,EAAgB,IAAI;SAAI,CAAA;QACxG,CAAA;OACF;;KACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAyB,CAAA,EACtF,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBAA2C;SAAqB,CAAA,EAC9E,kBAAC,MAAD;SAAI,WAAU;mBAAd;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAa,CAAA,EACnD,kBAAC,MAAD;YAAI,WAAU;sBAA+B,EAAY,SAAS;YAAW,CAAA,CACzE;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAa,CAAA,EACnD,kBAAC,MAAD;YAAI,WAAU;sBAAd;aACG,EAAY,SAAS,SAAS;aAAK;aAAG,EAAY,SAAS,SAAS;aAClE;cACD;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAS,CAAA,EAC/C,kBAAC,MAAD;YAAI,WAAU;sBAA8B,EAAY,SAAS,KAAK,QAAQ,KAAK,IAAI;YAAM,CAAA,CACzF;;UACH;WACD,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBAA2C;SAAwB,CAAA,EACjF,kBAAC,MAAD;SAAI,WAAU;mBAAd;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAY,CAAA,EAClD,kBAAC,MAAD;YAAI,WAAU;sBAAmB,EAAW,EAAY,UAAU,aAAa,CAAC;YAAM,CAAA,CAClF;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAiB,CAAA,EACvD,kBAAC,MAAD;YAAI,WAAU;sBAAmB,EAAW,EAAY,UAAU,aAAa,CAAC;YAAM,CAAA,CAClF;;UACL,EAAY,0BACX,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAwB,CAAA,EAC9D,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAW,EAAY,uBAAuB,aAAa,CAAC;YAC1D,CAAA,CACD;;UAEP,EAAY,wBACX,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAwB;YAAc,CAAA,EACpD,kBAAC,MAAD;YAAI,WAAU;sBAAmB,EAAW,EAAY,qBAAqB,aAAa,CAAC;YAAM,CAAA,CAC7F;;UAEL;WACD,EAAA,CAAA,CACF;UACF;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAd,CACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,EAAA,sBAE/B;;QACL,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAkB;UAAmB,CAAA,EACrD,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAe,EAAY,QAAQ,EAAY,SAAS;UACpD,CAAA,CACH;;QACL,EAAY,cACX,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,QAAD;YAAM,WAAU;sBAAwB;YAAwB,CAAA,EAChE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAe,EAAY,WAAW,iBAAiB;YACnD,CAAA,CACH;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,QAAD;YAAM,WAAU;sBAAwB;YAA0B,CAAA,EAClE,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAe,EAAY,WAAW,mBAAmB;YACrD,CAAA,CACH;;UACL,EAAY,WAAW,aAAa,KAAK,MACxC,kBAAC,OAAD;WAAuB,WAAU;qBAAjC,CACE,kBAAC,QAAD;YAAM,WAAU;sBAAyB,EAAO;YAAmB,CAAA,EACnE,kBAAC,QAAD;YAAM,WAAU;sBAA+B,EAAe,EAAO,OAAO;YAAQ,CAAA,CAChF;aAHI,EAAO,KAGX,CACN;UACE;;QAEJ;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,yBAE3B;WACL,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAY,WAAW,KAAK,MAGzB,kBAAC,OAAD;SAAwB,WAAU;mBAAlC,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAJO,EAAY,EAAU,WAAW,GAIxC,EACE,WAAW,kBACT,EAAU,WAAW,cACjB,2CACA,EAAU,WAAW,gBACnB,uCACA,EAAU,WAAW,YACnB,mCACA,2BAEV,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA;WACE,kBAAC,KAAD;YAAG,WAAU;sBAAuC,EAAU;YAAU,CAAA;WACxE,kBAAC,KAAD;YAAG,WAAU;sBAAiC,EAAU;YAAgB,CAAA;WACxE,kBAAC,KAAD;YAAG,WAAU;sBAAb,CAAkD,SAC1C,EAAW,EAAU,QAAQ,aAAa,CAAC,CAC/C;;WACA,EAAA,CAAA,CACF;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,OAAO,EAAU,OAAO,QAAQ,MAAM,IAAI;WAC1C,SAAS,EAAiB,EAAU,WAAW;WAC/C,CAAA,EACD,EAAU,eACT,kBAAC,KAAD;WAAG,WAAU;qBAAb,CAAkD,eACpC,EAAW,EAAU,YAAY,aAAa,CAAC,CACzD;aAEF;YACF;WAhCI,EAAU,GAgCd,CAER;QACE,CAAA,CACF;;MACF;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAkB,CAAA,EAC/E,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,UAAD;UAAQ,WAAU;oBAAlB,CACE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA,EAAA,kBAE9B;;SACT,kBAAC,UAAD;UAAQ,WAAU;oBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,kBAEvB;;SACT,kBAAC,UAAD;UAAQ,WAAU;oBAAlB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,mBAEzB;;SACT,kBAAC,UAAD;UAAQ,WAAU;oBAAlB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,kBAEzB;;SACL;UACF;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAc,CAAA,EAC1E,EAAY,UAAU,SAAS,IAC9B,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAY,UAAU,KAAK,MAC1B,kBAAC,OAAD;SAAkB,WAAU;mBAA5B,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,EACtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAuC,EAAI;WAAS,CAAA,EACjE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAI,WAAW,EAAW,EAAI,SAAS,aAAa,CAAC,GAAG;WACvD,CAAA,CACA,EAAA,CAAA,CACF;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,OAAO,EAAI,SAAS,WAAW;WAC/B,SAAS,EAAI,SAAS,YAAY;WAClC,CAAA,EACF,kBAAC,UAAD;WAAQ,WAAU;qBAChB,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;WACzB,CAAA,CACL;YACF;WAnBI,EAAI,GAmBR,CACN,EACF,kBAAC,UAAD;SAAQ,WAAU;mBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,kBAEvB;WACL;YAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAgC;SAAqB,CAAA,EAClE,kBAAC,UAAD;SAAQ,WAAU;mBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,kBAEvB;WACL;UAEJ;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAqB,CAAA,EAClF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACG,EAAY,SACX,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACG,EAAY,MAAM,UAAU,IAC5B,EAAY,MAAM,SAAS,GACxB;cACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAsC;WAAS,CAAA,EAC5D,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAY,MAAM;YAAU;YAAE,EAAY,MAAM;YAC/C;aACA,EAAA,CAAA,CACF;;SAEP,EAAY,UACX,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACG,EAAY,OAAO,UAAU,IAC7B,EAAY,OAAO,SAAS,GACzB;cACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAsC;WAAU,CAAA,EAC7D,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAY,OAAO;YAAU;YAAE,EAAY,OAAO;YACjD;aACA,EAAA,CAAA,CACF;;SAEP,EAAY,UACX,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACG,EAAY,OAAO,UAAU,IAC7B,EAAY,OAAO,SAAS,GACzB;cACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAsC;WAAU,CAAA,EAC7D,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAY,OAAO;YAAU;YAAE,EAAY,OAAO;YACjD;aACA,EAAA,CAAA,CACF;;SAEP,EAAY,YACX,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACG,EAAY,SAAS,UAAU,IAC/B,EAAY,SAAS,SAAS,GAC3B;cACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAsC;WAAY,CAAA,EAC/D,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAY,SAAS;YAAU;YAAE,EAAY,SAAS;YACrD;aACA,EAAA,CAAA,CACF;;SAEP,EAAY,UACX,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACG,EAAY,OAAO,UAAU,IAC7B,EAAY,OAAO,SAAS,GACzB;cACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAsC;WAAU,CAAA,EAC7D,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAY,OAAO;YAAU;YAAE,EAAY,OAAO;YACjD;aACA,EAAA,CAAA,CACF;;SAEJ;UACF;;MAGL,EAAY,UACX,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAmB,CAAA,EAChF,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAwB;WAAkB,CAAA,EACxD,kBAAC,MAAD;WAAI,WAAU;qBAA+B,EAAe,EAAY,OAAO,OAAO;WAAM,CAAA,CACxF;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAwB;WAAW,CAAA,EACjD,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;WACE,OAAO,EAAY,OAAO;WAC1B,SACE,EAAY,OAAO,WAAW,aAC1B,YACA,EAAY,OAAO,WAAW,WAC5B,SACA,EAAY,OAAO,WAAW,aAC5B,YACA;WAEV,CAAA,EACC,CAAA,CACD;;SACL,EAAY,OAAO,WAAW,SAAS,KACtC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;UAAI,WAAU;oBAA6B;UAAuB,CAAA,EAClE,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAY,OAAO,WAAW,KAAK,GAAW,MAC7C,kBAAC,MAAD,EAAA,UAAa,GAAe,EAAnB,EAAmB,CAC5B;UACC,CAAA,EACF,CAAA,CACD,EAAA,CAAA;SAEL;UACD;;MAEJ;OACF;;GACF"}

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

@@ -0,0 +1,7 @@
+/**
+ * HousingVista Transactions Listing Page
+ * Migrated from legacy housingvista-frontend transactions.tsx
+ * @module housingvista
+ */
+export declare const TransactionsPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TransactionsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/transactions/TransactionsPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAyBH,eAAO,MAAM,gBAAgB,+CA4M5B,CAAC"}

package/dist/housingvista/pages/transactions/TransactionsPage.js

@@ -0,0 +1,224 @@
+import { formatCurrency as e, formatDate as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { DataTable as i } from "../../components/DataTable.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { FilterBar as s } from "../../components/FilterBar.js";
+import "../../components/index.js";
+import { useTransactions as c } from "../../hooks/index.js";
+import { useMemo as l, useState as u } from "react";
+import { CheckCircle as d, DollarSign as f, Eye as p, FileText as m, Plus as h, TrendingUp as g } from "lucide-react";
+import { useNavigate as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/housingvista/pages/transactions/TransactionsPage.tsx
+var x = {
+	draft: "muted",
+	negotiation: "info",
+	under_contract: "warning",
+	pending_approval: "warning",
+	approved: "info",
+	in_progress: "info",
+	completed: "success",
+	cancelled: "error",
+	disputed: "error"
+}, S = () => {
+	let S = _(), { t: C } = b(), { data: w } = c(), T = (e, t) => {
+		let n = C(e);
+		return n === e ? t : n;
+	}, E = [
+		{
+			value: "all",
+			label: T("housingvista.transactions.statusTabs.all", "All")
+		},
+		{
+			value: "in_progress",
+			label: T("housingvista.transactions.statusTabs.inProgress", "In Progress")
+		},
+		{
+			value: "completed",
+			label: T("housingvista.transactions.statusTabs.completed", "Completed")
+		},
+		{
+			value: "cancelled",
+			label: T("housingvista.transactions.statusTabs.cancelled", "Cancelled")
+		},
+		{
+			value: "negotiation",
+			label: T("housingvista.transactions.statusTabs.negotiation", "Negotiation")
+		},
+		{
+			value: "pending_approval",
+			label: T("housingvista.transactions.statusTabs.pending", "Pending")
+		}
+	], [D, O] = u(""), [k, A] = u("all"), j = l(() => w.filter((e) => {
+		let t = !D || e.property.title.toLowerCase().includes(D.toLowerCase()) || e.id.toLowerCase().includes(D.toLowerCase()), n = k === "all" || e.status === k;
+		return t && n;
+	}), [
+		w,
+		D,
+		k
+	]), M = l(() => ({
+		total: j.length,
+		totalValue: j.reduce((e, t) => e + t.amount, 0),
+		active: j.filter((e) => e.status === "in_progress" || e.status === "negotiation" || e.status === "pending_approval").length,
+		completed: j.filter((e) => e.status === "completed").length
+	}), [j]), N = [
+		{
+			key: "id",
+			header: T("housingvista.transactions.table.id", "ID"),
+			render: (e) => /* @__PURE__ */ y("span", {
+				className: "font-medium text-foreground",
+				children: ["#", e.id.split("-")[1]]
+			})
+		},
+		{
+			key: "property",
+			header: T("housingvista.transactions.table.property", "Property"),
+			render: (e) => /* @__PURE__ */ y("div", {
+				className: "max-w-[200px]",
+				children: [/* @__PURE__ */ v("div", {
+					className: "truncate text-sm font-medium text-foreground",
+					children: e.property.title
+				}), /* @__PURE__ */ y("div", {
+					className: "truncate text-xs text-muted-foreground",
+					children: [
+						e.property.location.city,
+						", ",
+						e.property.location.state
+					]
+				})]
+			})
+		},
+		{
+			key: "type",
+			header: T("housingvista.transactions.table.type", "Type"),
+			render: (e) => /* @__PURE__ */ v("span", {
+				className: "capitalize text-sm text-foreground",
+				children: e.type
+			})
+		},
+		{
+			key: "status",
+			header: T("housingvista.transactions.table.status", "Status"),
+			render: (e) => /* @__PURE__ */ v(a, {
+				label: e.status.replace(/_/g, " "),
+				variant: x[e.status] ?? "default",
+				dot: !0
+			})
+		},
+		{
+			key: "amount",
+			header: T("housingvista.transactions.table.amount", "Amount"),
+			sortable: !0,
+			render: (t) => /* @__PURE__ */ v("span", {
+				className: "font-semibold text-foreground",
+				children: e(t.amount, t.currency)
+			})
+		},
+		{
+			key: "createdAt",
+			header: T("housingvista.transactions.table.date", "Date"),
+			sortable: !0,
+			render: (e) => /* @__PURE__ */ v("span", {
+				className: "text-sm text-muted-foreground",
+				children: t(e.createdAt.toISOString())
+			})
+		},
+		{
+			key: "actions",
+			header: "",
+			sortable: !1,
+			render: (e) => /* @__PURE__ */ y("button", {
+				onClick: (t) => {
+					t.stopPropagation(), S(e.id);
+				},
+				className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
+				children: [/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }), T("housingvista.transactions.table.view", "View")]
+			})
+		}
+	];
+	return /* @__PURE__ */ y(n, {
+		title: T("housingvista.transactions.title", "Transactions"),
+		description: T("housingvista.transactions.description", "Manage your property transactions, escrow, and deals"),
+		actions: /* @__PURE__ */ y("button", {
+			className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+			children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), T("housingvista.transactions.actions.newTransaction", "New Transaction")]
+		}),
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ v(r, {
+						label: T("housingvista.transactions.stats.totalTransactions", "Total Transactions"),
+						value: M.total,
+						icon: /* @__PURE__ */ v(m, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ v(r, {
+						label: T("housingvista.transactions.stats.totalValue", "Total Value"),
+						value: M.totalValue,
+						prefix: "$",
+						icon: /* @__PURE__ */ v(f, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ v(r, {
+						label: T("housingvista.transactions.stats.active", "Active"),
+						value: M.active,
+						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ v(r, {
+						label: T("housingvista.transactions.stats.completed", "Completed"),
+						value: M.completed,
+						icon: /* @__PURE__ */ v(d, { className: "h-5 w-5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ v(s, {
+				searchValue: D,
+				onSearchChange: O,
+				searchPlaceholder: T("housingvista.transactions.search.placeholder", "Search by property or transaction ID...")
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: E.map((e) => /* @__PURE__ */ v("button", {
+					onClick: () => A(e.value),
+					className: `rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${k === e.value ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+					children: e.label
+				}, e.value))
+			}),
+			/* @__PURE__ */ y("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					T("housingvista.transactions.results.showing", "Showing"),
+					" ",
+					j.length,
+					" ",
+					T("housingvista.transactions.results.of", "of"),
+					" ",
+					w.length,
+					" ",
+					T("housingvista.transactions.results.transactions", "transactions")
+				]
+			}),
+			j.length > 0 ? /* @__PURE__ */ v(i, {
+				columns: N,
+				data: j,
+				keyField: "id",
+				onRowClick: (e) => S(e.id),
+				pageSize: 10
+			}) : /* @__PURE__ */ v(o, {
+				icon: /* @__PURE__ */ v(m, { className: "h-12 w-12" }),
+				title: T("housingvista.transactions.empty.title", "No transactions found"),
+				description: T("housingvista.transactions.empty.description", "Try adjusting your search criteria or create a new transaction."),
+				action: /* @__PURE__ */ y("button", {
+					className: "rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background",
+					children: [/* @__PURE__ */ v(h, { className: "mr-2 inline h-4 w-4" }), T("housingvista.transactions.empty.createNewTransaction", "Create New Transaction")]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { S as TransactionsPage };
+
+//# sourceMappingURL=TransactionsPage.js.map

package/dist/housingvista/pages/transactions/TransactionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsPage.js","names":[],"sources":["../../../../src/housingvista/pages/transactions/TransactionsPage.tsx"],"sourcesContent":["/**\n * HousingVista Transactions Listing Page\n * Migrated from legacy housingvista-frontend transactions.tsx\n * @module housingvista\n */\n\nimport { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Plus, FileText, DollarSign, TrendingUp, CheckCircle, Eye } from 'lucide-react';\nimport { PageLayout, FilterBar, DataTable, StatusBadge, EmptyState, StatCard } from '../../components';\nimport type { Column } from '../../components';\nimport { useTransactions } from '../../hooks';\nimport { formatCurrency, formatDate } from '../../utils/helpers';\nimport type { Transaction, TransactionStatus, TransactionType } from '../../types';\n\n// ---- Status badge variant map ----\nconst statusVariantMap: Record<string, 'success' | 'warning' | 'error' | 'info' | 'default' | 'muted'> = {\n  draft: 'muted',\n  negotiation: 'info',\n  under_contract: 'warning',\n  pending_approval: 'warning',\n  approved: 'info',\n  in_progress: 'info',\n  completed: 'success',\n  cancelled: 'error',\n  disputed: 'error',\n};\n\nexport const TransactionsPage = () => {\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const { data: transactions } = useTransactions();\n\n  const tr = (key: string, fallback: string) => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const statusTabs: { value: TransactionStatus | 'all'; label: string }[] = [\n    { value: 'all', label: tr('housingvista.transactions.statusTabs.all', 'All') },\n    { value: 'in_progress', label: tr('housingvista.transactions.statusTabs.inProgress', 'In Progress') },\n    { value: 'completed', label: tr('housingvista.transactions.statusTabs.completed', 'Completed') },\n    { value: 'cancelled', label: tr('housingvista.transactions.statusTabs.cancelled', 'Cancelled') },\n    { value: 'negotiation', label: tr('housingvista.transactions.statusTabs.negotiation', 'Negotiation') },\n    { value: 'pending_approval', label: tr('housingvista.transactions.statusTabs.pending', 'Pending') },\n  ];\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedStatus, setSelectedStatus] = useState<TransactionStatus | 'all'>('all');\n\n  const filteredTransactions = useMemo(() => {\n    return transactions.filter((t) => {\n      const matchesSearch =\n        !searchQuery ||\n        t.property.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        t.id.toLowerCase().includes(searchQuery.toLowerCase());\n\n      const matchesStatus = selectedStatus === 'all' || t.status === selectedStatus;\n\n      return matchesSearch && matchesStatus;\n    });\n  }, [transactions, searchQuery, selectedStatus]);\n\n  const stats = useMemo(() => {\n    const total = filteredTransactions.length;\n    const totalValue = filteredTransactions.reduce((sum, t) => sum + t.amount, 0);\n    const active = filteredTransactions.filter(\n      (t) => t.status === 'in_progress' || t.status === 'negotiation' || t.status === 'pending_approval'\n    ).length;\n    const completed = filteredTransactions.filter((t) => t.status === 'completed').length;\n    return { total, totalValue, active, completed };\n  }, [filteredTransactions]);\n\n  // ---- Table columns ----\n  const columns: Column<Transaction>[] = [\n    {\n      key: 'id',\n      header: tr('housingvista.transactions.table.id', 'ID'),\n      render: (t) => <span className=\"font-medium text-foreground\">#{t.id.split('-')[1]}</span>,\n    },\n    {\n      key: 'property',\n      header: tr('housingvista.transactions.table.property', 'Property'),\n      render: (t) => (\n        <div className=\"max-w-[200px]\">\n          <div className=\"truncate text-sm font-medium text-foreground\">{t.property.title}</div>\n          <div className=\"truncate text-xs text-muted-foreground\">\n            {t.property.location.city}, {t.property.location.state}\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'type',\n      header: tr('housingvista.transactions.table.type', 'Type'),\n      render: (t) => <span className=\"capitalize text-sm text-foreground\">{t.type}</span>,\n    },\n    {\n      key: 'status',\n      header: tr('housingvista.transactions.table.status', 'Status'),\n      render: (t) => (\n        <StatusBadge label={t.status.replace(/_/g, ' ')} variant={statusVariantMap[t.status] ?? 'default'} dot />\n      ),\n    },\n    {\n      key: 'amount',\n      header: tr('housingvista.transactions.table.amount', 'Amount'),\n      sortable: true,\n      render: (t) => <span className=\"font-semibold text-foreground\">{formatCurrency(t.amount, t.currency)}</span>,\n    },\n    {\n      key: 'createdAt',\n      header: tr('housingvista.transactions.table.date', 'Date'),\n      sortable: true,\n      render: (t) => <span className=\"text-sm text-muted-foreground\">{formatDate(t.createdAt.toISOString())}</span>,\n    },\n    {\n      key: 'actions',\n      header: '',\n      sortable: false,\n      render: (t) => (\n        <button\n          onClick={(e) => {\n            e.stopPropagation();\n            navigate(t.id);\n          }}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground\"\n        >\n          <Eye className=\"h-3.5 w-3.5\" />\n          {tr('housingvista.transactions.table.view', 'View')}\n        </button>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={tr('housingvista.transactions.title', 'Transactions')}\n      description={tr('housingvista.transactions.description', 'Manage your property transactions, escrow, and deals')}\n      actions={\n        <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n          <Plus className=\"h-4 w-4\" />\n          {tr('housingvista.transactions.actions.newTransaction', 'New Transaction')}\n        </button>\n      }\n    >\n      {/* Stats */}\n      <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        <StatCard\n          label={tr('housingvista.transactions.stats.totalTransactions', 'Total Transactions')}\n          value={stats.total}\n          icon={<FileText className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          label={tr('housingvista.transactions.stats.totalValue', 'Total Value')}\n          value={stats.totalValue}\n          prefix=\"$\"\n          icon={<DollarSign className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          label={tr('housingvista.transactions.stats.active', 'Active')}\n          value={stats.active}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          label={tr('housingvista.transactions.stats.completed', 'Completed')}\n          value={stats.completed}\n          icon={<CheckCircle className=\"h-5 w-5\" />}\n        />\n      </div>\n\n      {/* Search */}\n      <FilterBar\n        searchValue={searchQuery}\n        onSearchChange={setSearchQuery}\n        searchPlaceholder={tr(\n          'housingvista.transactions.search.placeholder',\n          'Search by property or transaction ID...'\n        )}\n      />\n\n      {/* Status Tabs */}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {statusTabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setSelectedStatus(tab.value)}\n            className={`rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${\n              selectedStatus === tab.value\n                ? 'bg-foreground text-background'\n                : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n            }`}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Results info */}\n      <p className=\"text-sm text-muted-foreground\">\n        {tr('housingvista.transactions.results.showing', 'Showing')} {filteredTransactions.length}{' '}\n        {tr('housingvista.transactions.results.of', 'of')} {transactions.length}{' '}\n        {tr('housingvista.transactions.results.transactions', 'transactions')}\n      </p>\n\n      {/* Table / Empty */}\n      {filteredTransactions.length > 0 ? (\n        <DataTable\n          columns={columns}\n          data={filteredTransactions}\n          keyField=\"id\"\n          onRowClick={(t) => navigate(t.id)}\n          pageSize={10}\n        />\n      ) : (\n        <EmptyState\n          icon={<FileText className=\"h-12 w-12\" />}\n          title={tr('housingvista.transactions.empty.title', 'No transactions found')}\n          description={tr(\n            'housingvista.transactions.empty.description',\n            'Try adjusting your search criteria or create a new transaction.'\n          )}\n          action={\n            <button className=\"rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background\">\n              <Plus className=\"mr-2 inline h-4 w-4\" />\n              {tr('housingvista.transactions.empty.createNewTransaction', 'Create New Transaction')}\n            </button>\n          }\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAM,IAAmG;CACvG,OAAO;CACP,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,UAAU;CACV,aAAa;CACb,WAAW;CACX,WAAW;CACX,UAAU;CACX,EAEY,UAAyB;CACpC,IAAM,IAAW,GAAa,EACxB,EAAE,SAAM,GAAS,EACjB,EAAE,MAAM,MAAiB,GAAiB,EAE1C,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAGnC,IAAoE;EACxE;GAAE,OAAO;GAAO,OAAO,EAAG,4CAA4C,MAAM;GAAE;EAC9E;GAAE,OAAO;GAAe,OAAO,EAAG,mDAAmD,cAAc;GAAE;EACrG;GAAE,OAAO;GAAa,OAAO,EAAG,kDAAkD,YAAY;GAAE;EAChG;GAAE,OAAO;GAAa,OAAO,EAAG,kDAAkD,YAAY;GAAE;EAChG;GAAE,OAAO;GAAe,OAAO,EAAG,oDAAoD,cAAc;GAAE;EACtG;GAAE,OAAO;GAAoB,OAAO,EAAG,gDAAgD,UAAU;GAAE;EACpG,EAEK,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAgB,KAAqB,EAAoC,MAAM,EAEhF,IAAuB,QACpB,EAAa,QAAQ,MAAM;EAChC,IAAM,IACJ,CAAC,KACD,EAAE,SAAS,MAAM,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,IAClE,EAAE,GAAG,aAAa,CAAC,SAAS,EAAY,aAAa,CAAC,EAElD,IAAgB,MAAmB,SAAS,EAAE,WAAW;AAE/D,SAAO,KAAiB;GACxB,EACD;EAAC;EAAc;EAAa;EAAe,CAAC,EAEzC,IAAQ,SAOL;EAAE,OANK,EAAqB;EAMnB,YALG,EAAqB,QAAQ,GAAK,MAAM,IAAM,EAAE,QAAQ,EAAE;EAKjD,QAJb,EAAqB,QACjC,MAAM,EAAE,WAAW,iBAAiB,EAAE,WAAW,iBAAiB,EAAE,WAAW,mBACjF,CAAC;EAEkC,WADlB,EAAqB,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;EAChC,GAC9C,CAAC,EAAqB,CAAC,EAGpB,IAAiC;EACrC;GACE,KAAK;GACL,QAAQ,EAAG,sCAAsC,KAAK;GACtD,SAAS,MAAM,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAA8C,KAAE,EAAE,GAAG,MAAM,IAAI,CAAC,GAAU;;GAC1F;EACD;GACE,KAAK;GACL,QAAQ,EAAG,4CAA4C,WAAW;GAClE,SAAS,MACP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAgD,EAAE,SAAS;KAAY,CAAA,EACtF,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,SAAS,SAAS;MAAK;MAAG,EAAE,SAAS,SAAS;MAC7C;OACF;;GAET;EACD;GACE,KAAK;GACL,QAAQ,EAAG,wCAAwC,OAAO;GAC1D,SAAS,MAAM,kBAAC,QAAD;IAAM,WAAU;cAAsC,EAAE;IAAY,CAAA;GACpF;EACD;GACE,KAAK;GACL,QAAQ,EAAG,0CAA0C,SAAS;GAC9D,SAAS,MACP,kBAAC,GAAD;IAAa,OAAO,EAAE,OAAO,QAAQ,MAAM,IAAI;IAAE,SAAS,EAAiB,EAAE,WAAW;IAAW,KAAA;IAAM,CAAA;GAE5G;EACD;GACE,KAAK;GACL,QAAQ,EAAG,0CAA0C,SAAS;GAC9D,UAAU;GACV,SAAS,MAAM,kBAAC,QAAD;IAAM,WAAU;cAAiC,EAAe,EAAE,QAAQ,EAAE,SAAS;IAAQ,CAAA;GAC7G;EACD;GACE,KAAK;GACL,QAAQ,EAAG,wCAAwC,OAAO;GAC1D,UAAU;GACV,SAAS,MAAM,kBAAC,QAAD;IAAM,WAAU;cAAiC,EAAW,EAAE,UAAU,aAAa,CAAC;IAAQ,CAAA;GAC9G;EACD;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,SAAS,MACP,kBAAC,UAAD;IACE,UAAU,MAAM;AAEd,KADA,EAAE,iBAAiB,EACnB,EAAS,EAAE,GAAG;;IAEhB,WAAU;cALZ,CAOE,kBAAC,GAAD,EAAK,WAAU,eAAgB,CAAA,EAC9B,EAAG,wCAAwC,OAAO,CAC5C;;GAEZ;EACF;AAED,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,mCAAmC,eAAe;EAC5D,aAAa,EAAG,yCAAyC,uDAAuD;EAChH,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,oDAAoD,kBAAkB,CACnE;;YAPb;GAWE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAO,EAAG,qDAAqD,qBAAqB;MACpF,OAAO,EAAM;MACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAG,8CAA8C,cAAc;MACtE,OAAO,EAAM;MACb,QAAO;MACP,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAG,0CAA0C,SAAS;MAC7D,OAAO,EAAM;MACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAG,6CAA6C,YAAY;MACnE,OAAO,EAAM;MACb,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,CAAA;KACE;;GAGN,kBAAC,GAAD;IACE,aAAa;IACb,gBAAgB;IAChB,mBAAmB,EACjB,gDACA,0CACD;IACD,CAAA;GAGF,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,MACf,kBAAC,UAAD;KAEE,eAAe,EAAkB,EAAI,MAAM;KAC3C,WAAW,gEACT,MAAmB,EAAI,QACnB,kCACA;eAGL,EAAI;KACE,EATF,EAAI,MASF,CACT;IACE,CAAA;GAGN,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,EAAG,6CAA6C,UAAU;KAAC;KAAE,EAAqB;KAAQ;KAC1F,EAAG,wCAAwC,KAAK;KAAC;KAAE,EAAa;KAAQ;KACxE,EAAG,kDAAkD,eAAe;KACnE;;GAGH,EAAqB,SAAS,IAC7B,kBAAC,GAAD;IACW;IACT,MAAM;IACN,UAAS;IACT,aAAa,MAAM,EAAS,EAAE,GAAG;IACjC,UAAU;IACV,CAAA,GAEF,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;IACxC,OAAO,EAAG,yCAAyC,wBAAwB;IAC3E,aAAa,EACX,+CACA,kEACD;IACD,QACE,kBAAC,UAAD;KAAQ,WAAU;eAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,uBAAwB,CAAA,EACvC,EAAG,wDAAwD,yBAAyB,CAC9E;;IAEX,CAAA;GAEO"}

package/dist/housingvista/pages/verification/VerificationPage.d.ts

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

package/dist/housingvista/pages/verification/VerificationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/verification/VerificationPage.tsx"],"names":[],"mappings":"AAkDA,wBAAgB,gBAAgB,4CAuF/B"}

package/dist/housingvista/pages/verification/VerificationPage.js

@@ -0,0 +1,136 @@
+import { cn as e, formatDate as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { DataTable as i } from "../../components/DataTable.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import "../../components/index.js";
+import { useVerifications as o } from "../../hooks/index.js";
+import { CheckCircle as s, Clock as c, Eye as l, Shield as u, XCircle as d } from "lucide-react";
+import { useNavigate as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/housingvista/pages/verification/VerificationPage.tsx
+function h(e) {
+	switch (e) {
+		case "verified": return "success";
+		case "in_progress": return "info";
+		case "pending": return "warning";
+		case "rejected": return "error";
+		default: return "info";
+	}
+}
+function g(e) {
+	return e.replace("_", " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function _(e) {
+	return e.replace("_", " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function v(t) {
+	let n = {
+		high: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+		medium: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400",
+		low: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400"
+	};
+	return /* @__PURE__ */ p("span", {
+		className: e("inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize", n[t] ?? n.low),
+		children: t
+	});
+}
+function y() {
+	let e = f(), { data: y } = o(), b = y.filter((e) => e.status === "verified").length, x = y.filter((e) => e.status === "pending").length, S = y.filter((e) => e.status === "in_progress").length, C = y.filter((e) => e.status === "rejected").length, w = y.length;
+	return /* @__PURE__ */ m(n, {
+		title: "Verification Center",
+		description: "Track and manage all your verification requests",
+		children: [/* @__PURE__ */ m("div", {
+			className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ p(r, {
+					label: "Verified",
+					value: b,
+					icon: /* @__PURE__ */ p(s, { className: "h-5 w-5 text-emerald-500" })
+				}),
+				/* @__PURE__ */ p(r, {
+					label: "Pending",
+					value: x + S,
+					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5 text-amber-500" })
+				}),
+				/* @__PURE__ */ p(r, {
+					label: "Rejected",
+					value: C,
+					icon: /* @__PURE__ */ p(d, { className: "h-5 w-5 text-red-500" })
+				}),
+				/* @__PURE__ */ p(r, {
+					label: "Total",
+					value: w,
+					icon: /* @__PURE__ */ p(u, { className: "h-5 w-5 text-blue-500" })
+				})
+			]
+		}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
+			className: "mb-3 text-lg font-semibold text-foreground",
+			children: "Verification Items"
+		}), /* @__PURE__ */ p(i, {
+			columns: [
+				{
+					key: "entityLabel",
+					header: "Item",
+					render: (e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						className: "font-medium text-foreground",
+						children: e.entityLabel
+					}), e.notes && /* @__PURE__ */ p("p", {
+						className: "mt-0.5 text-xs text-muted-foreground line-clamp-1",
+						children: e.notes
+					})] })
+				},
+				{
+					key: "entityType",
+					header: "Type",
+					render: (e) => /* @__PURE__ */ p("span", {
+						className: "inline-flex items-center gap-1 text-xs text-muted-foreground capitalize",
+						children: _(e.entityType)
+					})
+				},
+				{
+					key: "priority",
+					header: "Priority",
+					render: (e) => v(e.priority)
+				},
+				{
+					key: "submittedDate",
+					header: "Submitted",
+					render: (e) => /* @__PURE__ */ p("span", {
+						className: "text-sm text-muted-foreground",
+						children: t(e.submittedDate)
+					})
+				},
+				{
+					key: "status",
+					header: "Status",
+					render: (e) => /* @__PURE__ */ p(a, {
+						label: g(e.status),
+						variant: h(e.status),
+						dot: !0
+					})
+				},
+				{
+					key: "actions",
+					header: "Action",
+					sortable: !1,
+					render: (t) => /* @__PURE__ */ m("button", {
+						onClick: (n) => {
+							n.stopPropagation(), e(`/verification/${t.id}`);
+						},
+						className: "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted",
+						children: [/* @__PURE__ */ p(l, { className: "h-3 w-3" }), "View"]
+					})
+				}
+			],
+			data: y,
+			keyField: "id",
+			emptyMessage: "No verification items found",
+			pageSize: 10
+		})] })]
+	});
+}
+//#endregion
+export { y as VerificationPage };
+
+//# sourceMappingURL=VerificationPage.js.map

package/dist/housingvista/pages/verification/VerificationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationPage.js","names":[],"sources":["../../../../src/housingvista/pages/verification/VerificationPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Shield, CheckCircle, Clock, XCircle, FileSearch, Eye } from 'lucide-react';\nimport { PageLayout, StatCard, DataTable, StatusBadge } from '../../components';\nimport type { Column } from '../../components';\nimport { useVerifications } from '../../hooks';\nimport { cn, formatDate } from '../../utils/helpers';\nimport type { VerificationItem } from '../../types';\n\nfunction getStatusVariant(status: string): 'success' | 'warning' | 'error' | 'info' {\n  switch (status) {\n    case 'verified':\n      return 'success';\n    case 'in_progress':\n      return 'info';\n    case 'pending':\n      return 'warning';\n    case 'rejected':\n      return 'error';\n    default:\n      return 'info';\n  }\n}\n\nfunction getStatusLabel(status: string): string {\n  return status.replace('_', ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction getEntityTypeLabel(type: string): string {\n  return type.replace('_', ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction getPriorityBadge(priority: string) {\n  const styles: Record<string, string> = {\n    high: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400',\n    medium: 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400',\n    low: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400',\n  };\n  return (\n    <span\n      className={cn(\n        'inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n        styles[priority] ?? styles.low\n      )}\n    >\n      {priority}\n    </span>\n  );\n}\n\nexport function VerificationPage() {\n  const navigate = useNavigate();\n  const { data: verifications } = useVerifications();\n\n  const verified = verifications.filter((v) => v.status === 'verified').length;\n  const pending = verifications.filter((v) => v.status === 'pending').length;\n  const inProgress = verifications.filter((v) => v.status === 'in_progress').length;\n  const rejected = verifications.filter((v) => v.status === 'rejected').length;\n  const total = verifications.length;\n\n  const columns: Column<VerificationItem>[] = [\n    {\n      key: 'entityLabel',\n      header: 'Item',\n      render: (item) => (\n        <div>\n          <p className=\"font-medium text-foreground\">{item.entityLabel}</p>\n          {item.notes && <p className=\"mt-0.5 text-xs text-muted-foreground line-clamp-1\">{item.notes}</p>}\n        </div>\n      ),\n    },\n    {\n      key: 'entityType',\n      header: 'Type',\n      render: (item) => (\n        <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground capitalize\">\n          {getEntityTypeLabel(item.entityType)}\n        </span>\n      ),\n    },\n    {\n      key: 'priority',\n      header: 'Priority',\n      render: (item) => getPriorityBadge(item.priority),\n    },\n    {\n      key: 'submittedDate',\n      header: 'Submitted',\n      render: (item) => <span className=\"text-sm text-muted-foreground\">{formatDate(item.submittedDate)}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (item) => <StatusBadge label={getStatusLabel(item.status)} variant={getStatusVariant(item.status)} dot />,\n    },\n    {\n      key: 'actions',\n      header: 'Action',\n      sortable: false,\n      render: (item) => (\n        <button\n          onClick={(e) => {\n            e.stopPropagation();\n            navigate(`/verification/${item.id}`);\n          }}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n        >\n          <Eye className=\"h-3 w-3\" />\n          View\n        </button>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout title=\"Verification Center\" description=\"Track and manage all your verification requests\">\n      {/* Stats */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard label=\"Verified\" value={verified} icon={<CheckCircle className=\"h-5 w-5 text-emerald-500\" />} />\n        <StatCard label=\"Pending\" value={pending + inProgress} icon={<Clock className=\"h-5 w-5 text-amber-500\" />} />\n        <StatCard label=\"Rejected\" value={rejected} icon={<XCircle className=\"h-5 w-5 text-red-500\" />} />\n        <StatCard label=\"Total\" value={total} icon={<Shield className=\"h-5 w-5 text-blue-500\" />} />\n      </div>\n\n      {/* Verification Table */}\n      <div>\n        <h2 className=\"mb-3 text-lg font-semibold text-foreground\">Verification Items</h2>\n        <DataTable<VerificationItem>\n          columns={columns}\n          data={verifications}\n          keyField=\"id\"\n          emptyMessage=\"No verification items found\"\n          pageSize={10}\n        />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/store/housingvistaStore.d.ts

@@ -0,0 +1,72 @@
+/**
+ * HousingVista Zustand Store
+ * UI state management for the HousingVista microfrontend.
+ * @module housingvista
+ */
+export type ViewMode = 'grid' | 'list' | 'table';
+interface HousingVistaState {
+    viewMode: ViewMode;
+    setViewMode: (mode: ViewMode) => void;
+    activeModule: string;
+    setActiveModule: (module: string) => void;
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    selectedItems: string[];
+    toggleSelectedItem: (id: string) => void;
+    clearSelectedItems: () => void;
+    sidebarCollapsed: boolean;
+    toggleSidebar: () => void;
+    propertyFilters: {
+        type: string;
+        status: string;
+        priceRange: [number, number];
+        bedrooms: string;
+        sortBy: string;
+    };
+    setPropertyFilters: (filters: Partial<HousingVistaState['propertyFilters']>) => void;
+    resetPropertyFilters: () => void;
+    favorites: string[];
+    toggleFavorite: (id: string) => void;
+    isFavorite: (id: string) => boolean;
+}
+export declare const useHousingVistaStore: import('zustand').UseBoundStore<Omit<Omit<import('zustand').StoreApi<HousingVistaState>, "setState" | "devtools"> & {
+    setState(partial: HousingVistaState | Partial<HousingVistaState> | ((state: HousingVistaState) => HousingVistaState | Partial<HousingVistaState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: HousingVistaState | ((state: HousingVistaState) => HousingVistaState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}, "setState" | "persist"> & {
+    setState(partial: HousingVistaState | Partial<HousingVistaState> | ((state: HousingVistaState) => HousingVistaState | Partial<HousingVistaState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): unknown;
+    setState(state: HousingVistaState | ((state: HousingVistaState) => HousingVistaState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<HousingVistaState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: HousingVistaState) => void) => () => void;
+        onFinishHydration: (fn: (state: HousingVistaState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<HousingVistaState, unknown, unknown>>;
+    };
+}>;
+export {};
+//# sourceMappingURL=housingvistaStore.d.ts.map

package/dist/housingvista/store/housingvistaStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"housingvistaStore.d.ts","sourceRoot":"","sources":["../../../src/housingvista/store/housingvistaStore.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjD,UAAU,iBAAiB;IAEzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAGtC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGxC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAG/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;IAG1B,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,KAAK,IAAI,CAAC;IACrF,oBAAoB,EAAE,MAAM,IAAI,CAAC;IAGjC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACrC;AAUD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ChC,CAAC"}

package/dist/housingvista/store/housingvistaStore.js

@@ -0,0 +1,39 @@
+import { create as e } from "zustand";
+import { devtools as t, persist as n } from "zustand/middleware";
+import { createProfileScopedStorage as r } from "@burdenoff/fe-libs/shared/utils";
+//#region src/housingvista/store/housingvistaStore.ts
+var i = {
+	type: "all",
+	status: "all",
+	priceRange: [0, 1e7],
+	bedrooms: "all",
+	sortBy: "newest"
+}, a = e()(t(n((e, t) => ({
+	viewMode: "grid",
+	setViewMode: (t) => e({ viewMode: t }),
+	activeModule: "dashboard",
+	setActiveModule: (t) => e({ activeModule: t }),
+	searchQuery: "",
+	setSearchQuery: (t) => e({ searchQuery: t }),
+	selectedItems: [],
+	toggleSelectedItem: (t) => e((e) => ({ selectedItems: e.selectedItems.includes(t) ? e.selectedItems.filter((e) => e !== t) : [...e.selectedItems, t] })),
+	clearSelectedItems: () => e({ selectedItems: [] }),
+	sidebarCollapsed: !1,
+	toggleSidebar: () => e((e) => ({ sidebarCollapsed: !e.sidebarCollapsed })),
+	propertyFilters: i,
+	setPropertyFilters: (t) => e((e) => ({ propertyFilters: {
+		...e.propertyFilters,
+		...t
+	} })),
+	resetPropertyFilters: () => e({ propertyFilters: i }),
+	favorites: [],
+	toggleFavorite: (t) => e((e) => ({ favorites: e.favorites.includes(t) ? e.favorites.filter((e) => e !== t) : [...e.favorites, t] })),
+	isFavorite: (e) => t().favorites.includes(e)
+}), {
+	name: "housingvista-store",
+	storage: r()
+}), { name: "housingvista-store" }));
+//#endregion
+export { a as useHousingVistaStore };
+
+//# sourceMappingURL=housingvistaStore.js.map