@magnet-cms/plugin-stripe 0.1.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/frontend/bundle.iife.js +73 -112
  2. package/dist/frontend/bundle.iife.js.map +1 -1
  3. package/package.json +6 -6
  4. package/src/admin/components/recent-payments.tsx +0 -10
  5. package/src/admin/pages/customers.tsx +15 -23
  6. package/src/admin/pages/payments.tsx +11 -19
  7. package/src/admin/pages/products.tsx +12 -20
  8. package/src/admin/pages/subscriptions.tsx +11 -19
package/dist/frontend/bundle.iife.js CHANGED
@@ -95,14 +95,6 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
95
95
  }
96
96
  registerPlugin();
97
97
  const stripePlugin = () => ({ manifest, components });
98
- const contentManagerStyles$4 = `
99
- .table-row-hover:hover td {
100
- background-color: #F9FAFB;
101
- }
102
- .table-row-hover.group:hover td {
103
- background-color: #F9FAFB;
104
- }
105
- `;
106
98
  function formatCurrency$3(cents, currency) {
107
99
  return `${currency.toUpperCase()} ${(cents / 100).toFixed(2)}`;
108
100
  }
@@ -143,21 +135,18 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
143
135
  format: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: new Date(value).toLocaleDateString() })
144
136
  }
145
137
  ];
146
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
147
- /* @__PURE__ */ jsxRuntime.jsx("style", { children: contentManagerStyles$4 }),
148
- /* @__PURE__ */ jsxRuntime.jsx(
149
- components$1.DataTable,
150
- {
151
- data: payments2,
152
- columns,
153
- getRowId: (row) => row.id,
154
- enablePagination: false,
155
- showCount: false,
156
- variant: "content-manager",
157
- renderEmpty: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No payments yet." }) })
158
- }
159
- )
160
- ] });
138
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
139
+ components$1.DataTable,
140
+ {
141
+ data: payments2,
142
+ columns,
143
+ getRowId: (row) => row.id,
144
+ enablePagination: false,
145
+ showCount: false,
146
+ variant: "content-manager",
147
+ renderEmpty: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No payments yet." }) })
148
+ }
149
+ ) });
161
150
  }
162
151
  function r(e) {
163
152
  var t, f, n = "";
@@ -22538,14 +22527,6 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22538
22527
  __proto__: null,
22539
22528
  default: StripeDashboard
22540
22529
  }, Symbol.toStringTag, { value: "Module" }));
22541
- const contentManagerStyles$3 = `
22542
- .table-row-hover:hover td {
22543
- background-color: #F9FAFB;
22544
- }
22545
- .table-row-hover.group:hover td {
22546
- background-color: #F9FAFB;
22547
- }
22548
- `;
22549
22530
  const CustomersPage = () => {
22550
22531
  const adapter = admin.useAdapter();
22551
22532
  const [customers2, setCustomers] = React2.useState([]);
@@ -22574,24 +22555,24 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22574
22555
  type: "text",
22575
22556
  header: "Name",
22576
22557
  accessorKey: "name",
22577
- format: (value, row) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: value ?? row.original.name ?? "—" })
22558
+ format: (value, row) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: value ?? row.original.name ?? "—" })
22578
22559
  },
22579
22560
  {
22580
22561
  type: "text",
22581
22562
  header: "Email",
22582
22563
  accessorKey: "email",
22583
- format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-600", children: value })
22564
+ format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: value })
22584
22565
  },
22585
22566
  {
22586
22567
  type: "custom",
22587
22568
  header: "User ID",
22588
- cell: (row) => row.original.userId ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-md bg-gray-100 px-2 py-1 text-xs font-medium text-gray-700 ring-1 ring-inset ring-gray-600/20", children: row.original.userId }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "—" })
22569
+ cell: (row) => row.original.userId ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-md bg-muted px-2 py-1 text-xs font-medium text-muted-foreground ring-1 ring-inset ring-border", children: row.original.userId }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "—" })
22589
22570
  },
22590
22571
  {
22591
22572
  type: "text",
22592
22573
  header: "Created",
22593
22574
  accessorKey: "createdAt",
22594
- format: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500", children: new Date(value).toLocaleDateString() })
22575
+ format: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: new Date(value).toLocaleDateString() })
22595
22576
  },
22596
22577
  {
22597
22578
  type: "custom",
@@ -22611,7 +22592,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22611
22592
  )
22612
22593
  }
22613
22594
  ];
22614
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
22595
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
22615
22596
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full sm:w-80", children: [
22616
22597
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
22617
22598
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22631,17 +22612,19 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22631
22612
  const totalRows = table.getFilteredRowModel().rows.length;
22632
22613
  const startRow = pageIndex * pageSize + 1;
22633
22614
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
22634
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
22635
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
22636
- "Showing ",
22637
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
22615
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
22616
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
22617
+ "Showing",
22618
+ " ",
22619
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
22620
+ " to",
22638
22621
  " ",
22639
- "to ",
22640
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
22622
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
22641
22623
  " of",
22642
22624
  " ",
22643
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
22644
- " results"
22625
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
22626
+ " ",
22627
+ "results"
22645
22628
  ] }),
22646
22629
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
22647
22630
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22668,13 +22651,12 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22668
22651
  ] });
22669
22652
  };
22670
22653
  if (loading) {
22671
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22654
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22672
22655
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Customers" }),
22673
22656
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
22674
22657
  ] });
22675
22658
  }
22676
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22677
- /* @__PURE__ */ jsxRuntime.jsx("style", { children: contentManagerStyles$3 }),
22659
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22678
22660
  /* @__PURE__ */ jsxRuntime.jsx(
22679
22661
  admin.PageHeader,
22680
22662
  {
@@ -22682,7 +22664,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22682
22664
  description: `${customers2.length} customer(s) total.`
22683
22665
  }
22684
22666
  ),
22685
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22667
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22686
22668
  components$1.DataTable,
22687
22669
  {
22688
22670
  data: filtered,
@@ -22704,14 +22686,6 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22704
22686
  __proto__: null,
22705
22687
  default: CustomersPage
22706
22688
  }, Symbol.toStringTag, { value: "Module" }));
22707
- const contentManagerStyles$2 = `
22708
- .table-row-hover:hover td {
22709
- background-color: #F9FAFB;
22710
- }
22711
- .table-row-hover.group:hover td {
22712
- background-color: #F9FAFB;
22713
- }
22714
- `;
22715
22689
  const ProductsPage = () => {
22716
22690
  const adapter = admin.useAdapter();
22717
22691
  const [products2, setProducts] = React2.useState([]);
@@ -22752,7 +22726,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22752
22726
  type: "text",
22753
22727
  header: "Name",
22754
22728
  accessorKey: "name",
22755
- format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: value })
22729
+ format: (value) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: value })
22756
22730
  },
22757
22731
  {
22758
22732
  type: "text",
@@ -22783,7 +22757,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22783
22757
  )
22784
22758
  }
22785
22759
  ];
22786
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
22760
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
22787
22761
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full sm:w-80", children: [
22788
22762
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
22789
22763
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22803,17 +22777,19 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22803
22777
  const totalRows = table.getFilteredRowModel().rows.length;
22804
22778
  const startRow = pageIndex * pageSize + 1;
22805
22779
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
22806
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
22807
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
22808
- "Showing ",
22809
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
22780
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
22781
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
22782
+ "Showing",
22783
+ " ",
22784
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
22785
+ " to",
22810
22786
  " ",
22811
- "to ",
22812
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
22787
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
22813
22788
  " of",
22814
22789
  " ",
22815
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
22816
- " results"
22790
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
22791
+ " ",
22792
+ "results"
22817
22793
  ] }),
22818
22794
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
22819
22795
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -22840,13 +22816,12 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22840
22816
  ] });
22841
22817
  };
22842
22818
  if (loading) {
22843
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22819
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22844
22820
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Products" }),
22845
22821
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
22846
22822
  ] });
22847
22823
  }
22848
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
22849
- /* @__PURE__ */ jsxRuntime.jsx("style", { children: contentManagerStyles$2 }),
22824
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
22850
22825
  /* @__PURE__ */ jsxRuntime.jsx(
22851
22826
  admin.PageHeader,
22852
22827
  {
@@ -22863,7 +22838,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22863
22838
  ] })
22864
22839
  }
22865
22840
  ),
22866
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22841
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
22867
22842
  components$1.DataTable,
22868
22843
  {
22869
22844
  data: filtered,
@@ -22885,14 +22860,6 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22885
22860
  __proto__: null,
22886
22861
  default: ProductsPage
22887
22862
  }, Symbol.toStringTag, { value: "Module" }));
22888
- const contentManagerStyles$1 = `
22889
- .table-row-hover:hover td {
22890
- background-color: #F9FAFB;
22891
- }
22892
- .table-row-hover.group:hover td {
22893
- background-color: #F9FAFB;
22894
- }
22895
- `;
22896
22863
  function getStatusVariant$1(status) {
22897
22864
  switch (status) {
22898
22865
  case "active":
@@ -22987,7 +22954,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
22987
22954
  ) : null
22988
22955
  }
22989
22956
  ];
22990
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
22957
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
22991
22958
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsxs(components$1.Select, { value: statusFilter, onValueChange: setStatusFilter, children: [
22992
22959
  /* @__PURE__ */ jsxRuntime.jsx(components$1.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(components$1.SelectValue, { placeholder: "Filter by status" }) }),
22993
22960
  /* @__PURE__ */ jsxRuntime.jsxs(components$1.SelectContent, { children: [
@@ -23006,17 +22973,19 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23006
22973
  const totalRows = table.getFilteredRowModel().rows.length;
23007
22974
  const startRow = pageIndex * pageSize + 1;
23008
22975
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
23009
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
23010
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
23011
- "Showing ",
23012
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
22976
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
22977
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
22978
+ "Showing",
22979
+ " ",
22980
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
22981
+ " to",
23013
22982
  " ",
23014
- "to ",
23015
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
22983
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
23016
22984
  " of",
23017
22985
  " ",
23018
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
23019
- " results"
22986
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
22987
+ " ",
22988
+ "results"
23020
22989
  ] }),
23021
22990
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
23022
22991
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -23043,13 +23012,12 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23043
23012
  ] });
23044
23013
  };
23045
23014
  if (loading) {
23046
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23015
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23047
23016
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Subscriptions" }),
23048
23017
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
23049
23018
  ] });
23050
23019
  }
23051
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23052
- /* @__PURE__ */ jsxRuntime.jsx("style", { children: contentManagerStyles$1 }),
23020
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23053
23021
  /* @__PURE__ */ jsxRuntime.jsx(
23054
23022
  admin.PageHeader,
23055
23023
  {
@@ -23057,7 +23025,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23057
23025
  description: `${subscriptions2.length} subscription(s) total.`
23058
23026
  }
23059
23027
  ),
23060
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23028
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23061
23029
  components$1.DataTable,
23062
23030
  {
23063
23031
  data: filtered,
@@ -23079,14 +23047,6 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23079
23047
  __proto__: null,
23080
23048
  default: SubscriptionsPage
23081
23049
  }, Symbol.toStringTag, { value: "Module" }));
23082
- const contentManagerStyles = `
23083
- .table-row-hover:hover td {
23084
- background-color: #F9FAFB;
23085
- }
23086
- .table-row-hover.group:hover td {
23087
- background-color: #F9FAFB;
23088
- }
23089
- `;
23090
23050
  function formatCurrency(cents, currency) {
23091
23051
  return `${currency.toUpperCase()} ${(cents / 100).toFixed(2)}`;
23092
23052
  }
@@ -23173,7 +23133,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23173
23133
  ) : null
23174
23134
  }
23175
23135
  ];
23176
- const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none bg-white border-b border-gray-200", children: [
23136
+ const renderToolbar = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col sm:flex-row gap-3 items-center justify-between flex-none border-b border-border bg-background", children: [
23177
23137
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsxs(components$1.Select, { value: statusFilter, onValueChange: setStatusFilter, children: [
23178
23138
  /* @__PURE__ */ jsxRuntime.jsx(components$1.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(components$1.SelectValue, { placeholder: "Filter by status" }) }),
23179
23139
  /* @__PURE__ */ jsxRuntime.jsxs(components$1.SelectContent, { children: [
@@ -23190,17 +23150,19 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23190
23150
  const totalRows = table.getFilteredRowModel().rows.length;
23191
23151
  const startRow = pageIndex * pageSize + 1;
23192
23152
  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
23193
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-gray-200 bg-white flex items-center justify-between", children: [
23194
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
23195
- "Showing ",
23196
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: startRow }),
23153
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none px-6 py-4 border-t border-border bg-background flex items-center justify-between", children: [
23154
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground", children: [
23155
+ "Showing",
23156
+ " ",
23157
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: startRow }),
23158
+ " to",
23197
23159
  " ",
23198
- "to ",
23199
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: endRow }),
23160
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: endRow }),
23200
23161
  " of",
23201
23162
  " ",
23202
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: totalRows }),
23203
- " results"
23163
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: totalRows }),
23164
+ " ",
23165
+ "results"
23204
23166
  ] }),
23205
23167
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
23206
23168
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -23227,13 +23189,12 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23227
23189
  ] });
23228
23190
  };
23229
23191
  if (loading) {
23230
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23192
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23231
23193
  /* @__PURE__ */ jsxRuntime.jsx(admin.PageHeader, { title: "Payments" }),
23232
23194
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-6", children: /* @__PURE__ */ jsxRuntime.jsx(components$1.Skeleton, { className: "h-96 w-full" }) })
23233
23195
  ] });
23234
23196
  }
23235
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white h-full relative overflow-hidden", children: [
23236
- /* @__PURE__ */ jsxRuntime.jsx("style", { children: contentManagerStyles }),
23197
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-background h-full relative overflow-hidden", children: [
23237
23198
  /* @__PURE__ */ jsxRuntime.jsx(
23238
23199
  admin.PageHeader,
23239
23200
  {
@@ -23241,7 +23202,7 @@ var MagnetPluginStripe = (function(exports, jsxRuntime, admin, components$1, Rea
23241
23202
  description: `${payments2.length} payment(s) total.`
23242
23203
  }
23243
23204
  ),
23244
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23205
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
23245
23206
  components$1.DataTable,
23246
23207
  {
23247
23208
  data: filtered,