@burdenoff/microfe-store 2026.510.113

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 (141) hide show
  1. package/README.md +217 -0
  2. package/dist/StoreAdminRoot.d.ts +22 -0
  3. package/dist/StoreAdminRoot.js +23 -0
  4. package/dist/StoreAdminRoot.js.map +1 -0
  5. package/dist/StoreAdminRoutes.d.ts +9 -0
  6. package/dist/StoreAdminRoutes.js +69 -0
  7. package/dist/StoreAdminRoutes.js.map +1 -0
  8. package/dist/StoreRoot.d.ts +31 -0
  9. package/dist/StoreRoot.js +139 -0
  10. package/dist/StoreRoot.js.map +1 -0
  11. package/dist/StoreRoutes.d.ts +12 -0
  12. package/dist/StoreRoutes.js +285 -0
  13. package/dist/StoreRoutes.js.map +1 -0
  14. package/dist/components/InstallAppModal.d.ts +26 -0
  15. package/dist/components/InstallAppModal.js +287 -0
  16. package/dist/components/InstallAppModal.js.map +1 -0
  17. package/dist/components/RouteGuards.d.ts +17 -0
  18. package/dist/components/RouteGuards.js +26 -0
  19. package/dist/components/RouteGuards.js.map +1 -0
  20. package/dist/components/cart/CartDrawer.d.ts +35 -0
  21. package/dist/components/cart/CartDrawer.js +162 -0
  22. package/dist/components/cart/CartDrawer.js.map +1 -0
  23. package/dist/components/index.d.ts +9 -0
  24. package/dist/components/index.js +3 -0
  25. package/dist/components/marketplace/ProductCard.d.ts +18 -0
  26. package/dist/components/marketplace/ProductCard.js +2 -0
  27. package/dist/dev/main.d.ts +1 -0
  28. package/dist/generated/global-operations.d.ts +2012 -0
  29. package/dist/generated/global-operations.js +1444 -0
  30. package/dist/generated/global-operations.js.map +1 -0
  31. package/dist/generated/global-types.d.ts +20856 -0
  32. package/dist/generated/global-types.js +14 -0
  33. package/dist/generated/global-types.js.map +1 -0
  34. package/dist/generated/wspace-operations.d.ts +1 -0
  35. package/dist/generated/wspace-types.d.ts +53362 -0
  36. package/dist/hooks/index.d.ts +12 -0
  37. package/dist/hooks/useBackendCart.d.ts +73 -0
  38. package/dist/hooks/useBackendCart.js +171 -0
  39. package/dist/hooks/useBackendCart.js.map +1 -0
  40. package/dist/hooks/useCart.d.ts +62 -0
  41. package/dist/hooks/useCart.js +90 -0
  42. package/dist/hooks/useCart.js.map +1 -0
  43. package/dist/hooks/useInstallations.d.ts +43 -0
  44. package/dist/hooks/useInstallations.js +140 -0
  45. package/dist/hooks/useInstallations.js.map +1 -0
  46. package/dist/hooks/useOrders.d.ts +40 -0
  47. package/dist/hooks/useOrders.js +73 -0
  48. package/dist/hooks/useOrders.js.map +1 -0
  49. package/dist/hooks/useProductSearch.d.ts +22 -0
  50. package/dist/hooks/useProductSearch.js +59 -0
  51. package/dist/hooks/useProductSearch.js.map +1 -0
  52. package/dist/hooks/useStoreGraphQL.d.ts +475 -0
  53. package/dist/hooks/useStoreGraphQL.js +751 -0
  54. package/dist/hooks/useStoreGraphQL.js.map +1 -0
  55. package/dist/hooks/useStoreGraphQLWithContext.d.ts +48 -0
  56. package/dist/hooks/useStoreGraphQLWithContext.js +39 -0
  57. package/dist/hooks/useStoreGraphQLWithContext.js.map +1 -0
  58. package/dist/hooks/useStorePermissions.d.ts +63 -0
  59. package/dist/hooks/useStorePermissions.js +88 -0
  60. package/dist/hooks/useStorePermissions.js.map +1 -0
  61. package/dist/index.d.ts +44 -0
  62. package/dist/index.js +13 -0
  63. package/dist/pages/AdminDashboardPage.d.ts +3 -0
  64. package/dist/pages/AdminDashboardPage.js +491 -0
  65. package/dist/pages/AdminDashboardPage.js.map +1 -0
  66. package/dist/pages/AdminReviewModerationPage.d.ts +3 -0
  67. package/dist/pages/AdminReviewModerationPage.js +247 -0
  68. package/dist/pages/AdminReviewModerationPage.js.map +1 -0
  69. package/dist/pages/AdminStoresPage.d.ts +3 -0
  70. package/dist/pages/AdminStoresPage.js +442 -0
  71. package/dist/pages/AdminStoresPage.js.map +1 -0
  72. package/dist/pages/AdminSubmissionsQueuePage.d.ts +3 -0
  73. package/dist/pages/AdminSubmissionsQueuePage.js +387 -0
  74. package/dist/pages/AdminSubmissionsQueuePage.js.map +1 -0
  75. package/dist/pages/AppDetailPage.d.ts +3 -0
  76. package/dist/pages/AppDetailPage.js +166 -0
  77. package/dist/pages/AppDetailPage.js.map +1 -0
  78. package/dist/pages/AppSettingsPage.d.ts +3 -0
  79. package/dist/pages/AppSettingsPage.js +100 -0
  80. package/dist/pages/AppSettingsPage.js.map +1 -0
  81. package/dist/pages/CartPage.d.ts +8 -0
  82. package/dist/pages/CartPage.js +259 -0
  83. package/dist/pages/CartPage.js.map +1 -0
  84. package/dist/pages/InstalledAppsPage.d.ts +8 -0
  85. package/dist/pages/InstalledAppsPage.js +290 -0
  86. package/dist/pages/InstalledAppsPage.js.map +1 -0
  87. package/dist/pages/MarketplaceHomePage.d.ts +3 -0
  88. package/dist/pages/MarketplaceHomePage.js +1118 -0
  89. package/dist/pages/MarketplaceHomePage.js.map +1 -0
  90. package/dist/pages/MyLicensesPage.d.ts +3 -0
  91. package/dist/pages/MyLicensesPage.js +146 -0
  92. package/dist/pages/MyLicensesPage.js.map +1 -0
  93. package/dist/pages/OrderConfirmationPage.d.ts +3 -0
  94. package/dist/pages/OrderConfirmationPage.js +178 -0
  95. package/dist/pages/OrderConfirmationPage.js.map +1 -0
  96. package/dist/pages/OrdersPage.d.ts +8 -0
  97. package/dist/pages/OrdersPage.js +358 -0
  98. package/dist/pages/OrdersPage.js.map +1 -0
  99. package/dist/pages/ProductCategoryPage.d.ts +3 -0
  100. package/dist/pages/ProductCategoryPage.js +83 -0
  101. package/dist/pages/ProductCategoryPage.js.map +1 -0
  102. package/dist/pages/ProductDetailPage.d.ts +8 -0
  103. package/dist/pages/ProductDetailPage.js +1205 -0
  104. package/dist/pages/ProductDetailPage.js.map +1 -0
  105. package/dist/pages/ProductReviewsPage.d.ts +3 -0
  106. package/dist/pages/ProductReviewsPage.js +86 -0
  107. package/dist/pages/ProductReviewsPage.js.map +1 -0
  108. package/dist/pages/PublisherDashboardPage.d.ts +3 -0
  109. package/dist/pages/PublisherDashboardPage.js +154 -0
  110. package/dist/pages/PublisherDashboardPage.js.map +1 -0
  111. package/dist/pages/PublisherRevenuePage.d.ts +3 -0
  112. package/dist/pages/PublisherRevenuePage.js +138 -0
  113. package/dist/pages/PublisherRevenuePage.js.map +1 -0
  114. package/dist/pages/PublisherSubmissionsPage.d.ts +3 -0
  115. package/dist/pages/PublisherSubmissionsPage.js +174 -0
  116. package/dist/pages/PublisherSubmissionsPage.js.map +1 -0
  117. package/dist/pages/PublisherSubmitPage.d.ts +3 -0
  118. package/dist/pages/PublisherSubmitPage.js +224 -0
  119. package/dist/pages/PublisherSubmitPage.js.map +1 -0
  120. package/dist/pages/SearchResultsPage.d.ts +3 -0
  121. package/dist/pages/SearchResultsPage.js +125 -0
  122. package/dist/pages/SearchResultsPage.js.map +1 -0
  123. package/dist/pages/StoresPage.d.ts +3 -0
  124. package/dist/pages/StoresPage.js +154 -0
  125. package/dist/pages/StoresPage.js.map +1 -0
  126. package/dist/providers/StoreProvider.d.ts +38 -0
  127. package/dist/providers/StoreProvider.js +51 -0
  128. package/dist/providers/StoreProvider.js.map +1 -0
  129. package/dist/store/storeStore.d.ts +69 -0
  130. package/dist/store/storeStore.js +68 -0
  131. package/dist/store/storeStore.js.map +1 -0
  132. package/dist/translations/en.d.ts +518 -0
  133. package/dist/translations/en.js +514 -0
  134. package/dist/translations/en.js.map +1 -0
  135. package/dist/types/index.d.ts +575 -0
  136. package/dist/utils/index.d.ts +67 -0
  137. package/dist/utils/index.js +114 -0
  138. package/dist/utils/index.js.map +1 -0
  139. package/dist/utils/nativeBridge.d.ts +2 -0
  140. package/dist/utils/nativeBridge.js +2 -0
  141. package/package.json +105 -0
@@ -0,0 +1,491 @@
1
+ import { useStore as e } from "../providers/StoreProvider.js";
2
+ import { useEffect as t, useState as n } from "react";
3
+ import { Check as r, CheckCircle as i, ChevronDown as a, ChevronUp as o, ExternalLink as s, LayoutDashboard as c, MessageSquareWarning as l, PackageCheck as u, RefreshCw as d, Store as f, Users as p, X as m, XCircle as h } from "lucide-react";
4
+ import { jsx as g, jsxs as _ } from "react/jsx-runtime";
5
+ import { useNavigate as v } from "react-router-dom";
6
+ import { graphqlFetch as y } from "@burdenoff/fe-libs/shared/graphql";
7
+ //#region src/pages/AdminDashboardPage.tsx
8
+ var b = "\n query AdminDashboardData {\n recentPending: pendingReviewProducts(limit: 5) {\n totalCount\n products {\n id\n slug\n name\n type\n nature\n category\n icon\n price\n currency\n pricingModel\n description\n submittedAt\n submittedBy\n publisher {\n name\n email\n }\n }\n }\n stores {\n id\n }\n recentPublished: products(filter: { status: PUBLISHED }, limit: 5) {\n id\n slug\n name\n icon\n status\n publishedAt\n reviewedBy\n }\n recentRejected: products(filter: { status: REJECTED }, limit: 5) {\n id\n slug\n name\n icon\n status\n reviewedAt\n rejectedReason\n }\n }\n", x = "\n mutation ApproveProduct($id: ID!) {\n approveProduct(id: $id) {\n id\n status\n }\n }\n", S = "\n mutation RejectProduct($id: ID!, $reason: String!) {\n rejectProduct(id: $id, reason: $reason) {\n id\n status\n }\n }\n", C = () => {
9
+ let C = v(), { authToken: w, basePath: T } = e(), [E, D] = n({
10
+ pendingCount: 0,
11
+ totalStores: 0,
12
+ recentPending: [],
13
+ recentPublished: [],
14
+ recentRejected: [],
15
+ loading: !0,
16
+ error: null
17
+ }), [O, k] = n(null), [A, j] = n(null), [M, N] = n(""), [P, F] = n(null), [I, L] = n(null), R = async () => {
18
+ D((e) => ({
19
+ ...e,
20
+ loading: !0,
21
+ error: null
22
+ }));
23
+ try {
24
+ let e = await y({
25
+ gateway: "global",
26
+ query: b,
27
+ authToken: w || void 0
28
+ });
29
+ if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load dashboard");
30
+ D({
31
+ pendingCount: e.data?.recentPending.totalCount ?? 0,
32
+ totalStores: e.data?.stores.length ?? 0,
33
+ recentPending: e.data?.recentPending.products ?? [],
34
+ recentPublished: e.data?.recentPublished ?? [],
35
+ recentRejected: e.data?.recentRejected ?? [],
36
+ loading: !1,
37
+ error: null
38
+ });
39
+ } catch (e) {
40
+ D((t) => ({
41
+ ...t,
42
+ loading: !1,
43
+ error: e instanceof Error ? e.message : "Failed to load dashboard"
44
+ }));
45
+ }
46
+ };
47
+ t(() => {
48
+ R();
49
+ }, [w]);
50
+ let z = async (e) => {
51
+ k(e), F(null);
52
+ try {
53
+ let t = await y({
54
+ gateway: "global",
55
+ query: x,
56
+ variables: { id: e },
57
+ authToken: w || void 0
58
+ });
59
+ if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
60
+ await R();
61
+ } catch (e) {
62
+ F(e instanceof Error ? e.message : "Approval failed");
63
+ } finally {
64
+ k(null);
65
+ }
66
+ }, B = async (e) => {
67
+ if (M.trim()) {
68
+ k(e), F(null);
69
+ try {
70
+ let t = await y({
71
+ gateway: "global",
72
+ query: S,
73
+ variables: {
74
+ id: e,
75
+ reason: M.trim()
76
+ },
77
+ authToken: w || void 0
78
+ });
79
+ if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
80
+ j(null), N(""), await R();
81
+ } catch (e) {
82
+ F(e instanceof Error ? e.message : "Rejection failed");
83
+ } finally {
84
+ k(null);
85
+ }
86
+ }
87
+ }, V = (e, t, n) => n === "FREE" ? "Free" : new Intl.NumberFormat(void 0, {
88
+ style: "currency",
89
+ currency: t || "USD"
90
+ }).format(e), H = (e) => e ? new Date(e).toLocaleDateString(void 0, {
91
+ month: "short",
92
+ day: "numeric",
93
+ year: "numeric"
94
+ }) : "—", U = [
95
+ {
96
+ label: "Pending submissions",
97
+ value: E.pendingCount,
98
+ icon: u,
99
+ href: `${T}/submissions`
100
+ },
101
+ {
102
+ label: "Stores in registry",
103
+ value: E.totalStores,
104
+ icon: f,
105
+ href: `${T}/stores`
106
+ },
107
+ {
108
+ label: "Review queue",
109
+ value: "—",
110
+ icon: l,
111
+ href: `${T}/reviews`
112
+ },
113
+ {
114
+ label: "Publishers",
115
+ value: "—",
116
+ icon: p,
117
+ href: `${T}/dashboard`
118
+ }
119
+ ];
120
+ return /* @__PURE__ */ _("div", {
121
+ className: "min-h-screen bg-surface-default",
122
+ children: [/* @__PURE__ */ g("header", {
123
+ className: "border-b border-border-default bg-surface-raised",
124
+ children: /* @__PURE__ */ _("div", {
125
+ className: "mx-auto max-w-7xl px-6 py-4",
126
+ children: [/* @__PURE__ */ _("div", {
127
+ className: "flex items-center justify-between",
128
+ children: [/* @__PURE__ */ _("div", {
129
+ className: "flex items-center gap-2",
130
+ children: [/* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ g("h1", {
131
+ className: "text-xl font-semibold text-text-primary",
132
+ children: "Store admin dashboard"
133
+ })]
134
+ }), /* @__PURE__ */ _("button", {
135
+ type: "button",
136
+ onClick: () => void R(),
137
+ disabled: E.loading,
138
+ className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover disabled:opacity-60",
139
+ children: [/* @__PURE__ */ g(d, { className: `h-4 w-4 ${E.loading ? "animate-spin" : ""}` }), "Refresh"]
140
+ })]
141
+ }), /* @__PURE__ */ g("p", {
142
+ className: "mt-1 text-sm text-text-secondary",
143
+ children: "Manage store submissions, multi-store registry, and review moderation."
144
+ })]
145
+ })
146
+ }), /* @__PURE__ */ _("main", {
147
+ className: "mx-auto max-w-7xl space-y-6 px-6 py-6",
148
+ children: [
149
+ E.error && /* @__PURE__ */ g("div", {
150
+ role: "alert",
151
+ className: "rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
152
+ children: E.error
153
+ }),
154
+ /* @__PURE__ */ g("div", {
155
+ className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
156
+ children: U.map((e) => {
157
+ let t = e.icon;
158
+ return /* @__PURE__ */ _("button", {
159
+ type: "button",
160
+ onClick: () => C(e.href),
161
+ className: "rounded-lg border border-border-default bg-surface-raised p-4 text-left transition-colors hover:bg-surface-hover",
162
+ children: [/* @__PURE__ */ _("div", {
163
+ className: "flex items-center justify-between",
164
+ children: [/* @__PURE__ */ g("span", {
165
+ className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
166
+ children: e.label
167
+ }), /* @__PURE__ */ g(t, { className: "h-4 w-4 text-text-tertiary" })]
168
+ }), /* @__PURE__ */ g("div", {
169
+ className: "mt-2 text-3xl font-semibold text-text-primary",
170
+ children: E.loading ? "…" : e.value
171
+ })]
172
+ }, e.label);
173
+ })
174
+ }),
175
+ /* @__PURE__ */ _("section", { children: [
176
+ /* @__PURE__ */ _("div", {
177
+ className: "mb-3 flex items-center justify-between",
178
+ children: [/* @__PURE__ */ g("h2", {
179
+ className: "text-sm font-semibold text-text-primary",
180
+ children: "Recent Submissions"
181
+ }), /* @__PURE__ */ _("button", {
182
+ type: "button",
183
+ onClick: () => C(`${T}/submissions`),
184
+ className: "inline-flex items-center gap-1 text-xs text-text-accent hover:underline",
185
+ children: ["View all", /* @__PURE__ */ g(s, { className: "h-3 w-3" })]
186
+ })]
187
+ }),
188
+ P && /* @__PURE__ */ g("div", {
189
+ role: "alert",
190
+ className: "mb-3 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-2 text-sm text-text-danger",
191
+ children: P
192
+ }),
193
+ E.loading ? /* @__PURE__ */ g("div", {
194
+ className: "rounded-lg border border-border-default bg-surface-raised py-10 text-center text-sm text-text-secondary",
195
+ children: "Loading…"
196
+ }) : E.recentPending.length === 0 ? /* @__PURE__ */ g("div", {
197
+ className: "rounded-lg border border-border-default bg-surface-raised py-10 text-center text-sm text-text-secondary",
198
+ children: "No pending submissions."
199
+ }) : /* @__PURE__ */ g("ul", {
200
+ className: "space-y-2",
201
+ children: E.recentPending.map((e) => /* @__PURE__ */ _("li", {
202
+ className: "overflow-hidden rounded-lg border border-border-default bg-surface-raised",
203
+ children: [
204
+ /* @__PURE__ */ _("div", {
205
+ className: "flex items-center gap-3 px-4 py-3",
206
+ children: [
207
+ e.icon ? /* @__PURE__ */ g("img", {
208
+ src: e.icon,
209
+ alt: "",
210
+ className: "h-10 w-10 flex-shrink-0 rounded-md object-cover"
211
+ }) : /* @__PURE__ */ g("div", {
212
+ className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
213
+ children: e.type.slice(0, 2)
214
+ }),
215
+ /* @__PURE__ */ _("div", {
216
+ className: "min-w-0 flex-1",
217
+ children: [/* @__PURE__ */ g("p", {
218
+ className: "truncate text-sm font-medium text-text-primary",
219
+ children: e.name
220
+ }), /* @__PURE__ */ _("p", {
221
+ className: "text-xs text-text-secondary",
222
+ children: [
223
+ e.publisher?.name ?? "Unknown publisher",
224
+ " ·",
225
+ " ",
226
+ V(e.price, e.currency, e.pricingModel),
227
+ " ·",
228
+ " ",
229
+ H(e.submittedAt)
230
+ ]
231
+ })]
232
+ }),
233
+ /* @__PURE__ */ _("div", {
234
+ className: "flex flex-shrink-0 items-center gap-2",
235
+ children: [
236
+ /* @__PURE__ */ _("button", {
237
+ type: "button",
238
+ onClick: () => L(I === e.id ? null : e.id),
239
+ className: "inline-flex items-center gap-1 rounded-md border border-border-default px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover",
240
+ children: [I === e.id ? /* @__PURE__ */ g(o, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ g(a, { className: "h-3.5 w-3.5" }), "Details"]
241
+ }),
242
+ /* @__PURE__ */ _("button", {
243
+ type: "button",
244
+ onClick: () => void z(e.id),
245
+ disabled: O === e.id,
246
+ className: "inline-flex items-center gap-1 rounded-md bg-surface-success px-3 py-1.5 text-xs font-medium text-text-on-success hover:bg-surface-success-hover disabled:opacity-60",
247
+ children: [/* @__PURE__ */ g(r, { className: "h-3.5 w-3.5" }), "Approve"]
248
+ }),
249
+ /* @__PURE__ */ _("button", {
250
+ type: "button",
251
+ onClick: () => {
252
+ j(e.id), N(""), F(null);
253
+ },
254
+ disabled: O === e.id,
255
+ className: "inline-flex items-center gap-1 rounded-md border border-border-danger bg-surface-danger-muted px-3 py-1.5 text-xs font-medium text-text-danger hover:bg-surface-danger hover:text-text-on-danger disabled:opacity-60",
256
+ children: [/* @__PURE__ */ g(m, { className: "h-3.5 w-3.5" }), "Reject"]
257
+ })
258
+ ]
259
+ })
260
+ ]
261
+ }),
262
+ I === e.id && /* @__PURE__ */ g("div", {
263
+ className: "border-t border-border-default bg-surface-muted px-4 py-4",
264
+ children: /* @__PURE__ */ _("dl", {
265
+ className: "grid grid-cols-2 gap-x-6 gap-y-3 text-xs sm:grid-cols-3",
266
+ children: [
267
+ /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
268
+ className: "font-medium text-text-secondary",
269
+ children: "Slug"
270
+ }), /* @__PURE__ */ g("dd", {
271
+ className: "mt-0.5 font-mono text-text-primary",
272
+ children: e.slug
273
+ })] }),
274
+ /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
275
+ className: "font-medium text-text-secondary",
276
+ children: "Type"
277
+ }), /* @__PURE__ */ g("dd", {
278
+ className: "mt-0.5 text-text-primary",
279
+ children: e.type
280
+ })] }),
281
+ e.nature && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
282
+ className: "font-medium text-text-secondary",
283
+ children: "Nature"
284
+ }), /* @__PURE__ */ g("dd", {
285
+ className: "mt-0.5 text-text-primary",
286
+ children: e.nature
287
+ })] }),
288
+ e.category && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
289
+ className: "font-medium text-text-secondary",
290
+ children: "Category"
291
+ }), /* @__PURE__ */ g("dd", {
292
+ className: "mt-0.5 text-text-primary",
293
+ children: e.category
294
+ })] }),
295
+ /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
296
+ className: "font-medium text-text-secondary",
297
+ children: "Pricing"
298
+ }), /* @__PURE__ */ _("dd", {
299
+ className: "mt-0.5 text-text-primary",
300
+ children: [
301
+ V(e.price, e.currency, e.pricingModel),
302
+ " ",
303
+ /* @__PURE__ */ _("span", {
304
+ className: "text-text-tertiary",
305
+ children: [
306
+ "(",
307
+ e.pricingModel,
308
+ ")"
309
+ ]
310
+ })
311
+ ]
312
+ })] }),
313
+ /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
314
+ className: "font-medium text-text-secondary",
315
+ children: "Publisher"
316
+ }), /* @__PURE__ */ _("dd", {
317
+ className: "mt-0.5 text-text-primary",
318
+ children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ g("span", {
319
+ className: "block text-text-tertiary",
320
+ children: e.publisher.email
321
+ })]
322
+ })] }),
323
+ e.submittedBy && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
324
+ className: "font-medium text-text-secondary",
325
+ children: "Submitted by"
326
+ }), /* @__PURE__ */ g("dd", {
327
+ className: "mt-0.5 font-mono text-text-primary",
328
+ children: e.submittedBy
329
+ })] }),
330
+ /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
331
+ className: "font-medium text-text-secondary",
332
+ children: "Submitted at"
333
+ }), /* @__PURE__ */ g("dd", {
334
+ className: "mt-0.5 text-text-primary",
335
+ children: H(e.submittedAt)
336
+ })] }),
337
+ e.description && /* @__PURE__ */ _("div", {
338
+ className: "col-span-2 sm:col-span-3",
339
+ children: [/* @__PURE__ */ g("dt", {
340
+ className: "font-medium text-text-secondary",
341
+ children: "Description"
342
+ }), /* @__PURE__ */ g("dd", {
343
+ className: "mt-0.5 text-text-primary",
344
+ children: e.description
345
+ })]
346
+ })
347
+ ]
348
+ })
349
+ }),
350
+ A === e.id && /* @__PURE__ */ _("div", {
351
+ className: "border-t border-border-default bg-surface-muted px-4 py-3",
352
+ children: [
353
+ /* @__PURE__ */ g("label", {
354
+ htmlFor: `reject-reason-${e.id}`,
355
+ className: "block text-xs font-medium text-text-secondary",
356
+ children: "Rejection reason (required)"
357
+ }),
358
+ /* @__PURE__ */ g("textarea", {
359
+ id: `reject-reason-${e.id}`,
360
+ value: M,
361
+ onChange: (e) => N(e.target.value),
362
+ rows: 2,
363
+ className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-2 text-sm text-text-primary focus:border-border-accent focus:outline-none",
364
+ placeholder: "Explain why this submission is being rejected…"
365
+ }),
366
+ /* @__PURE__ */ _("div", {
367
+ className: "mt-2 flex justify-end gap-2",
368
+ children: [/* @__PURE__ */ g("button", {
369
+ type: "button",
370
+ onClick: () => {
371
+ j(null), N("");
372
+ },
373
+ className: "rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover",
374
+ children: "Cancel"
375
+ }), /* @__PURE__ */ g("button", {
376
+ type: "button",
377
+ onClick: () => void B(e.id),
378
+ disabled: !M.trim() || O === e.id,
379
+ className: "rounded-md bg-surface-danger px-3 py-1 text-xs font-medium text-text-on-danger hover:bg-surface-danger-hover disabled:opacity-60",
380
+ children: "Submit rejection"
381
+ })]
382
+ })
383
+ ]
384
+ })
385
+ ]
386
+ }, e.id))
387
+ })
388
+ ] }),
389
+ /* @__PURE__ */ _("section", { children: [/* @__PURE__ */ g("h2", {
390
+ className: "mb-3 text-sm font-semibold text-text-primary",
391
+ children: "Recent Activity"
392
+ }), /* @__PURE__ */ _("div", {
393
+ className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
394
+ children: [/* @__PURE__ */ _("div", {
395
+ className: "rounded-lg border border-border-default bg-surface-raised",
396
+ children: [/* @__PURE__ */ _("div", {
397
+ className: "flex items-center gap-2 border-b border-border-default px-4 py-3",
398
+ children: [/* @__PURE__ */ g(i, { className: "h-4 w-4 text-text-success" }), /* @__PURE__ */ g("h3", {
399
+ className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
400
+ children: "Recently Approved"
401
+ })]
402
+ }), E.loading ? /* @__PURE__ */ g("p", {
403
+ className: "px-4 py-6 text-center text-sm text-text-secondary",
404
+ children: "Loading…"
405
+ }) : E.recentPublished.length === 0 ? /* @__PURE__ */ g("p", {
406
+ className: "px-4 py-6 text-center text-sm text-text-secondary",
407
+ children: "No approved products yet."
408
+ }) : /* @__PURE__ */ g("ul", {
409
+ className: "divide-y divide-border-default",
410
+ children: E.recentPublished.map((e) => /* @__PURE__ */ _("li", {
411
+ className: "flex items-center gap-3 px-4 py-3",
412
+ children: [
413
+ e.icon ? /* @__PURE__ */ g("img", {
414
+ src: e.icon,
415
+ alt: "",
416
+ className: "h-8 w-8 flex-shrink-0 rounded-md object-cover"
417
+ }) : /* @__PURE__ */ g("div", {
418
+ className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
419
+ children: "—"
420
+ }),
421
+ /* @__PURE__ */ _("div", {
422
+ className: "min-w-0 flex-1",
423
+ children: [/* @__PURE__ */ g("p", {
424
+ className: "truncate text-sm font-medium text-text-primary",
425
+ children: e.name
426
+ }), /* @__PURE__ */ _("p", {
427
+ className: "text-xs text-text-secondary",
428
+ children: [e.reviewedBy ? `by ${e.reviewedBy} · ` : "", H(e.publishedAt)]
429
+ })]
430
+ }),
431
+ /* @__PURE__ */ g("span", {
432
+ className: "flex-shrink-0 rounded-full bg-surface-success-muted px-2 py-0.5 text-xs font-medium text-text-success",
433
+ children: "Published"
434
+ })
435
+ ]
436
+ }, e.id))
437
+ })]
438
+ }), /* @__PURE__ */ _("div", {
439
+ className: "rounded-lg border border-border-default bg-surface-raised",
440
+ children: [/* @__PURE__ */ _("div", {
441
+ className: "flex items-center gap-2 border-b border-border-default px-4 py-3",
442
+ children: [/* @__PURE__ */ g(h, { className: "h-4 w-4 text-text-danger" }), /* @__PURE__ */ g("h3", {
443
+ className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
444
+ children: "Recently Rejected"
445
+ })]
446
+ }), E.loading ? /* @__PURE__ */ g("p", {
447
+ className: "px-4 py-6 text-center text-sm text-text-secondary",
448
+ children: "Loading…"
449
+ }) : E.recentRejected.length === 0 ? /* @__PURE__ */ g("p", {
450
+ className: "px-4 py-6 text-center text-sm text-text-secondary",
451
+ children: "No rejected products yet."
452
+ }) : /* @__PURE__ */ g("ul", {
453
+ className: "divide-y divide-border-default",
454
+ children: E.recentRejected.map((e) => /* @__PURE__ */ _("li", {
455
+ className: "flex items-center gap-3 px-4 py-3",
456
+ children: [
457
+ e.icon ? /* @__PURE__ */ g("img", {
458
+ src: e.icon,
459
+ alt: "",
460
+ className: "h-8 w-8 flex-shrink-0 rounded-md object-cover"
461
+ }) : /* @__PURE__ */ g("div", {
462
+ className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
463
+ children: "—"
464
+ }),
465
+ /* @__PURE__ */ _("div", {
466
+ className: "min-w-0 flex-1",
467
+ children: [/* @__PURE__ */ g("p", {
468
+ className: "truncate text-sm font-medium text-text-primary",
469
+ children: e.name
470
+ }), /* @__PURE__ */ _("p", {
471
+ className: "truncate text-xs text-text-secondary",
472
+ children: [e.rejectedReason ? `"${e.rejectedReason}" · ` : "", H(e.reviewedAt)]
473
+ })]
474
+ }),
475
+ /* @__PURE__ */ g("span", {
476
+ className: "flex-shrink-0 rounded-full bg-surface-danger-muted px-2 py-0.5 text-xs font-medium text-text-danger",
477
+ children: "Rejected"
478
+ })
479
+ ]
480
+ }, e.id))
481
+ })]
482
+ })]
483
+ })] })
484
+ ]
485
+ })]
486
+ });
487
+ };
488
+ //#endregion
489
+ export { C as AdminDashboardPage };
490
+
491
+ //# sourceMappingURL=AdminDashboardPage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AdminDashboardPage.js","names":[],"sources":["../../src/pages/AdminDashboardPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n LayoutDashboard,\n PackageCheck,\n Store as StoreIcon,\n MessageSquareWarning,\n Users,\n Check,\n X,\n ExternalLink,\n CheckCircle,\n XCircle,\n RefreshCw,\n ChevronDown,\n ChevronUp,\n} from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useNavigate } from 'react-router-dom';\nimport { useStore } from '../providers/StoreProvider';\n\ntype RecentProduct = {\n id: string;\n slug: string;\n name: string;\n type: string;\n nature?: string | null;\n category?: string | null;\n icon?: string | null;\n price: number;\n currency: string;\n pricingModel: string;\n description?: string | null;\n submittedAt?: string | null;\n submittedBy?: string | null;\n publisher?: { name: string; email: string } | null;\n};\n\ntype ActivityProduct = {\n id: string;\n slug: string;\n name: string;\n icon?: string | null;\n status: string;\n publishedAt?: string | null;\n reviewedAt?: string | null;\n reviewedBy?: string | null;\n rejectedReason?: string | null;\n};\n\ntype DashboardState = {\n pendingCount: number;\n totalStores: number;\n recentPending: RecentProduct[];\n recentPublished: ActivityProduct[];\n recentRejected: ActivityProduct[];\n loading: boolean;\n error: string | null;\n};\n\nconst DASHBOARD_QUERY = /* GraphQL */ `\n query AdminDashboardData {\n recentPending: pendingReviewProducts(limit: 5) {\n totalCount\n products {\n id\n slug\n name\n type\n nature\n category\n icon\n price\n currency\n pricingModel\n description\n submittedAt\n submittedBy\n publisher {\n name\n email\n }\n }\n }\n stores {\n id\n }\n recentPublished: products(filter: { status: PUBLISHED }, limit: 5) {\n id\n slug\n name\n icon\n status\n publishedAt\n reviewedBy\n }\n recentRejected: products(filter: { status: REJECTED }, limit: 5) {\n id\n slug\n name\n icon\n status\n reviewedAt\n rejectedReason\n }\n }\n`;\n\nconst APPROVE_MUTATION = /* GraphQL */ `\n mutation ApproveProduct($id: ID!) {\n approveProduct(id: $id) {\n id\n status\n }\n }\n`;\n\nconst REJECT_MUTATION = /* GraphQL */ `\n mutation RejectProduct($id: ID!, $reason: String!) {\n rejectProduct(id: $id, reason: $reason) {\n id\n status\n }\n }\n`;\n\nexport const AdminDashboardPage: FC = () => {\n const navigate = useNavigate();\n const { authToken, basePath } = useStore();\n\n const [state, setState] = useState<DashboardState>({\n pendingCount: 0,\n totalStores: 0,\n recentPending: [],\n recentPublished: [],\n recentRejected: [],\n loading: true,\n error: null,\n });\n const [actingId, setActingId] = useState<string | null>(null);\n const [rejectingId, setRejectingId] = useState<string | null>(null);\n const [rejectReason, setRejectReason] = useState('');\n const [actionError, setActionError] = useState<string | null>(null);\n const [viewingId, setViewingId] = useState<string | null>(null);\n\n const load = async () => {\n setState((prev) => ({ ...prev, loading: true, error: null }));\n try {\n const result = await graphqlFetch<{\n recentPending: { totalCount: number; products: RecentProduct[] };\n stores: Array<{ id: string }>;\n recentPublished: ActivityProduct[];\n recentRejected: ActivityProduct[];\n }>({\n gateway: 'global',\n query: DASHBOARD_QUERY,\n authToken: authToken || undefined,\n });\n if (result.errors?.length) {\n throw new Error(result.errors[0]?.message ?? 'Failed to load dashboard');\n }\n setState({\n pendingCount: result.data?.recentPending.totalCount ?? 0,\n totalStores: result.data?.stores.length ?? 0,\n recentPending: result.data?.recentPending.products ?? [],\n recentPublished: result.data?.recentPublished ?? [],\n recentRejected: result.data?.recentRejected ?? [],\n loading: false,\n error: null,\n });\n } catch (err) {\n setState((prev) => ({\n ...prev,\n loading: false,\n error: err instanceof Error ? err.message : 'Failed to load dashboard',\n }));\n }\n };\n\n useEffect(() => {\n void load();\n }, [authToken]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const approve = async (id: string) => {\n setActingId(id);\n setActionError(null);\n try {\n const result = await graphqlFetch({\n gateway: 'global',\n query: APPROVE_MUTATION,\n variables: { id },\n authToken: authToken || undefined,\n });\n if (result.errors?.length) {\n throw new Error(result.errors[0]?.message ?? 'Approval failed');\n }\n await load();\n } catch (err) {\n setActionError(err instanceof Error ? err.message : 'Approval failed');\n } finally {\n setActingId(null);\n }\n };\n\n const reject = async (id: string) => {\n if (!rejectReason.trim()) return;\n setActingId(id);\n setActionError(null);\n try {\n const result = await graphqlFetch({\n gateway: 'global',\n query: REJECT_MUTATION,\n variables: { id, reason: rejectReason.trim() },\n authToken: authToken || undefined,\n });\n if (result.errors?.length) {\n throw new Error(result.errors[0]?.message ?? 'Rejection failed');\n }\n setRejectingId(null);\n setRejectReason('');\n await load();\n } catch (err) {\n setActionError(err instanceof Error ? err.message : 'Rejection failed');\n } finally {\n setActingId(null);\n }\n };\n\n const formatPrice = (price: number, currency: string, model: string) => {\n if (model === 'FREE') return 'Free';\n return new Intl.NumberFormat(undefined, {\n style: 'currency',\n currency: currency || 'USD',\n }).format(price);\n };\n\n const formatDate = (iso?: string | null) => {\n if (!iso) return '—';\n return new Date(iso).toLocaleDateString(undefined, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n });\n };\n\n const kpiTiles = [\n {\n label: 'Pending submissions',\n value: state.pendingCount,\n icon: PackageCheck,\n href: `${basePath}/submissions`,\n },\n {\n label: 'Stores in registry',\n value: state.totalStores,\n icon: StoreIcon,\n href: `${basePath}/stores`,\n },\n {\n label: 'Review queue',\n value: '—',\n icon: MessageSquareWarning,\n href: `${basePath}/reviews`,\n },\n {\n label: 'Publishers',\n value: '—',\n icon: Users,\n href: `${basePath}/dashboard`,\n },\n ];\n\n return (\n <div className=\"min-h-screen bg-surface-default\">\n <header className=\"border-b border-border-default bg-surface-raised\">\n <div className=\"mx-auto max-w-7xl px-6 py-4\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <LayoutDashboard className=\"h-5 w-5 text-text-primary\" />\n <h1 className=\"text-xl font-semibold text-text-primary\">Store admin dashboard</h1>\n </div>\n <button\n type=\"button\"\n onClick={() => void load()}\n disabled={state.loading}\n className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover disabled:opacity-60\"\n >\n <RefreshCw className={`h-4 w-4 ${state.loading ? 'animate-spin' : ''}`} />\n Refresh\n </button>\n </div>\n <p className=\"mt-1 text-sm text-text-secondary\">\n Manage store submissions, multi-store registry, and review moderation.\n </p>\n </div>\n </header>\n\n <main className=\"mx-auto max-w-7xl space-y-6 px-6 py-6\">\n {state.error && (\n <div\n role=\"alert\"\n className=\"rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n >\n {state.error}\n </div>\n )}\n\n {/* KPI tiles */}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n {kpiTiles.map((tile) => {\n const Icon = tile.icon;\n return (\n <button\n key={tile.label}\n type=\"button\"\n onClick={() => navigate(tile.href)}\n className=\"rounded-lg border border-border-default bg-surface-raised p-4 text-left transition-colors hover:bg-surface-hover\"\n >\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n {tile.label}\n </span>\n <Icon className=\"h-4 w-4 text-text-tertiary\" />\n </div>\n <div className=\"mt-2 text-3xl font-semibold text-text-primary\">\n {state.loading ? '…' : tile.value}\n </div>\n </button>\n );\n })}\n </div>\n\n {/* Recent Submissions */}\n <section>\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Recent Submissions</h2>\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/submissions`)}\n className=\"inline-flex items-center gap-1 text-xs text-text-accent hover:underline\"\n >\n View all\n <ExternalLink className=\"h-3 w-3\" />\n </button>\n </div>\n\n {actionError && (\n <div\n role=\"alert\"\n className=\"mb-3 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-2 text-sm text-text-danger\"\n >\n {actionError}\n </div>\n )}\n\n {state.loading ? (\n <div className=\"rounded-lg border border-border-default bg-surface-raised py-10 text-center text-sm text-text-secondary\">\n Loading…\n </div>\n ) : state.recentPending.length === 0 ? (\n <div className=\"rounded-lg border border-border-default bg-surface-raised py-10 text-center text-sm text-text-secondary\">\n No pending submissions.\n </div>\n ) : (\n <ul className=\"space-y-2\">\n {state.recentPending.map((p) => (\n <li\n key={p.id}\n className=\"overflow-hidden rounded-lg border border-border-default bg-surface-raised\"\n >\n <div className=\"flex items-center gap-3 px-4 py-3\">\n {p.icon ? (\n <img\n src={p.icon}\n alt=\"\"\n className=\"h-10 w-10 flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary\">\n {p.type.slice(0, 2)}\n </div>\n )}\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{p.name}</p>\n <p className=\"text-xs text-text-secondary\">\n {p.publisher?.name ?? 'Unknown publisher'} ·{' '}\n {formatPrice(p.price, p.currency, p.pricingModel)} ·{' '}\n {formatDate(p.submittedAt)}\n </p>\n </div>\n <div className=\"flex flex-shrink-0 items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setViewingId(viewingId === p.id ? null : p.id)}\n className=\"inline-flex items-center gap-1 rounded-md border border-border-default px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover\"\n >\n {viewingId === p.id ? (\n <ChevronUp className=\"h-3.5 w-3.5\" />\n ) : (\n <ChevronDown className=\"h-3.5 w-3.5\" />\n )}\n Details\n </button>\n <button\n type=\"button\"\n onClick={() => void approve(p.id)}\n disabled={actingId === p.id}\n className=\"inline-flex items-center gap-1 rounded-md bg-surface-success px-3 py-1.5 text-xs font-medium text-text-on-success hover:bg-surface-success-hover disabled:opacity-60\"\n >\n <Check className=\"h-3.5 w-3.5\" />\n Approve\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setRejectingId(p.id);\n setRejectReason('');\n setActionError(null);\n }}\n disabled={actingId === p.id}\n className=\"inline-flex items-center gap-1 rounded-md border border-border-danger bg-surface-danger-muted px-3 py-1.5 text-xs font-medium text-text-danger hover:bg-surface-danger hover:text-text-on-danger disabled:opacity-60\"\n >\n <X className=\"h-3.5 w-3.5\" />\n Reject\n </button>\n </div>\n </div>\n\n {viewingId === p.id && (\n <div className=\"border-t border-border-default bg-surface-muted px-4 py-4\">\n <dl className=\"grid grid-cols-2 gap-x-6 gap-y-3 text-xs sm:grid-cols-3\">\n <div>\n <dt className=\"font-medium text-text-secondary\">Slug</dt>\n <dd className=\"mt-0.5 font-mono text-text-primary\">{p.slug}</dd>\n </div>\n <div>\n <dt className=\"font-medium text-text-secondary\">Type</dt>\n <dd className=\"mt-0.5 text-text-primary\">{p.type}</dd>\n </div>\n {p.nature && (\n <div>\n <dt className=\"font-medium text-text-secondary\">Nature</dt>\n <dd className=\"mt-0.5 text-text-primary\">{p.nature}</dd>\n </div>\n )}\n {p.category && (\n <div>\n <dt className=\"font-medium text-text-secondary\">Category</dt>\n <dd className=\"mt-0.5 text-text-primary\">{p.category}</dd>\n </div>\n )}\n <div>\n <dt className=\"font-medium text-text-secondary\">Pricing</dt>\n <dd className=\"mt-0.5 text-text-primary\">\n {formatPrice(p.price, p.currency, p.pricingModel)}{' '}\n <span className=\"text-text-tertiary\">({p.pricingModel})</span>\n </dd>\n </div>\n <div>\n <dt className=\"font-medium text-text-secondary\">Publisher</dt>\n <dd className=\"mt-0.5 text-text-primary\">\n {p.publisher?.name ?? '—'}\n {p.publisher?.email && (\n <span className=\"block text-text-tertiary\">{p.publisher.email}</span>\n )}\n </dd>\n </div>\n {p.submittedBy && (\n <div>\n <dt className=\"font-medium text-text-secondary\">Submitted by</dt>\n <dd className=\"mt-0.5 font-mono text-text-primary\">{p.submittedBy}</dd>\n </div>\n )}\n <div>\n <dt className=\"font-medium text-text-secondary\">Submitted at</dt>\n <dd className=\"mt-0.5 text-text-primary\">{formatDate(p.submittedAt)}</dd>\n </div>\n {p.description && (\n <div className=\"col-span-2 sm:col-span-3\">\n <dt className=\"font-medium text-text-secondary\">Description</dt>\n <dd className=\"mt-0.5 text-text-primary\">{p.description}</dd>\n </div>\n )}\n </dl>\n </div>\n )}\n\n {rejectingId === p.id && (\n <div className=\"border-t border-border-default bg-surface-muted px-4 py-3\">\n <label\n htmlFor={`reject-reason-${p.id}`}\n className=\"block text-xs font-medium text-text-secondary\"\n >\n Rejection reason (required)\n </label>\n <textarea\n id={`reject-reason-${p.id}`}\n value={rejectReason}\n onChange={(e) => setRejectReason(e.target.value)}\n rows={2}\n className=\"mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-2 text-sm text-text-primary focus:border-border-accent focus:outline-none\"\n placeholder=\"Explain why this submission is being rejected…\"\n />\n <div className=\"mt-2 flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => {\n setRejectingId(null);\n setRejectReason('');\n }}\n className=\"rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={() => void reject(p.id)}\n disabled={!rejectReason.trim() || actingId === p.id}\n className=\"rounded-md bg-surface-danger px-3 py-1 text-xs font-medium text-text-on-danger hover:bg-surface-danger-hover disabled:opacity-60\"\n >\n Submit rejection\n </button>\n </div>\n </div>\n )}\n </li>\n ))}\n </ul>\n )}\n </section>\n\n {/* Recent Activity */}\n <section>\n <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Recent Activity</h2>\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n {/* Recently Approved */}\n <div className=\"rounded-lg border border-border-default bg-surface-raised\">\n <div className=\"flex items-center gap-2 border-b border-border-default px-4 py-3\">\n <CheckCircle className=\"h-4 w-4 text-text-success\" />\n <h3 className=\"text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n Recently Approved\n </h3>\n </div>\n {state.loading ? (\n <p className=\"px-4 py-6 text-center text-sm text-text-secondary\">Loading…</p>\n ) : state.recentPublished.length === 0 ? (\n <p className=\"px-4 py-6 text-center text-sm text-text-secondary\">\n No approved products yet.\n </p>\n ) : (\n <ul className=\"divide-y divide-border-default\">\n {state.recentPublished.map((p) => (\n <li key={p.id} className=\"flex items-center gap-3 px-4 py-3\">\n {p.icon ? (\n <img\n src={p.icon}\n alt=\"\"\n className=\"h-8 w-8 flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary\">\n —\n </div>\n )}\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{p.name}</p>\n <p className=\"text-xs text-text-secondary\">\n {p.reviewedBy ? `by ${p.reviewedBy} · ` : ''}\n {formatDate(p.publishedAt)}\n </p>\n </div>\n <span className=\"flex-shrink-0 rounded-full bg-surface-success-muted px-2 py-0.5 text-xs font-medium text-text-success\">\n Published\n </span>\n </li>\n ))}\n </ul>\n )}\n </div>\n\n {/* Recently Rejected */}\n <div className=\"rounded-lg border border-border-default bg-surface-raised\">\n <div className=\"flex items-center gap-2 border-b border-border-default px-4 py-3\">\n <XCircle className=\"h-4 w-4 text-text-danger\" />\n <h3 className=\"text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n Recently Rejected\n </h3>\n </div>\n {state.loading ? (\n <p className=\"px-4 py-6 text-center text-sm text-text-secondary\">Loading…</p>\n ) : state.recentRejected.length === 0 ? (\n <p className=\"px-4 py-6 text-center text-sm text-text-secondary\">\n No rejected products yet.\n </p>\n ) : (\n <ul className=\"divide-y divide-border-default\">\n {state.recentRejected.map((p) => (\n <li key={p.id} className=\"flex items-center gap-3 px-4 py-3\">\n {p.icon ? (\n <img\n src={p.icon}\n alt=\"\"\n className=\"h-8 w-8 flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary\">\n —\n </div>\n )}\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{p.name}</p>\n <p className=\"truncate text-xs text-text-secondary\">\n {p.rejectedReason ? `\"${p.rejectedReason}\" · ` : ''}\n {formatDate(p.reviewedAt)}\n </p>\n </div>\n <span className=\"flex-shrink-0 rounded-full bg-surface-danger-muted px-2 py-0.5 text-xs font-medium text-text-danger\">\n Rejected\n </span>\n </li>\n ))}\n </ul>\n )}\n </div>\n </div>\n </section>\n </main>\n </div>\n );\n};\n"],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+
3
+ export declare const AdminReviewModerationPage: FC;