@burdenoff/microfe-admin 2026.608.1 → 2026.624.1

package/dist/admin/pages/CommunicationsPage.js

@@ -60,10 +60,10 @@ function b() {
 							render: (e) => /* @__PURE__ */ y("div", {
 								className: "flex flex-col",
 								children: [/* @__PURE__ */ v("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: e.title
 								}), /* @__PURE__ */ v("span", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: e.subject
 								})]
 							})

package/dist/admin/pages/CommunicationsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsPage.js","names":[],"sources":["../../../src/admin/pages/CommunicationsPage.tsx"],"sourcesContent":["import { Mail, Plus, Send, Users, Eye, MousePointer2 } from 'lucide-react';\nimport {\n  PageLayout,\n  Button,\n  DataTable,\n  Badge,\n  MetricCard,\n  MetricsGrid,\n  EmptyState,\n} from '../components';\nimport {\n  useListNewslettersQuery,\n  useGetNewsletterStatsQuery,\n  useSendNewsletterMutation,\n} from '../../generated/global-operations';\nimport { formatDateTime, formatPercentage } from '../utils/formatters';\n\nexport function CommunicationsPage() {\n  const { data: statsData, loading: statsLoading } = useGetNewsletterStatsQuery();\n  const {\n    data: listData,\n    loading: listLoading,\n    refetch,\n  } = useListNewslettersQuery({\n    variables: { limit: 50 },\n  });\n\n  const [sendNewsletter] = useSendNewsletterMutation();\n\n  const stats = statsData?.newsletterStats;\n  const newsletters = listData?.newsletters || [];\n\n  const handleSend = async (id: string) => {\n    if (confirm('Are you sure you want to send this newsletter to all subscribers?')) {\n      try {\n        await sendNewsletter({ variables: { id } });\n        refetch();\n      } catch (err) {\n        console.error('Failed to send newsletter:', err);\n      }\n    }\n  };\n\n  const columns = [\n    {\n      key: 'title',\n      header: 'Title',\n      render: (news: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-foreground\">{news.title}</span>\n          <span className=\"text-xs text-muted-foreground\">{news.subject}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (news: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          SENT: 'success',\n          SCHEDULED: 'warning',\n          DRAFT: 'secondary',\n        };\n        return <Badge variant={variants[news.status] || 'outline'}>{news.status}</Badge>;\n      },\n    },\n    {\n      key: 'sentAt',\n      header: 'Sent Date',\n      render: (news: any) => (news.sentAt ? formatDateTime(news.sentAt) : '-'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      align: 'right' as const,\n      render: (news: any) => (\n        <div className=\"flex justify-end gap-2\">\n          {news.status === 'DRAFT' && (\n            <Button size=\"sm\" onClick={() => handleSend(news.id)}>\n              <Send className=\"mr-2 h-3 w-3\" />\n              Send Now\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Communications\"\n      description=\"Manage platform newsletters and system notifications\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Newsletter\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Subscribers\"\n            value={stats?.totalSubscribers ?? 0}\n            loading={statsLoading}\n            icon={<Users className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Newsletters Sent\"\n            value={stats?.totalSent ?? 0}\n            loading={statsLoading}\n            icon={<Send className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Open Rate\"\n            value={formatPercentage(stats?.averageOpenRate ?? 0)}\n            loading={statsLoading}\n            icon={<Eye className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Click Rate\"\n            value={formatPercentage(stats?.averageClickRate ?? 0)}\n            loading={statsLoading}\n            icon={<MousePointer2 className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Newsletters</h2>\n          <DataTable\n            columns={columns}\n            data={newsletters}\n            keyExtractor={(n) => n.id}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                icon={<Mail className=\"h-8 w-8\" />}\n                title=\"No newsletters found\"\n                description=\"Create your first newsletter to communicate with users\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAqB;CACnC,IAAM,EAAE,MAAM,GAAW,SAAS,MAAiB,GAA4B,EACzE,EACJ,MAAM,GACN,SAAS,GACT,eACE,EAAwB,EAC1B,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,CAAC,KAAkB,GAA2B,EAE9C,IAAQ,GAAW,iBACnB,IAAc,GAAU,eAAe,EAAE,EAEzC,IAAa,OAAO,MAAe;AACvC,MAAI,QAAQ,oEAAoE,CAC9E,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC3C,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;;AAqDtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,oBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,oBAAoB;KAClC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,aAAa;KAC3B,SAAS;KACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;KACpD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;KACrD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC3C,CAAA;IACU,EAAA,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwB;KAAgB,CAAA,EACtD,kBAAC,GAAD;KACW,SA1FH;MACd;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAa,CAAA,EACjE,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAK;SAAe,CAAA,CACjE;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MASA,kBAAC,GAAD;QAAO,SALV;SACF,MAAM;SACN,WAAW;SACX,OAAO;SACR,CAC+B,EAAK,WAAW;kBAAY,EAAK;QAAe,CAAA;OAEnF;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;OACrE;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO;OACP,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;SAAQ,MAAK;SAAK,eAAe,EAAW,EAAK,GAAG;mBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;QAEP,CAAA;OAET;MACF;KA6CS,MAAM;KACN,eAAe,MAAM,EAAE;KACvB,SAAS;KACT,YACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,OAAM;MACN,aAAY;MACZ,CAAA;KAEJ,CAAA,CACE;MACF;;EACK,CAAA"}
+{"version":3,"file":"CommunicationsPage.js","names":[],"sources":["../../../src/admin/pages/CommunicationsPage.tsx"],"sourcesContent":["import { Mail, Plus, Send, Users, Eye, MousePointer2 } from 'lucide-react';\nimport {\n  PageLayout,\n  Button,\n  DataTable,\n  Badge,\n  MetricCard,\n  MetricsGrid,\n  EmptyState,\n} from '../components';\nimport {\n  useListNewslettersQuery,\n  useGetNewsletterStatsQuery,\n  useSendNewsletterMutation,\n} from '../../generated/global-operations';\nimport { formatDateTime, formatPercentage } from '../utils/formatters';\n\nexport function CommunicationsPage() {\n  const { data: statsData, loading: statsLoading } = useGetNewsletterStatsQuery();\n  const {\n    data: listData,\n    loading: listLoading,\n    refetch,\n  } = useListNewslettersQuery({\n    variables: { limit: 50 },\n  });\n\n  const [sendNewsletter] = useSendNewsletterMutation();\n\n  const stats = statsData?.newsletterStats;\n  const newsletters = listData?.newsletters || [];\n\n  const handleSend = async (id: string) => {\n    if (confirm('Are you sure you want to send this newsletter to all subscribers?')) {\n      try {\n        await sendNewsletter({ variables: { id } });\n        refetch();\n      } catch (err) {\n        console.error('Failed to send newsletter:', err);\n      }\n    }\n  };\n\n  const columns = [\n    {\n      key: 'title',\n      header: 'Title',\n      render: (news: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-text-primary\">{news.title}</span>\n          <span className=\"text-xs text-text-secondary\">{news.subject}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (news: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          SENT: 'success',\n          SCHEDULED: 'warning',\n          DRAFT: 'secondary',\n        };\n        return <Badge variant={variants[news.status] || 'outline'}>{news.status}</Badge>;\n      },\n    },\n    {\n      key: 'sentAt',\n      header: 'Sent Date',\n      render: (news: any) => (news.sentAt ? formatDateTime(news.sentAt) : '-'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      align: 'right' as const,\n      render: (news: any) => (\n        <div className=\"flex justify-end gap-2\">\n          {news.status === 'DRAFT' && (\n            <Button size=\"sm\" onClick={() => handleSend(news.id)}>\n              <Send className=\"mr-2 h-3 w-3\" />\n              Send Now\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Communications\"\n      description=\"Manage platform newsletters and system notifications\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Newsletter\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Subscribers\"\n            value={stats?.totalSubscribers ?? 0}\n            loading={statsLoading}\n            icon={<Users className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Newsletters Sent\"\n            value={stats?.totalSent ?? 0}\n            loading={statsLoading}\n            icon={<Send className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Open Rate\"\n            value={formatPercentage(stats?.averageOpenRate ?? 0)}\n            loading={statsLoading}\n            icon={<Eye className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Click Rate\"\n            value={formatPercentage(stats?.averageClickRate ?? 0)}\n            loading={statsLoading}\n            icon={<MousePointer2 className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Newsletters</h2>\n          <DataTable\n            columns={columns}\n            data={newsletters}\n            keyExtractor={(n) => n.id}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                icon={<Mail className=\"h-8 w-8\" />}\n                title=\"No newsletters found\"\n                description=\"Create your first newsletter to communicate with users\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAqB;CACnC,IAAM,EAAE,MAAM,GAAW,SAAS,MAAiB,GAA4B,EACzE,EACJ,MAAM,GACN,SAAS,GACT,eACE,EAAwB,EAC1B,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,CAAC,KAAkB,GAA2B,EAE9C,IAAQ,GAAW,iBACnB,IAAc,GAAU,eAAe,EAAE,EAEzC,IAAa,OAAO,MAAe;AACvC,MAAI,QAAQ,oEAAoE,CAC9E,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC3C,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;;AAqDtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,oBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,oBAAoB;KAClC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,aAAa;KAC3B,SAAS;KACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;KACpD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;KACrD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC3C,CAAA;IACU,EAAA,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwB;KAAgB,CAAA,EACtD,kBAAC,GAAD;KACW,SA1FH;MACd;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAK;SAAa,CAAA,EACnE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAe,CAAA,CAC/D;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MASA,kBAAC,GAAD;QAAO,SALV;SACF,MAAM;SACN,WAAW;SACX,OAAO;SACR,CAC+B,EAAK,WAAW;kBAAY,EAAK;QAAe,CAAA;OAEnF;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;OACrE;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO;OACP,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;SAAQ,MAAK;SAAK,eAAe,EAAW,EAAK,GAAG;mBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;QAEP,CAAA;OAET;MACF;KA6CS,MAAM;KACN,eAAe,MAAM,EAAE;KACvB,SAAS;KACT,YACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,OAAM;MACN,aAAY;MACZ,CAAA;KAEJ,CAAA,CACE;MACF;;EACK,CAAA"}