@burdenoff/microfe-store 2026.625.5 → 2026.626.1

package/dist/pages/PublisherRevenuePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublisherRevenuePage.js","names":[],"sources":["../../src/pages/PublisherRevenuePage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Wallet, Clock3, TrendingUp } from 'lucide-react';\nimport { useDeveloperEarnings } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface EarningsPayload {\n  totalEarnings: number;\n  monthlyEarnings: number;\n  totalOrders: number;\n  monthlyOrders: number;\n  currency: string;\n  earnings?: Array<{\n    month: string;\n    year: number;\n    earnings: number;\n    orders: number;\n    currency: string;\n  }>;\n  topSellingItems?: Array<{\n    storeProduct: { id: string; name: string };\n    totalSales: number;\n    totalEarnings: number;\n    monthlySales: number;\n    monthlyEarnings: number;\n    currency: string;\n  }>;\n}\n\nexport const PublisherRevenuePage: FC = () => {\n  const navigate = useNavigate();\n  const { earnings, loading, error, refetch } = useDeveloperEarnings();\n  const { t } = useI18n();\n\n  const data = (earnings as EarningsPayload | null) ?? null;\n  const currency = data?.currency || 'USD';\n\n  const fmt = useMemo(\n    () =>\n      new Intl.NumberFormat(undefined, {\n        style: 'currency',\n        currency,\n        maximumFractionDigits: 2,\n      }),\n    [currency]\n  );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-6xl items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"size-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.publisherRevenue.title', { defaultValue: 'Revenue' })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.publisherRevenue.subtitle', {\n                defaultValue: 'Track publisher earnings and payouts',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl space-y-6\">\n          {loading ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              Loading earnings…\n            </p>\n          ) : error ? (\n            <div\n              role=\"alert\"\n              className=\"space-y-2 rounded-xl border border-status-error-border bg-status-error-bg-subtle p-6\"\n            >\n              <p className=\"text-sm text-status-error-text\">\n                {t('pages.publisherRevenue.failedToLoad', {\n                  defaultValue: 'Failed to load earnings data.',\n                })}\n              </p>\n              <button\n                type=\"button\"\n                onClick={() => refetch()}\n                className=\"cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text\"\n              >\n                Retry\n              </button>\n            </div>\n          ) : !data ? (\n            <div className=\"rounded-xl border border-border-default bg-bg-surface p-8 text-center text-sm text-text-muted\">\n              {t('pages.publisherRevenue.noRevenue', {\n                defaultValue: 'No revenue data available yet.',\n              })}\n            </div>\n          ) : (\n            <>\n              <div className=\"grid gap-4 sm:grid-cols-3\">\n                <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n                  <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                    <Wallet className=\"size-4\" />{' '}\n                    {t('pages.publisherRevenue.totalEarnings', { defaultValue: 'Total earnings' })}\n                  </div>\n                  <p className=\"mt-2 text-2xl font-bold text-text-primary\">\n                    {fmt.format(data.totalEarnings)}\n                  </p>\n                </div>\n                <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n                  <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                    <Clock3 className=\"size-4\" />{' '}\n                    {t('pages.publisherRevenue.monthlyEarnings', {\n                      defaultValue: 'Monthly earnings',\n                    })}\n                  </div>\n                  <p className=\"mt-2 text-2xl font-bold text-text-primary\">\n                    {fmt.format(data.monthlyEarnings)}\n                  </p>\n                </div>\n                <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n                  <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                    <TrendingUp className=\"size-4\" />{' '}\n                    {t('pages.publisherRevenue.monthlyOrders', { defaultValue: 'Monthly orders' })}\n                  </div>\n                  <p className=\"mt-2 text-2xl font-bold text-text-primary\">{data.monthlyOrders}</p>\n                </div>\n              </div>\n\n              <div className=\"rounded-xl border border-border-default bg-bg-surface p-5\">\n                <h2 className=\"mb-3 text-lg font-semibold text-text-primary\">\n                  {t('pages.publisherRevenue.topSelling', { defaultValue: 'Top Selling Items' })}\n                </h2>\n                {!data.topSellingItems || data.topSellingItems.length === 0 ? (\n                  <p className=\"text-sm text-text-muted\">\n                    {t('pages.publisherRevenue.noSales', {\n                      defaultValue: 'No product sales found for this period.',\n                    })}\n                  </p>\n                ) : (\n                  <ul className=\"space-y-2\">\n                    {data.topSellingItems.map((item) => (\n                      <li\n                        key={item.storeProduct.id}\n                        className=\"flex items-center justify-between rounded-lg border border-border-default p-3\"\n                      >\n                        <div>\n                          <p className=\"text-sm font-medium text-text-primary\">\n                            {item.storeProduct.name}\n                          </p>\n                          <p className=\"text-xs text-text-muted\">\n                            {item.totalSales} total sales • {item.monthlySales} this period\n                          </p>\n                        </div>\n                        <p className=\"text-sm font-semibold text-text-primary\">\n                          {fmt.format(item.totalEarnings)}\n                        </p>\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            </>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PublisherRevenuePage.js","names":[],"sources":["../../src/pages/PublisherRevenuePage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Wallet, Clock3, TrendingUp } from 'lucide-react';\nimport { useDeveloperEarnings } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  GlassCard,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\n\ninterface EarningsPayload {\n  totalEarnings: number;\n  monthlyEarnings: number;\n  totalOrders: number;\n  monthlyOrders: number;\n  currency: string;\n  earnings?: Array<{\n    month: string;\n    year: number;\n    earnings: number;\n    orders: number;\n    currency: string;\n  }>;\n  topSellingItems?: Array<{\n    storeProduct: { id: string; name: string };\n    totalSales: number;\n    totalEarnings: number;\n    monthlySales: number;\n    monthlyEarnings: number;\n    currency: string;\n  }>;\n}\n\nexport const PublisherRevenuePage: FC = () => {\n  const navigate = useNavigate();\n  const { earnings, loading, error, refetch } = useDeveloperEarnings();\n  const { t } = useI18n();\n\n  const data = (earnings as EarningsPayload | null) ?? null;\n  const currency = data?.currency || 'USD';\n\n  const fmt = useMemo(\n    () =>\n      new Intl.NumberFormat(undefined, {\n        style: 'currency',\n        currency,\n        maximumFractionDigits: 2,\n      }),\n    [currency]\n  );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-seam bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-6xl items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"size-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.publisherRevenue.title', { defaultValue: 'Revenue' })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.publisherRevenue.subtitle', {\n                defaultValue: 'Track publisher earnings and payouts',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl space-y-6\">\n          <PagePurpose>\n            See what your published products are actually earning. Track total and monthly revenue,\n            how many orders came in, and which products sell best — so you know where your income\n            comes from and which listings are worth doubling down on.\n          </PagePurpose>\n          {loading ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              Loading earnings…\n            </p>\n          ) : error ? (\n            <div\n              role=\"alert\"\n              className=\"space-y-2 rounded-xl border border-status-error-border bg-status-error-bg-subtle p-6\"\n            >\n              <p className=\"text-sm text-status-error-text\">\n                {t('pages.publisherRevenue.failedToLoad', {\n                  defaultValue: 'Failed to load earnings data.',\n                })}\n              </p>\n              <button\n                type=\"button\"\n                onClick={() => refetch()}\n                className=\"cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text\"\n              >\n                Retry\n              </button>\n            </div>\n          ) : !data ? (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title={t('pages.publisherRevenue.noRevenueTitle', {\n                defaultValue: 'No revenue data yet',\n              })}\n              description={t('pages.publisherRevenue.noRevenue', {\n                defaultValue:\n                  'No revenue data available yet. Earnings will appear here once your published products start selling.',\n              })}\n            />\n          ) : (\n            <>\n              <div className=\"grid gap-4 sm:grid-cols-3\">\n                <GlassCard treatment=\"metric\" className=\"p-4\">\n                  <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                    <Wallet className=\"size-4\" />{' '}\n                    {t('pages.publisherRevenue.totalEarnings', { defaultValue: 'Total earnings' })}\n                  </div>\n                  <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n                    {fmt.format(data.totalEarnings)}\n                  </p>\n                </GlassCard>\n                <GlassCard treatment=\"metric\" className=\"p-4\">\n                  <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                    <Clock3 className=\"size-4\" />{' '}\n                    {t('pages.publisherRevenue.monthlyEarnings', {\n                      defaultValue: 'Monthly earnings',\n                    })}\n                  </div>\n                  <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n                    {fmt.format(data.monthlyEarnings)}\n                  </p>\n                </GlassCard>\n                <GlassCard treatment=\"metric\" className=\"p-4\">\n                  <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                    <TrendingUp className=\"size-4\" />{' '}\n                    {t('pages.publisherRevenue.monthlyOrders', { defaultValue: 'Monthly orders' })}\n                  </div>\n                  <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n                    {data.monthlyOrders}\n                  </p>\n                </GlassCard>\n              </div>\n\n              <EmphasisPanel>\n                <h2 className=\"mb-3 text-lg font-semibold text-text-primary\">\n                  {t('pages.publisherRevenue.topSelling', { defaultValue: 'Top Selling Items' })}\n                </h2>\n                {!data.topSellingItems || data.topSellingItems.length === 0 ? (\n                  <p className=\"text-sm text-text-muted\">\n                    {t('pages.publisherRevenue.noSales', {\n                      defaultValue: 'No product sales found for this period.',\n                    })}\n                  </p>\n                ) : (\n                  <ul className=\"space-y-2\">\n                    {data.topSellingItems.map((item) => (\n                      <li\n                        key={item.storeProduct.id}\n                        className=\"flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface p-3\"\n                      >\n                        <div>\n                          <p className=\"text-sm font-medium text-text-primary\">\n                            {item.storeProduct.name}\n                          </p>\n                          <p className=\"text-xs text-text-muted\">\n                            {item.totalSales} total sales • {item.monthlySales} this period\n                          </p>\n                        </div>\n                        <p className=\"text-sm font-semibold text-text-primary\">\n                          {fmt.format(item.totalEarnings)}\n                        </p>\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </EmphasisPanel>\n            </>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/PublisherSubmissionsPage.js

@@ -3,177 +3,186 @@ import { useSubmissionStatusUpdatedSubscription as t } from "../generated/global
 import { useMyPublishedProducts as n } from "../hooks/useStoreGraphQL.js";
 import { useMemo as r } from "react";
 import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as a, CheckCircle2 as o, Clock3 as s, FileCheck2 as c, MessageSquare as l, XCircle as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useNavigate as p } from "react-router-dom";
+import { ArrowLeft as a, CheckCircle2 as o, Clock3 as s, MessageSquare as c, XCircle as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useNavigate as f } from "react-router-dom";
+import { EmphasisPanel as p, GlassCard as m, IllustratedEmptyState as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
 //#region src/pages/PublisherSubmissionsPage.tsx
-var m = (e) => e === "PUBLISHED" || e === "APPROVED" ? "bg-status-success-bg-subtle text-status-success-text" : e === "REJECTED" || e === "UNLISTED" ? "bg-status-error-bg-subtle text-status-error-text" : e === "PENDING" || e === "SUBMITTED" || e === "UNDER_REVIEW" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-muted", h = () => {
-	let h = p(), { basePath: g, currentUser: _ } = e(), { products: v, hasMore: y, loading: b, error: x, refetch: S, loadMore: C } = n(), { t: w } = i(), T = _?.id;
+var _ = (e) => e === "PUBLISHED" || e === "APPROVED" ? "bg-status-success-bg-subtle text-status-success-text" : e === "REJECTED" || e === "UNLISTED" ? "bg-status-error-bg-subtle text-status-error-text" : e === "PENDING" || e === "SUBMITTED" || e === "UNDER_REVIEW" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-muted", v = () => {
+	let v = f(), { basePath: y, currentUser: b } = e(), { products: x, hasMore: S, loading: C, error: w, refetch: T, loadMore: E } = n(), { t: D } = i(), O = b?.id;
 	t({
-		variables: { publisherId: T ?? "" },
-		skip: !T,
+		variables: { publisherId: O ?? "" },
+		skip: !O,
 		onData: () => {
-			S();
+			T();
 		},
 		onError: (e) => {
 			console.warn("SubmissionStatusUpdated subscription error:", e.message);
 		}
 	});
-	let E = r(() => {
-		let e = v.filter((e) => e.status === "PUBLISHED" || e.status === "APPROVED").length, t = v.filter((e) => e.status === "REJECTED" || e.status === "UNLISTED").length;
+	let k = r(() => {
+		let e = x.filter((e) => e.status === "PUBLISHED" || e.status === "APPROVED").length, t = x.filter((e) => e.status === "REJECTED" || e.status === "UNLISTED").length;
 		return {
 			approved: e,
 			rejected: t,
-			pending: v.length - e - t
+			pending: x.length - e - t
 		};
-	}, [v]);
-	return /* @__PURE__ */ f("div", {
+	}, [x]);
+	return /* @__PURE__ */ d("div", {
 		className: "flex h-full flex-col",
-		children: [/* @__PURE__ */ d("header", {
-			className: "border-b border-border-default bg-bg-surface px-6 py-4",
-			children: /* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ u("header", {
+			className: "border-b border-border-seam bg-bg-surface px-6 py-4",
+			children: /* @__PURE__ */ d("div", {
 				className: "mx-auto flex max-w-6xl items-center gap-3",
-				children: [/* @__PURE__ */ d("button", {
+				children: [/* @__PURE__ */ u("button", {
 					type: "button",
-					onClick: () => h(-1),
+					onClick: () => v(-1),
 					"aria-label": "Go back",
 					className: "cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary",
-					children: /* @__PURE__ */ d(a, { className: "size-5" })
-				}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+					children: /* @__PURE__ */ u(a, { className: "size-5" })
+				}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: w("pages.publisherSubmissions.title", { defaultValue: "Submissions" })
-				}), /* @__PURE__ */ d("p", {
+					children: D("pages.publisherSubmissions.title", { defaultValue: "Submissions" })
+				}), /* @__PURE__ */ u("p", {
 					className: "text-sm text-text-muted",
-					children: w("pages.publisherSubmissions.subtitle", { defaultValue: "Track approval status for your store products" })
+					children: D("pages.publisherSubmissions.subtitle", { defaultValue: "Track approval status for your store products" })
 				})] })]
 			})
-		}), /* @__PURE__ */ d("main", {
+		}), /* @__PURE__ */ u("main", {
 			className: "flex-1 overflow-y-auto p-6",
-			children: /* @__PURE__ */ f("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "mx-auto max-w-6xl space-y-6",
-				children: [/* @__PURE__ */ f("div", {
-					className: "grid gap-4 sm:grid-cols-3",
-					children: [
-						/* @__PURE__ */ f("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
-							children: [/* @__PURE__ */ f("div", {
-								className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
-								children: [
-									/* @__PURE__ */ d(s, { className: "size-4" }),
-									" ",
-									w("store.status.pending", { defaultValue: "Pending" })
-								]
-							}), /* @__PURE__ */ d("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: E.pending
-							})]
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
-							children: [/* @__PURE__ */ f("div", {
-								className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
-								children: [
-									/* @__PURE__ */ d(o, { className: "size-4" }),
-									" ",
-									w("store.status.approved", { defaultValue: "Approved" })
-								]
-							}), /* @__PURE__ */ d("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: E.approved
-							})]
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
-							children: [/* @__PURE__ */ f("div", {
-								className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
-								children: [
-									/* @__PURE__ */ d(u, { className: "size-4" }),
-									" ",
-									w("store.status.rejected", { defaultValue: "Rejected" })
-								]
-							}), /* @__PURE__ */ d("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: E.rejected
-							})]
-						})
-					]
-				}), /* @__PURE__ */ f("div", {
-					className: "rounded-xl border border-border-default bg-bg-surface p-5",
-					children: [/* @__PURE__ */ f("div", {
+				children: [
+					/* @__PURE__ */ u(g, { children: "Follow each product you've submitted through the review pipeline — pending, approved or rejected — so you always know what's live and what still needs attention. If a submission is rejected, open it to read the moderator's reason and resubmit a fixed version." }),
+					/* @__PURE__ */ d("div", {
+						className: "grid gap-4 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ d(m, {
+								treatment: "metric",
+								className: "p-4",
+								children: [/* @__PURE__ */ d("div", {
+									className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
+									children: [
+										/* @__PURE__ */ u(s, { className: "size-4" }),
+										" ",
+										D("store.status.pending", { defaultValue: "Pending" })
+									]
+								}), /* @__PURE__ */ u("p", {
+									className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+									children: k.pending
+								})]
+							}),
+							/* @__PURE__ */ d(m, {
+								treatment: "metric",
+								className: "p-4",
+								children: [/* @__PURE__ */ d("div", {
+									className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
+									children: [
+										/* @__PURE__ */ u(o, { className: "size-4" }),
+										" ",
+										D("store.status.approved", { defaultValue: "Approved" })
+									]
+								}), /* @__PURE__ */ u("p", {
+									className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+									children: k.approved
+								})]
+							}),
+							/* @__PURE__ */ d(m, {
+								treatment: "metric",
+								className: "p-4",
+								children: [/* @__PURE__ */ d("div", {
+									className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
+									children: [
+										/* @__PURE__ */ u(l, { className: "size-4" }),
+										" ",
+										D("store.status.rejected", { defaultValue: "Rejected" })
+									]
+								}), /* @__PURE__ */ u("p", {
+									className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+									children: k.rejected
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ d("div", {
 						className: "mb-4 flex items-center justify-between",
-						children: [/* @__PURE__ */ d("h2", {
+						children: [/* @__PURE__ */ u("h2", {
 							className: "text-lg font-semibold text-text-primary",
-							children: w("pages.publisherSubmissions.timeline", { defaultValue: "Submission Timeline" })
-						}), /* @__PURE__ */ d("button", {
+							children: D("pages.publisherSubmissions.timeline", { defaultValue: "Submission Timeline" })
+						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => h(`${g}/publisher/submit`),
+							onClick: () => v(`${y}/publisher/submit`),
 							className: "cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-semibold text-action-primary-text",
-							children: w("pages.publisherSubmissions.newSubmission", { defaultValue: "New Submission" })
+							children: D("pages.publisherSubmissions.newSubmission", { defaultValue: "New Submission" })
 						})]
-					}), b ? /* @__PURE__ */ d("p", {
+					}), C ? /* @__PURE__ */ u("p", {
 						role: "status",
 						className: "text-sm text-text-muted",
 						children: "Loading submissions…"
-					}) : x ? /* @__PURE__ */ f("div", {
+					}) : w ? /* @__PURE__ */ d("div", {
 						role: "alert",
 						className: "space-y-2",
-						children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ u("p", {
 							className: "text-sm text-status-error-text",
-							children: w("pages.publisherSubmissions.failedToLoad", { defaultValue: "Failed to load submissions." })
-						}), /* @__PURE__ */ d("button", {
+							children: D("pages.publisherSubmissions.failedToLoad", { defaultValue: "Failed to load submissions." })
+						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => S(),
+							onClick: () => T(),
 							className: "cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text",
 							children: "Retry"
 						})]
-					}) : v.length === 0 ? /* @__PURE__ */ f("div", {
-						className: "rounded-lg border border-border-default bg-bg-sunken p-8 text-center",
-						children: [/* @__PURE__ */ d(c, { className: "mx-auto mb-2 size-10 text-text-muted" }), /* @__PURE__ */ d("p", {
-							className: "text-sm text-text-muted",
-							children: w("pages.publisherSubmissions.emptyTitle", { defaultValue: "No submissions found yet." })
-						})]
-					}) : /* @__PURE__ */ f("ul", {
+					}) : x.length === 0 ? /* @__PURE__ */ u(h, {
+						illustration: "empty-data",
+						title: D("pages.publisherSubmissions.emptyTitle", { defaultValue: "No submissions found yet." }),
+						description: D("pages.publisherSubmissions.emptyDescription", { defaultValue: "Submit a product to start tracking it through review here." }),
+						action: /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => v(`${y}/publisher/submit`),
+							className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90",
+							children: D("pages.publisherSubmissions.newSubmission", { defaultValue: "New Submission" })
+						})
+					}) : /* @__PURE__ */ d("ul", {
 						className: "space-y-3",
-						children: [v.map((e) => /* @__PURE__ */ f("li", {
-							className: "flex items-center justify-between rounded-lg border border-border-default p-3 transition-colors hover:bg-bg-sunken",
-							children: [/* @__PURE__ */ f("button", {
+						children: [x.map((e) => /* @__PURE__ */ d("li", {
+							className: "flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
+							children: [/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => h(`${g}/marketplace/product/${e.id}`),
+								onClick: () => v(`${y}/marketplace/product/${e.id}`),
 								className: "flex flex-1 cursor-pointer items-center justify-between text-left",
-								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "font-medium text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ d("p", {
 									className: "text-xs text-text-muted",
 									children: ["Reviews: ", e.reviewCount]
-								})] }), /* @__PURE__ */ d("span", {
-									className: `rounded-full px-2.5 py-1 text-xs font-semibold ${m(e.status)}`,
+								})] }), /* @__PURE__ */ u("span", {
+									className: `rounded-full px-2.5 py-1 text-xs font-semibold ${_(e.status)}`,
 									children: e.status
 								})]
-							}), /* @__PURE__ */ f("button", {
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => h(`${g}/publisher/product/${e.id}/reviews`),
+								onClick: () => v(`${y}/publisher/product/${e.id}/reviews`),
 								className: "ml-3 inline-flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-text-link hover:bg-bg-sunken hover:underline",
 								title: "View reviews",
-								children: [/* @__PURE__ */ d(l, { className: "size-3.5" }), "Reviews"]
+								children: [/* @__PURE__ */ u(c, { className: "size-3.5" }), "Reviews"]
 							})]
-						}, e.id)), y && /* @__PURE__ */ d("li", {
+						}, e.id)), S && /* @__PURE__ */ u("li", {
 							className: "flex justify-center pt-4 list-none",
-							children: /* @__PURE__ */ d("button", {
+							children: /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: C,
-								disabled: b,
+								onClick: E,
+								disabled: C,
 								className: "rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50",
-								children: b ? "Loading…" : "Load more"
+								children: C ? "Loading…" : "Load more"
 							})
 						})]
-					})]
-				})]
+					})] })
+				]
 			})
 		})]
 	});
 };
 //#endregion
-export { h as PublisherSubmissionsPage };
+export { v as PublisherSubmissionsPage };
 
 //# sourceMappingURL=PublisherSubmissionsPage.js.map

package/dist/pages/PublisherSubmissionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublisherSubmissionsPage.js","names":[],"sources":["../../src/pages/PublisherSubmissionsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ArrowLeft, FileCheck2, Clock3, CheckCircle2, XCircle, MessageSquare } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useMyPublishedProducts } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useSubmissionStatusUpdatedSubscription } from '../generated/global-operations';\n\nconst statusClass = (status: string): string => {\n  if (status === 'PUBLISHED' || status === 'APPROVED') {\n    return 'bg-status-success-bg-subtle text-status-success-text';\n  }\n  if (status === 'REJECTED' || status === 'UNLISTED') {\n    return 'bg-status-error-bg-subtle text-status-error-text';\n  }\n  if (status === 'PENDING' || status === 'SUBMITTED' || status === 'UNDER_REVIEW') {\n    return 'bg-status-warning-bg-subtle text-status-warning-text';\n  }\n  return 'bg-bg-sunken text-text-muted';\n};\n\nexport const PublisherSubmissionsPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath, currentUser } = useStore();\n  const { products, hasMore, loading, error, refetch, loadMore } = useMyPublishedProducts();\n  const { t } = useI18n();\n\n  const publisherId = currentUser?.id;\n  useSubmissionStatusUpdatedSubscription({\n    variables: { publisherId: publisherId ?? '' },\n    skip: !publisherId,\n    onData: () => {\n      void refetch();\n    },\n    onError: (err) => {\n      console.warn('SubmissionStatusUpdated subscription error:', err.message);\n    },\n  });\n\n  const grouped = useMemo(() => {\n    const approved = products.filter(\n      (p) => p.status === 'PUBLISHED' || p.status === 'APPROVED'\n    ).length;\n    const rejected = products.filter(\n      (p) => p.status === 'REJECTED' || p.status === 'UNLISTED'\n    ).length;\n    const pending = products.length - approved - rejected;\n    return { approved, rejected, pending };\n  }, [products]);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-6xl items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"size-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.publisherSubmissions.title', { defaultValue: 'Submissions' })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.publisherSubmissions.subtitle', {\n                defaultValue: 'Track approval status for your store products',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl space-y-6\">\n          <div className=\"grid gap-4 sm:grid-cols-3\">\n            <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n              <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                <Clock3 className=\"size-4\" />{' '}\n                {t('store.status.pending', { defaultValue: 'Pending' })}\n              </div>\n              <p className=\"mt-2 text-2xl font-bold text-text-primary\">{grouped.pending}</p>\n            </div>\n            <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n              <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                <CheckCircle2 className=\"size-4\" />{' '}\n                {t('store.status.approved', { defaultValue: 'Approved' })}\n              </div>\n              <p className=\"mt-2 text-2xl font-bold text-text-primary\">{grouped.approved}</p>\n            </div>\n            <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n              <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                <XCircle className=\"size-4\" />{' '}\n                {t('store.status.rejected', { defaultValue: 'Rejected' })}\n              </div>\n              <p className=\"mt-2 text-2xl font-bold text-text-primary\">{grouped.rejected}</p>\n            </div>\n          </div>\n\n          <div className=\"rounded-xl border border-border-default bg-bg-surface p-5\">\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('pages.publisherSubmissions.timeline', { defaultValue: 'Submission Timeline' })}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigate(`${basePath}/publisher/submit`)}\n                className=\"cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-semibold text-action-primary-text\"\n              >\n                {t('pages.publisherSubmissions.newSubmission', { defaultValue: 'New Submission' })}\n              </button>\n            </div>\n\n            {loading ? (\n              <p role=\"status\" className=\"text-sm text-text-muted\">\n                Loading submissions…\n              </p>\n            ) : error ? (\n              <div role=\"alert\" className=\"space-y-2\">\n                <p className=\"text-sm text-status-error-text\">\n                  {t('pages.publisherSubmissions.failedToLoad', {\n                    defaultValue: 'Failed to load submissions.',\n                  })}\n                </p>\n                <button\n                  type=\"button\"\n                  onClick={() => refetch()}\n                  className=\"cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text\"\n                >\n                  Retry\n                </button>\n              </div>\n            ) : products.length === 0 ? (\n              <div className=\"rounded-lg border border-border-default bg-bg-sunken p-8 text-center\">\n                <FileCheck2 className=\"mx-auto mb-2 size-10 text-text-muted\" />\n                <p className=\"text-sm text-text-muted\">\n                  {t('pages.publisherSubmissions.emptyTitle', {\n                    defaultValue: 'No submissions found yet.',\n                  })}\n                </p>\n              </div>\n            ) : (\n              <ul className=\"space-y-3\">\n                {products.map((product) => (\n                  <li\n                    key={product.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border-default p-3 transition-colors hover:bg-bg-sunken\"\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`${basePath}/marketplace/product/${product.id}`)}\n                      className=\"flex flex-1 cursor-pointer items-center justify-between text-left\"\n                    >\n                      <div>\n                        <p className=\"font-medium text-text-primary\">{product.name}</p>\n                        <p className=\"text-xs text-text-muted\">Reviews: {product.reviewCount}</p>\n                      </div>\n                      <span\n                        className={`rounded-full px-2.5 py-1 text-xs font-semibold ${statusClass(product.status)}`}\n                      >\n                        {product.status}\n                      </span>\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() =>\n                        navigate(`${basePath}/publisher/product/${product.id}/reviews`)\n                      }\n                      className=\"ml-3 inline-flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-text-link hover:bg-bg-sunken hover:underline\"\n                      title=\"View reviews\"\n                    >\n                      <MessageSquare className=\"size-3.5\" />\n                      Reviews\n                    </button>\n                  </li>\n                ))}\n                {hasMore && (\n                  <li className=\"flex justify-center pt-4 list-none\">\n                    <button\n                      type=\"button\"\n                      onClick={loadMore}\n                      disabled={loading}\n                      className=\"rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                    >\n                      {loading ? 'Loading\\u2026' : 'Load more'}\n                    </button>\n                  </li>\n                )}\n              </ul>\n            )}\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PublisherSubmissionsPage.js","names":[],"sources":["../../src/pages/PublisherSubmissionsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Clock3, CheckCircle2, XCircle, MessageSquare } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useMyPublishedProducts } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  GlassCard,\n  EmphasisPanel,\n  PagePurpose,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { useSubmissionStatusUpdatedSubscription } from '../generated/global-operations';\n\nconst statusClass = (status: string): string => {\n  if (status === 'PUBLISHED' || status === 'APPROVED') {\n    return 'bg-status-success-bg-subtle text-status-success-text';\n  }\n  if (status === 'REJECTED' || status === 'UNLISTED') {\n    return 'bg-status-error-bg-subtle text-status-error-text';\n  }\n  if (status === 'PENDING' || status === 'SUBMITTED' || status === 'UNDER_REVIEW') {\n    return 'bg-status-warning-bg-subtle text-status-warning-text';\n  }\n  return 'bg-bg-sunken text-text-muted';\n};\n\nexport const PublisherSubmissionsPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath, currentUser } = useStore();\n  const { products, hasMore, loading, error, refetch, loadMore } = useMyPublishedProducts();\n  const { t } = useI18n();\n\n  const publisherId = currentUser?.id;\n  useSubmissionStatusUpdatedSubscription({\n    variables: { publisherId: publisherId ?? '' },\n    skip: !publisherId,\n    onData: () => {\n      void refetch();\n    },\n    onError: (err) => {\n      console.warn('SubmissionStatusUpdated subscription error:', err.message);\n    },\n  });\n\n  const grouped = useMemo(() => {\n    const approved = products.filter(\n      (p) => p.status === 'PUBLISHED' || p.status === 'APPROVED'\n    ).length;\n    const rejected = products.filter(\n      (p) => p.status === 'REJECTED' || p.status === 'UNLISTED'\n    ).length;\n    const pending = products.length - approved - rejected;\n    return { approved, rejected, pending };\n  }, [products]);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-seam bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-6xl items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"size-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.publisherSubmissions.title', { defaultValue: 'Submissions' })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.publisherSubmissions.subtitle', {\n                defaultValue: 'Track approval status for your store products',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl space-y-6\">\n          <PagePurpose>\n            Follow each product you've submitted through the review pipeline — pending, approved or\n            rejected — so you always know what's live and what still needs attention. If a submission\n            is rejected, open it to read the moderator's reason and resubmit a fixed version.\n          </PagePurpose>\n          <div className=\"grid gap-4 sm:grid-cols-3\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                <Clock3 className=\"size-4\" />{' '}\n                {t('store.status.pending', { defaultValue: 'Pending' })}\n              </div>\n              <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n                {grouped.pending}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                <CheckCircle2 className=\"size-4\" />{' '}\n                {t('store.status.approved', { defaultValue: 'Approved' })}\n              </div>\n              <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n                {grouped.approved}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <div className=\"inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted\">\n                <XCircle className=\"size-4\" />{' '}\n                {t('store.status.rejected', { defaultValue: 'Rejected' })}\n              </div>\n              <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n                {grouped.rejected}\n              </p>\n            </GlassCard>\n          </div>\n\n          <EmphasisPanel>\n            <div className=\"mb-4 flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('pages.publisherSubmissions.timeline', { defaultValue: 'Submission Timeline' })}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigate(`${basePath}/publisher/submit`)}\n                className=\"cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-semibold text-action-primary-text\"\n              >\n                {t('pages.publisherSubmissions.newSubmission', { defaultValue: 'New Submission' })}\n              </button>\n            </div>\n\n            {loading ? (\n              <p role=\"status\" className=\"text-sm text-text-muted\">\n                Loading submissions…\n              </p>\n            ) : error ? (\n              <div role=\"alert\" className=\"space-y-2\">\n                <p className=\"text-sm text-status-error-text\">\n                  {t('pages.publisherSubmissions.failedToLoad', {\n                    defaultValue: 'Failed to load submissions.',\n                  })}\n                </p>\n                <button\n                  type=\"button\"\n                  onClick={() => refetch()}\n                  className=\"cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text\"\n                >\n                  Retry\n                </button>\n              </div>\n            ) : products.length === 0 ? (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title={t('pages.publisherSubmissions.emptyTitle', {\n                  defaultValue: 'No submissions found yet.',\n                })}\n                description={t('pages.publisherSubmissions.emptyDescription', {\n                  defaultValue:\n                    'Submit a product to start tracking it through review here.',\n                })}\n                action={\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`${basePath}/publisher/submit`)}\n                    className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90\"\n                  >\n                    {t('pages.publisherSubmissions.newSubmission', {\n                      defaultValue: 'New Submission',\n                    })}\n                  </button>\n                }\n              />\n            ) : (\n              <ul className=\"space-y-3\">\n                {products.map((product) => (\n                  <li\n                    key={product.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]\"\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`${basePath}/marketplace/product/${product.id}`)}\n                      className=\"flex flex-1 cursor-pointer items-center justify-between text-left\"\n                    >\n                      <div>\n                        <p className=\"font-medium text-text-primary\">{product.name}</p>\n                        <p className=\"text-xs text-text-muted\">Reviews: {product.reviewCount}</p>\n                      </div>\n                      <span\n                        className={`rounded-full px-2.5 py-1 text-xs font-semibold ${statusClass(product.status)}`}\n                      >\n                        {product.status}\n                      </span>\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() =>\n                        navigate(`${basePath}/publisher/product/${product.id}/reviews`)\n                      }\n                      className=\"ml-3 inline-flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-text-link hover:bg-bg-sunken hover:underline\"\n                      title=\"View reviews\"\n                    >\n                      <MessageSquare className=\"size-3.5\" />\n                      Reviews\n                    </button>\n                  </li>\n                ))}\n                {hasMore && (\n                  <li className=\"flex justify-center pt-4 list-none\">\n                    <button\n                      type=\"button\"\n                      onClick={loadMore}\n                      disabled={loading}\n                      className=\"rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                    >\n                      {loading ? 'Loading\\u2026' : 'Load more'}\n                    </button>\n                  </li>\n                )}\n              </ul>\n            )}\n          </EmphasisPanel>\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}