@burdenoff/microfe-proserviceworld 2026.525.1 → 2026.625.1

package/dist/proserviceworld/pages/PaymentsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/PaymentsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  DollarSign,\n  CreditCard,\n  Building2,\n  Wallet,\n  ArrowUpRight,\n  ArrowDownLeft,\n  RotateCcw,\n  CheckCircle2,\n  Clock,\n  XCircle,\n  Search,\n  FileText,\n  Plus,\n  Shield,\n  Download,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\n\ntype PaymentTab = 'overview' | 'transactions' | 'methods' | 'invoices';\n\nexport function PaymentsPage() {\n  const { transactions, paymentMethods, invoices } = useProServiceWorldStore();\n  const [activeTab, setActiveTab] = useState<PaymentTab>('overview');\n  const [searchQuery, setSearchQuery] = useState('');\n  const [txnStatusFilter, setTxnStatusFilter] = useState<string>('all');\n\n  // Overview stats\n  const totalSpent = transactions\n    .filter((t) => t.type === 'outgoing' && t.status === 'completed')\n    .reduce((s, t) => s + t.amount, 0);\n  const totalPending = transactions\n    .filter((t) => t.status === 'pending')\n    .reduce((s, t) => s + t.amount, 0);\n  const totalFees = transactions\n    .filter((t) => t.status === 'completed')\n    .reduce((s, t) => s + t.fees, 0);\n  const totalRefunded = transactions\n    .filter((t) => t.type === 'refund' && t.status === 'completed')\n    .reduce((s, t) => s + t.amount, 0);\n\n  // Filter transactions\n  const filteredTxns = useMemo(() => {\n    let result = [...transactions];\n    if (txnStatusFilter !== 'all') {\n      result = result.filter((t) => t.status === txnStatusFilter);\n    }\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (t) =>\n          t.description.toLowerCase().includes(q) ||\n          t.counterparty.toLowerCase().includes(q) ||\n          (t.serviceName?.toLowerCase().includes(q) ?? false)\n      );\n    }\n    return result.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());\n  }, [transactions, txnStatusFilter, searchQuery]);\n\n  const txnTypeIcon = (type: string) => {\n    if (type === 'outgoing') return <ArrowUpRight className=\"h-4 w-4 text-red-500\" />;\n    if (type === 'refund') return <RotateCcw className=\"h-4 w-4 text-green-500\" />;\n    return <ArrowDownLeft className=\"h-4 w-4 text-blue-500\" />;\n  };\n\n  const statusBadge = (status: string) => {\n    const variants: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n      completed: 'default',\n      pending: 'secondary',\n      failed: 'destructive',\n      cancelled: 'outline',\n    };\n    return <Badge variant={variants[status] ?? 'secondary'}>{status}</Badge>;\n  };\n\n  const methodIcon = (type: string) => {\n    if (type === 'card') return <CreditCard className=\"h-5 w-5\" />;\n    if (type === 'bank') return <Building2 className=\"h-5 w-5\" />;\n    return <Wallet className=\"h-5 w-5\" />;\n  };\n\n  const tabs: { key: PaymentTab; label: string }[] = [\n    { key: 'overview', label: 'Overview' },\n    { key: 'transactions', label: 'Transactions' },\n    { key: 'methods', label: 'Payment Methods' },\n    { key: 'invoices', label: 'Invoices' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Payments</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Track transactions, manage payment methods, and view invoices.\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" /> Make Payment\n        </Button>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"flex gap-1 border-b\">\n        {tabs.map(({ key, label }) => (\n          <button\n            key={key}\n            onClick={() => setActiveTab(key)}\n            className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors ${\n              activeTab === key\n                ? 'border-primary text-primary'\n                : 'border-transparent text-muted-foreground hover:text-foreground'\n            }`}\n          >\n            {label}\n          </button>\n        ))}\n      </div>\n\n      {/* Overview Tab */}\n      {activeTab === 'overview' && (\n        <div className=\"space-y-6\">\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <Card>\n              <CardContent className=\"pt-4\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"rounded-lg bg-red-100 p-2 dark:bg-red-950\">\n                    <ArrowUpRight className=\"h-5 w-5 text-red-600\" />\n                  </div>\n                  <div>\n                    <p className=\"text-2xl font-bold\">${totalSpent.toLocaleString()}</p>\n                    <p className=\"text-xs text-muted-foreground\">Total Spent</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"pt-4\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950\">\n                    <Clock className=\"h-5 w-5 text-yellow-600\" />\n                  </div>\n                  <div>\n                    <p className=\"text-2xl font-bold\">${totalPending.toLocaleString()}</p>\n                    <p className=\"text-xs text-muted-foreground\">Pending</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"pt-4\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"rounded-lg bg-blue-100 p-2 dark:bg-blue-950\">\n                    <DollarSign className=\"h-5 w-5 text-blue-600\" />\n                  </div>\n                  <div>\n                    <p className=\"text-2xl font-bold\">${totalFees.toLocaleString()}</p>\n                    <p className=\"text-xs text-muted-foreground\">Total Fees</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"pt-4\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"rounded-lg bg-green-100 p-2 dark:bg-green-950\">\n                    <RotateCcw className=\"h-5 w-5 text-green-600\" />\n                  </div>\n                  <div>\n                    <p className=\"text-2xl font-bold\">${totalRefunded.toLocaleString()}</p>\n                    <p className=\"text-xs text-muted-foreground\">Refunded</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Recent transactions preview */}\n          <Card>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Recent Transactions</CardTitle>\n                <Button variant=\"outline\" size=\"sm\" onClick={() => setActiveTab('transactions')}>\n                  View All\n                </Button>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                {transactions.slice(0, 5).map((txn) => (\n                  <div\n                    key={txn.id}\n                    className=\"flex items-center justify-between rounded-lg border p-3\"\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      {txnTypeIcon(txn.type)}\n                      <div>\n                        <p className=\"text-sm font-medium\">{txn.description}</p>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {txn.counterparty} - {txn.createdAt}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"text-right\">\n                      <p\n                        className={`text-sm font-bold ${txn.type === 'refund' ? 'text-green-600' : ''}`}\n                      >\n                        {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n                      </p>\n                      {statusBadge(txn.status)}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Transactions Tab */}\n      {activeTab === 'transactions' && (\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder=\"Search transactions...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"pl-10\"\n              />\n            </div>\n            <div className=\"flex gap-2\">\n              {['all', 'completed', 'pending', 'failed'].map((status) => (\n                <Button\n                  key={status}\n                  variant={txnStatusFilter === status ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setTxnStatusFilter(status)}\n                >\n                  {status === 'all' ? 'All' : status.charAt(0).toUpperCase() + status.slice(1)}\n                </Button>\n              ))}\n            </div>\n          </div>\n\n          <Card>\n            <CardContent className=\"pt-4\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b text-left text-muted-foreground\">\n                      <th className=\"p-3\">Type</th>\n                      <th className=\"p-3\">Description</th>\n                      <th className=\"p-3\">Counterparty</th>\n                      <th className=\"p-3\">Method</th>\n                      <th className=\"p-3 text-right\">Amount</th>\n                      <th className=\"p-3 text-right\">Fees</th>\n                      <th className=\"p-3 text-right\">Net</th>\n                      <th className=\"p-3\">Status</th>\n                      <th className=\"p-3\">Date</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {filteredTxns.map((txn) => (\n                      <tr key={txn.id} className=\"border-b hover:bg-muted/50\">\n                        <td className=\"p-3\">{txnTypeIcon(txn.type)}</td>\n                        <td className=\"p-3 font-medium\">{txn.description}</td>\n                        <td className=\"p-3\">{txn.counterparty}</td>\n                        <td className=\"p-3\">\n                          <Badge variant=\"outline\">{txn.method.replace('_', ' ')}</Badge>\n                        </td>\n                        <td\n                          className={`p-3 text-right font-medium ${txn.type === 'refund' ? 'text-green-600' : ''}`}\n                        >\n                          {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n                        </td>\n                        <td className=\"p-3 text-right text-muted-foreground\">${txn.fees}</td>\n                        <td className=\"p-3 text-right\">${txn.netAmount.toLocaleString()}</td>\n                        <td className=\"p-3\">{statusBadge(txn.status)}</td>\n                        <td className=\"p-3 text-muted-foreground\">{txn.createdAt}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Payment Methods Tab */}\n      {activeTab === 'methods' && (\n        <div className=\"space-y-4\">\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {paymentMethods.map((method) => (\n              <Card key={method.id} className={method.isDefault ? 'border-primary' : ''}>\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"rounded-lg border p-2\">{methodIcon(method.type)}</div>\n                      <div>\n                        <p className=\"font-medium\">{method.name}</p>\n                        <p className=\"text-sm text-muted-foreground\">{method.details}</p>\n                      </div>\n                    </div>\n                    {method.isDefault && <Badge>Default</Badge>}\n                  </div>\n\n                  <div className=\"mt-4 flex items-center gap-4 text-sm\">\n                    {method.isVerified ? (\n                      <span className=\"flex items-center gap-1 text-green-600\">\n                        <Shield className=\"h-4 w-4\" /> Verified\n                      </span>\n                    ) : (\n                      <span className=\"flex items-center gap-1 text-yellow-600\">\n                        <Clock className=\"h-4 w-4\" /> Unverified\n                      </span>\n                    )}\n                    {method.lastUsed && (\n                      <span className=\"text-muted-foreground\">Last used: {method.lastUsed}</span>\n                    )}\n                  </div>\n\n                  <div className=\"mt-4 flex gap-2\">\n                    {!method.isDefault && (\n                      <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                        Set Default\n                      </Button>\n                    )}\n                    <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                      Remove\n                    </Button>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n\n            {/* Add new method card */}\n            <Card className=\"flex items-center justify-center border-dashed\">\n              <CardContent className=\"py-8 text-center\">\n                <Plus className=\"mx-auto h-8 w-8 text-muted-foreground\" />\n                <p className=\"mt-2 text-sm font-medium\">Add Payment Method</p>\n                <p className=\"text-xs text-muted-foreground\">Add a new card, bank, or PayPal</p>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      )}\n\n      {/* Invoices Tab */}\n      {activeTab === 'invoices' && (\n        <div className=\"space-y-4\">\n          <Card>\n            <CardContent className=\"pt-4\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b text-left text-muted-foreground\">\n                      <th className=\"p-3\">Invoice #</th>\n                      <th className=\"p-3\">Description</th>\n                      <th className=\"p-3\">Client</th>\n                      <th className=\"p-3 text-right\">Amount</th>\n                      <th className=\"p-3\">Status</th>\n                      <th className=\"p-3\">Due Date</th>\n                      <th className=\"p-3 text-right\">Actions</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {invoices.map((inv) => {\n                      const invoiceStatusVariant: Record<\n                        string,\n                        'default' | 'secondary' | 'destructive'\n                      > = {\n                        paid: 'default',\n                        pending: 'secondary',\n                        overdue: 'destructive',\n                      };\n                      return (\n                        <tr key={inv.id} className=\"border-b hover:bg-muted/50\">\n                          <td className=\"p-3 font-medium\">{inv.number}</td>\n                          <td className=\"p-3\">{inv.description}</td>\n                          <td className=\"p-3\">{inv.clientName}</td>\n                          <td className=\"p-3 text-right font-medium\">\n                            ${inv.amount.toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">\n                            <Badge variant={invoiceStatusVariant[inv.status] ?? 'secondary'}>\n                              {inv.status}\n                            </Badge>\n                          </td>\n                          <td className=\"p-3 text-muted-foreground\">{inv.dueDate}</td>\n                          <td className=\"p-3 text-right\">\n                            <div className=\"flex justify-end gap-1\">\n                              <Button variant=\"outline\" size=\"sm\">\n                                <FileText className=\"h-3 w-3\" />\n                              </Button>\n                              <Button variant=\"outline\" size=\"sm\">\n                                <Download className=\"h-3 w-3\" />\n                              </Button>\n                            </div>\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AA+BA,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,mBAAgB,gBAAa,GAAyB,EACtE,CAAC,GAAW,KAAgB,EAAqB,WAAW,EAC5D,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAiB,KAAsB,EAAiB,MAAM,EAG/D,IAAa,EAChB,QAAQ,MAAM,EAAE,SAAS,cAAc,EAAE,WAAW,YAAY,CAChE,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EAC9B,IAAe,EAClB,QAAQ,MAAM,EAAE,WAAW,UAAU,CACrC,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EAC9B,IAAY,EACf,QAAQ,MAAM,EAAE,WAAW,YAAY,CACvC,QAAQ,GAAG,MAAM,IAAI,EAAE,MAAM,EAAE,EAC5B,IAAgB,EACnB,QAAQ,MAAM,EAAE,SAAS,YAAY,EAAE,WAAW,YAAY,CAC9D,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EAG9B,IAAe,QAAc;EACjC,IAAI,IAAS,CAAC,GAAG,EAAa;AAI9B,MAHI,MAAoB,UACtB,IAAS,EAAO,QAAQ,MAAM,EAAE,WAAW,EAAgB,GAEzD,EAAY,MAAM,EAAE;GACtB,IAAM,IAAI,EAAY,aAAa;AACnC,OAAS,EAAO,QACb,MACC,EAAE,YAAY,aAAa,CAAC,SAAS,EAAE,IACvC,EAAE,aAAa,aAAa,CAAC,SAAS,EAAE,KACvC,EAAE,aAAa,aAAa,CAAC,SAAS,EAAE,IAAI,IAChD;;AAEH,SAAO,EAAO,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC;IAC9F;EAAC;EAAc;EAAiB;EAAY,CAAC,EAE1C,KAAe,MACf,MAAS,aAAmB,kBAAC,GAAD,EAAc,WAAU,wBAAyB,CAAA,GAC7E,MAAS,WAAiB,kBAAC,GAAD,EAAW,WAAU,0BAA2B,CAAA,GACvE,kBAAC,GAAD,EAAe,WAAU,yBAA0B,CAAA,EAGtD,KAAe,MAOZ,kBAAC,GAAD;EAAO,SANwE;GACpF,WAAW;GACX,SAAS;GACT,QAAQ;GACR,WAAW;GACZ,CAC+B,MAAW;YAAc;EAAe,CAAA,EAGpE,KAAc,MACU,EAAxB,MAAS,SAAgB,IACzB,MAAS,SAAgB,IACrB,GAFoB,EAAY,WAAU,WAAY,CAAA;AAYhE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAa,CAAA,EACpD,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,gBAC1B;OACL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAvBgC;KACjD;MAAE,KAAK;MAAY,OAAO;MAAY;KACtC;MAAE,KAAK;MAAgB,OAAO;MAAgB;KAC9C;MAAE,KAAK;MAAW,OAAO;MAAmB;KAC5C;MAAE,KAAK;MAAY,OAAO;MAAY;KACvC,CAmBW,KAAK,EAAE,QAAK,eAChB,kBAAC,UAAD;KAEE,eAAe,EAAa,EAAI;KAChC,WAAW,8DACT,MAAc,IACV,gCACA;eAGL;KACM,EATF,EASE,CACT;IACE,CAAA;GAGL,MAAc,cACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAc,WAAU,wBAAyB,CAAA;SAC7C,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAAkC,KAAE,EAAW,gBAAgB,CAAK;YACpE,kBAAC,KAAD;SAAG,WAAU;mBAAgC;SAAe,CAAA,CACxD,EAAA,CAAA,CACF;;OACM,CAAA,EACT,CAAA;MACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAO,WAAU,2BAA4B,CAAA;SACzC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAAkC,KAAE,EAAa,gBAAgB,CAAK;YACtE,kBAAC,KAAD;SAAG,WAAU;mBAAgC;SAAW,CAAA,CACpD,EAAA,CAAA,CACF;;OACM,CAAA,EACT,CAAA;MACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAY,WAAU,yBAA0B,CAAA;SAC5C,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAAkC,KAAE,EAAU,gBAAgB,CAAK;YACnE,kBAAC,KAAD;SAAG,WAAU;mBAAgC;SAAc,CAAA,CACvD,EAAA,CAAA,CACF;;OACM,CAAA,EACT,CAAA;MACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAW,WAAU,0BAA2B,CAAA;SAC5C,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAAkC,KAAE,EAAc,gBAAgB,CAAK;YACvE,kBAAC,KAAD;SAAG,WAAU;mBAAgC;SAAY,CAAA,CACrD,EAAA,CAAA,CACF;;OACM,CAAA,EACT,CAAA;MACH;QAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAY;MAA+B,CAAA,EAChE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,EAAa,eAAe;gBAAE;MAExE,CAAA,CACL;QACK,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,MAAM,GAAG,EAAE,CAAC,KAAK,MAC7B,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAY,EAAI,KAAK,EACtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAI;QAAgB,CAAA,EACxD,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAI;SAAa;SAAI,EAAI;SACxB;UACA,EAAA,CAAA,CACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QACE,WAAW,qBAAqB,EAAI,SAAS,WAAW,mBAAmB;kBAD7E;SAGG,EAAI,SAAS,WAAW,MAAM;SAAI;SAAE,EAAI,OAAO,gBAAgB;SAC9D;WACH,EAAY,EAAI,OAAO,CACpB;SACF;QApBC,EAAI,GAoBL,CACN;KACE,CAAA,EACM,CAAA,CACT,EAAA,CAAA,CACH;;GAIP,MAAc,kBACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;OAC/C,WAAU;OACV,CAAA,CACE;SACN,kBAAC,OAAD;MAAK,WAAU;gBACZ;OAAC;OAAO;OAAa;OAAW;OAAS,CAAC,KAAK,MAC9C,kBAAC,GAAD;OAEE,SAAS,MAAoB,IAAS,YAAY;OAClD,MAAK;OACL,eAAe,EAAmB,EAAO;iBAExC,MAAW,QAAQ,QAAQ,EAAO,OAAO,EAAE,CAAC,aAAa,GAAG,EAAO,MAAM,EAAE;OACrE,EANF,EAME,CACT;MACE,CAAA,CACF;QAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAS,CAAA;SAC7B,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAgB,CAAA;SACpC,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAiB,CAAA;SACrC,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAW,CAAA;SAC/B,kBAAC,MAAD;UAAI,WAAU;oBAAiB;UAAW,CAAA;SAC1C,kBAAC,MAAD;UAAI,WAAU;oBAAiB;UAAS,CAAA;SACxC,kBAAC,MAAD;UAAI,WAAU;oBAAiB;UAAQ,CAAA;SACvC,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAW,CAAA;SAC/B,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAS,CAAA;SAC1B;WACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAa,KAAK,MACjB,kBAAC,MAAD;QAAiB,WAAU;kBAA3B;SACE,kBAAC,MAAD;UAAI,WAAU;oBAAO,EAAY,EAAI,KAAK;UAAM,CAAA;SAChD,kBAAC,MAAD;UAAI,WAAU;oBAAmB,EAAI;UAAiB,CAAA;SACtD,kBAAC,MAAD;UAAI,WAAU;oBAAO,EAAI;UAAkB,CAAA;SAC3C,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,GAAD;WAAO,SAAQ;qBAAW,EAAI,OAAO,QAAQ,KAAK,IAAI;WAAS,CAAA;UAC5D,CAAA;SACL,kBAAC,MAAD;UACE,WAAW,8BAA8B,EAAI,SAAS,WAAW,mBAAmB;oBADtF;WAGG,EAAI,SAAS,WAAW,MAAM;WAAI;WAAE,EAAI,OAAO,gBAAgB;WAC7D;;SACL,kBAAC,MAAD;UAAI,WAAU;oBAAd,CAAqD,KAAE,EAAI,KAAU;;SACrE,kBAAC,MAAD;UAAI,WAAU;oBAAd,CAA+B,KAAE,EAAI,UAAU,gBAAgB,CAAM;;SACrE,kBAAC,MAAD;UAAI,WAAU;oBAAO,EAAY,EAAI,OAAO;UAAM,CAAA;SAClD,kBAAC,MAAD;UAAI,WAAU;oBAA6B,EAAI;UAAe,CAAA;SAC3D;UAhBI,EAAI,GAgBR,CACL,EACI,CAAA,CACF;;MACJ,CAAA;KACM,CAAA,EACT,CAAA,CACH;;GAIP,MAAc,aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAe,KAAK,MACnB,kBAAC,GAAD;MAAsB,WAAW,EAAO,YAAY,mBAAmB;gBACrE,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAyB,EAAW,EAAO,KAAK;WAAO,CAAA,EACtE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAe,EAAO;WAAS,CAAA,EAC5C,kBAAC,KAAD;WAAG,WAAU;qBAAiC,EAAO;WAAY,CAAA,CAC7D,EAAA,CAAA,CACF;aACL,EAAO,aAAa,kBAAC,GAAD,EAAA,UAAO,WAAe,CAAA,CACvC;;QAEN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACG,EAAO,aACN,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,YACzB;cAEP,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,cACxB;aAER,EAAO,YACN,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAwC,eAAY,EAAO,SAAgB;YAEzE;;QAEN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACG,CAAC,EAAO,aACP,kBAAC,GAAD;UAAQ,SAAQ;UAAU,MAAK;UAAK,WAAU;oBAAS;UAE9C,CAAA,EAEX,kBAAC,GAAD;UAAQ,SAAQ;UAAU,MAAK;UAAK,WAAU;oBAAS;UAE9C,CAAA,CACL;;QACM;;MACT,EAvCI,EAAO,GAuCX,CACP,EAGF,kBAAC,GAAD;MAAM,WAAU;gBACd,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,GAAD,EAAM,WAAU,yCAA0C,CAAA;QAC1D,kBAAC,KAAD;SAAG,WAAU;mBAA2B;SAAsB,CAAA;QAC9D,kBAAC,KAAD;SAAG,WAAU;mBAAgC;SAAmC,CAAA;QACpE;;MACT,CAAA,CACH;;IACF,CAAA;GAIP,MAAc,cACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAc,CAAA;SAClC,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAgB,CAAA;SACpC,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAW,CAAA;SAC/B,kBAAC,MAAD;UAAI,WAAU;oBAAiB;UAAW,CAAA;SAC1C,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAW,CAAA;SAC/B,kBAAC,MAAD;UAAI,WAAU;oBAAM;UAAa,CAAA;SACjC,kBAAC,MAAD;UAAI,WAAU;oBAAiB;UAAY,CAAA;SACxC;WACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAS,KAAK,MAUX,kBAAC,MAAD;QAAiB,WAAU;kBAA3B;SACE,kBAAC,MAAD;UAAI,WAAU;oBAAmB,EAAI;UAAY,CAAA;SACjD,kBAAC,MAAD;UAAI,WAAU;oBAAO,EAAI;UAAiB,CAAA;SAC1C,kBAAC,MAAD;UAAI,WAAU;oBAAO,EAAI;UAAgB,CAAA;SACzC,kBAAC,MAAD;UAAI,WAAU;oBAAd,CAA2C,KACvC,EAAI,OAAO,gBAAgB,CAC1B;;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,GAAD;WAAO,SAdT;YACF,MAAM;YACN,SAAS;YACT,SAAS;YACV,CAU0C,EAAI,WAAW;qBACjD,EAAI;WACC,CAAA;UACL,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBAA6B,EAAI;UAAa,CAAA;SAC5D,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD;YAAQ,SAAQ;YAAU,MAAK;sBAC7B,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;YACzB,CAAA,EACT,kBAAC,GAAD;YAAQ,SAAQ;YAAU,MAAK;sBAC7B,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;YACzB,CAAA,CACL;;UACH,CAAA;SACF;UAvBI,EAAI,GAuBR,CAEP,EACI,CAAA,CACF;;MACJ,CAAA;KACM,CAAA,EACT,CAAA;IACH,CAAA;GAEJ"}
+{"version":3,"file":"PaymentsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/PaymentsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  GlassCard,\n  IllustratedEmptyState,\n  AuroraBackground,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  DollarSign,\n  CreditCard,\n  Building2,\n  Wallet,\n  ArrowUpRight,\n  ArrowDownLeft,\n  RotateCcw,\n  Clock,\n  Search,\n  FileText,\n  Plus,\n  Shield,\n  Download,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\n\ntype PaymentTab = 'overview' | 'transactions' | 'methods' | 'invoices';\n\nexport function PaymentsPage() {\n  const { transactions, paymentMethods, invoices } = useProServiceWorldStore();\n  const [activeTab, setActiveTab] = useState<PaymentTab>('overview');\n  const [searchQuery, setSearchQuery] = useState('');\n  const [txnStatusFilter, setTxnStatusFilter] = useState<string>('all');\n\n  // Overview stats\n  const totalSpent = transactions\n    .filter((t) => t.type === 'outgoing' && t.status === 'completed')\n    .reduce((s, t) => s + t.amount, 0);\n  const totalPending = transactions\n    .filter((t) => t.status === 'pending')\n    .reduce((s, t) => s + t.amount, 0);\n  const totalFees = transactions\n    .filter((t) => t.status === 'completed')\n    .reduce((s, t) => s + t.fees, 0);\n  const totalRefunded = transactions\n    .filter((t) => t.type === 'refund' && t.status === 'completed')\n    .reduce((s, t) => s + t.amount, 0);\n\n  // Filter transactions\n  const filteredTxns = useMemo(() => {\n    let result = [...transactions];\n    if (txnStatusFilter !== 'all') {\n      result = result.filter((t) => t.status === txnStatusFilter);\n    }\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (t) =>\n          t.description.toLowerCase().includes(q) ||\n          t.counterparty.toLowerCase().includes(q) ||\n          (t.serviceName?.toLowerCase().includes(q) ?? false)\n      );\n    }\n    return result.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());\n  }, [transactions, txnStatusFilter, searchQuery]);\n\n  const txnTypeIcon = (type: string) => {\n    if (type === 'outgoing') return <ArrowUpRight className=\"h-4 w-4 text-status-error-text\" />;\n    if (type === 'refund') return <RotateCcw className=\"h-4 w-4 text-status-success-text\" />;\n    return <ArrowDownLeft className=\"h-4 w-4 text-accent-blue\" />;\n  };\n\n  const statusBadge = (status: string) => {\n    const variants: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n      completed: 'default',\n      pending: 'secondary',\n      failed: 'destructive',\n      cancelled: 'outline',\n    };\n    return <Badge variant={variants[status] ?? 'secondary'}>{status}</Badge>;\n  };\n\n  const methodIcon = (type: string) => {\n    if (type === 'card') return <CreditCard className=\"h-5 w-5\" />;\n    if (type === 'bank') return <Building2 className=\"h-5 w-5\" />;\n    return <Wallet className=\"h-5 w-5\" />;\n  };\n\n  const tabs: { key: PaymentTab; label: string }[] = [\n    { key: 'overview', label: 'Overview' },\n    { key: 'transactions', label: 'Transactions' },\n    { key: 'methods', label: 'Payment Methods' },\n    { key: 'invoices', label: 'Invoices' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 bg-bg-canvas min-h-screen\">\n      {/* Hero header — the ONE aurora backdrop for this MFE */}\n      <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold tracking-tight\">\n              <GradientText>Payments</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">\n              Track transactions, manage payment methods, and view invoices.\n            </p>\n          </div>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" /> Make Payment\n          </Button>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"flex flex-wrap gap-1 border-b border-border-seam\">\n        {tabs.map(({ key, label }) => (\n          <button\n            key={key}\n            onClick={() => setActiveTab(key)}\n            aria-pressed={activeTab === key}\n            className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n              activeTab === key\n                ? 'border-action-primary-bg text-text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {label}\n          </button>\n        ))}\n      </div>\n\n      {/* Overview Tab */}\n      {activeTab === 'overview' && (\n        <div className=\"space-y-6\">\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-error-bg-subtle p-2\">\n                  <ArrowUpRight className=\"h-5 w-5 text-status-error-text\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">${totalSpent.toLocaleString()}</p>\n                  <p className=\"text-xs text-text-secondary\">Total Spent</p>\n                </div>\n              </div>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-warning-bg-subtle p-2\">\n                  <Clock className=\"h-5 w-5 text-status-warning-text\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">${totalPending.toLocaleString()}</p>\n                  <p className=\"text-xs text-text-secondary\">Pending</p>\n                </div>\n              </div>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-info-bg-subtle p-2\">\n                  <DollarSign className=\"h-5 w-5 text-accent-blue\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">${totalFees.toLocaleString()}</p>\n                  <p className=\"text-xs text-text-secondary\">Total Fees</p>\n                </div>\n              </div>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-success-bg-subtle p-2\">\n                  <RotateCcw className=\"h-5 w-5 text-status-success-text\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">\n                    ${totalRefunded.toLocaleString()}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">Refunded</p>\n                </div>\n              </div>\n            </GlassCard>\n          </div>\n\n          {/* Recent transactions preview */}\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Recent Transactions</CardTitle>\n                <Button variant=\"outline\" size=\"sm\" onClick={() => setActiveTab('transactions')}>\n                  View All\n                </Button>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                {transactions.slice(0, 5).map((txn) => (\n                  <div\n                    key={txn.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border-seam p-3 transition-shadow hover:shadow-pop\"\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      {txnTypeIcon(txn.type)}\n                      <div>\n                        <p className=\"text-sm font-medium\">{txn.description}</p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {txn.counterparty} - {txn.createdAt}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"text-right\">\n                      <p\n                        className={`text-sm font-bold tabular-nums ${txn.type === 'refund' ? 'text-status-success-text' : ''}`}\n                      >\n                        {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n                      </p>\n                      {statusBadge(txn.status)}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Transactions Tab */}\n      {activeTab === 'transactions' && (\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search transactions...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"pl-10\"\n              />\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              {['all', 'completed', 'pending', 'failed'].map((status) => (\n                <Button\n                  key={status}\n                  variant={txnStatusFilter === status ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setTxnStatusFilter(status)}\n                >\n                  {status === 'all' ? 'All' : status.charAt(0).toUpperCase() + status.slice(1)}\n                </Button>\n              ))}\n            </div>\n          </div>\n\n          <Card className=\"border-border-seam\">\n            <CardContent className=\"pt-4\">\n              {filteredTxns.length === 0 ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-search\"\n                  title=\"No transactions found\"\n                  description=\"No transactions match your current filters.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                        <th className=\"p-3 font-medium\">Type</th>\n                        <th className=\"p-3 font-medium\">Description</th>\n                        <th className=\"p-3 font-medium\">Counterparty</th>\n                        <th className=\"p-3 font-medium\">Method</th>\n                        <th className=\"p-3 text-right font-medium\">Amount</th>\n                        <th className=\"p-3 text-right font-medium\">Fees</th>\n                        <th className=\"p-3 text-right font-medium\">Net</th>\n                        <th className=\"p-3 font-medium\">Status</th>\n                        <th className=\"p-3 font-medium\">Date</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {filteredTxns.map((txn) => (\n                        <tr\n                          key={txn.id}\n                          className=\"border-b border-border-seam transition-colors hover:bg-bg-sunken/50\"\n                        >\n                          <td className=\"p-3\">{txnTypeIcon(txn.type)}</td>\n                          <td className=\"p-3 font-medium\">{txn.description}</td>\n                          <td className=\"p-3\">{txn.counterparty}</td>\n                          <td className=\"p-3\">\n                            <Badge variant=\"outline\">{txn.method.replace('_', ' ')}</Badge>\n                          </td>\n                          <td\n                            className={`p-3 text-right font-medium tabular-nums ${txn.type === 'refund' ? 'text-status-success-text' : ''}`}\n                          >\n                            {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n                          </td>\n                          <td className=\"p-3 text-right text-text-secondary tabular-nums\">\n                            ${txn.fees}\n                          </td>\n                          <td className=\"p-3 text-right tabular-nums\">\n                            ${txn.netAmount.toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">{statusBadge(txn.status)}</td>\n                          <td className=\"p-3 text-text-secondary\">{txn.createdAt}</td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Payment Methods Tab */}\n      {activeTab === 'methods' && (\n        <div className=\"space-y-4\">\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {paymentMethods.map((method) => (\n              <GlassCard\n                key={method.id}\n                treatment=\"glass\"\n                glow={method.isDefault}\n                className={`border-border-seam ${method.isDefault ? '' : ''}`}\n              >\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"rounded-lg border border-border-seam p-2 text-text-primary\">\n                      {methodIcon(method.type)}\n                    </div>\n                    <div>\n                      <p className=\"font-medium\">{method.name}</p>\n                      <p className=\"text-sm text-text-secondary\">{method.details}</p>\n                    </div>\n                  </div>\n                  {method.isDefault && <Badge>Default</Badge>}\n                </div>\n\n                <div className=\"mt-4 flex items-center gap-4 text-sm\">\n                  {method.isVerified ? (\n                    <span className=\"flex items-center gap-1 text-status-success-text\">\n                      <Shield className=\"h-4 w-4\" /> Verified\n                    </span>\n                  ) : (\n                    <span className=\"flex items-center gap-1 text-status-warning-text\">\n                      <Clock className=\"h-4 w-4\" /> Unverified\n                    </span>\n                  )}\n                  {method.lastUsed && (\n                    <span className=\"text-text-secondary\">Last used: {method.lastUsed}</span>\n                  )}\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                  {!method.isDefault && (\n                    <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                      Set Default\n                    </Button>\n                  )}\n                  <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                    Remove\n                  </Button>\n                </div>\n              </GlassCard>\n            ))}\n\n            {/* Add new method card */}\n            <Card className=\"flex items-center justify-center border-dashed border-border-seam transition-shadow hover:shadow-pop\">\n              <CardContent className=\"py-8 text-center\">\n                <Plus className=\"mx-auto h-8 w-8 text-text-secondary\" />\n                <p className=\"mt-2 text-sm font-medium\">Add Payment Method</p>\n                <p className=\"text-xs text-text-secondary\">Add a new card, bank, or PayPal</p>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      )}\n\n      {/* Invoices Tab */}\n      {activeTab === 'invoices' && (\n        <div className=\"space-y-4\">\n          <Card className=\"border-border-seam\">\n            <CardContent className=\"pt-4\">\n              {invoices.length === 0 ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-files\"\n                  title=\"No invoices yet\"\n                  description=\"Invoices you create or receive will appear here.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                        <th className=\"p-3 font-medium\">Invoice #</th>\n                        <th className=\"p-3 font-medium\">Description</th>\n                        <th className=\"p-3 font-medium\">Client</th>\n                        <th className=\"p-3 text-right font-medium\">Amount</th>\n                        <th className=\"p-3 font-medium\">Status</th>\n                        <th className=\"p-3 font-medium\">Due Date</th>\n                        <th className=\"p-3 text-right font-medium\">Actions</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {invoices.map((inv) => {\n                        const invoiceStatusVariant: Record<\n                          string,\n                          'default' | 'secondary' | 'destructive'\n                        > = {\n                          paid: 'default',\n                          pending: 'secondary',\n                          overdue: 'destructive',\n                        };\n                        return (\n                          <tr\n                            key={inv.id}\n                            className=\"border-b border-border-seam transition-colors hover:bg-bg-sunken/50\"\n                          >\n                            <td className=\"p-3 font-medium\">{inv.number}</td>\n                            <td className=\"p-3\">{inv.description}</td>\n                            <td className=\"p-3\">{inv.clientName}</td>\n                            <td className=\"p-3 text-right font-medium tabular-nums\">\n                              ${inv.amount.toLocaleString()}\n                            </td>\n                            <td className=\"p-3\">\n                              <Badge variant={invoiceStatusVariant[inv.status] ?? 'secondary'}>\n                                {inv.status}\n                              </Badge>\n                            </td>\n                            <td className=\"p-3 text-text-secondary\">{inv.dueDate}</td>\n                            <td className=\"p-3 text-right\">\n                              <div className=\"flex justify-end gap-1\">\n                                <Button variant=\"outline\" size=\"sm\" aria-label=\"View invoice\">\n                                  <FileText className=\"h-3 w-3\" />\n                                </Button>\n                                <Button variant=\"outline\" size=\"sm\" aria-label=\"Download invoice\">\n                                  <Download className=\"h-3 w-3\" />\n                                </Button>\n                              </div>\n                            </td>\n                          </tr>\n                        );\n                      })}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}