npm - @burdenoff/microfe-store - Versions diffs - 2026.625.5 → 2026.626.1 - Mend

@burdenoff/microfe-store 2026.625.5 → 2026.626.1

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 (184) hide show

package/dist/pages/ProductReviewsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductReviewsPage.js","names":[],"sources":["../../src/pages/ProductReviewsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft, Star } from 'lucide-react';\nimport { useProductReviews } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport const ProductReviewsPage: FC = () => {\n const navigate = useNavigate();\n const { productId } = useParams<{ productId: string }>();\n const { reviews, loading, error } = useProductReviews(productId ?? '');\n const { t } = useI18n();\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-4xl 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.productReviews.title', { defaultValue: 'Product Reviews' })}\n </h1>\n <p className=\"text-sm text-text-muted\">\n {t('pages.productReviews.subtitle', {\n defaultValue: 'Moderate and inspect product feedback',\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-4xl\">\n {loading ? (\n <p role=\"status\" className=\"text-sm text-text-muted\">\n Loading reviews…\n </p>\n ) : error ? (\n <p role=\"alert\" className=\"text-sm text-status-error-text\">\n {error.message}\n </p>\n ) : reviews.length === 0 ? (\n <~~p className~~=\"~~text~~-~~sm text-text-muted~~\">No reviews ~~found~~ for ~~this~~ ~~product.</p>\~~n ) : (\n <ul className=\"space-y-3\">\n {reviews.map((review) => (\n <li\n key={review.id}\n className=\"rounded-xl border border-border-~~default~~ bg-bg-surface p-4\"\n >\n <div className=\"flex items-center justify-between\">\n <p className=\"font-medium text-text-primary\">\n {review.title \|\|\n t('pages.productReviews.untitled', { defaultValue: 'Untitled review' })}\n </p>\n <span className=\"inline-flex items-center gap-1 text-sm text-text-muted\">\n <Star className=\"size-4\" /> {review.rating}/5\n </span>\n </div>\n <p className=\"mt-2 text-sm text-text-muted\">\n {review.comment \|\|\n t('pages.productReviews.noComment', { defaultValue: 'No comment provided.' })}\n </p>\n <p className=\"mt-2 text-xs text-text-muted\">\n Status: {review.status} • Helpful: {review.helpful}\n </p>\n </li>\n ))}\n </ul>\n )}\n </div>\n </main>\n </div>\n );\n};\n"],"mappings":"~~;;;;;;AAMA~~,IAAa,UAA+B;CAC1C,IAAM,IAAW,GAAa,EACxB,EAAE,iBAAc,GAAkC,EAClD,EAAE,YAAS,YAAS,aAAU,EAAkB,KAAa,GAAG,EAChE,EAAE,SAAM,GAAS;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,WAAU;aAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,GAAG;KAC3B,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;KACzB,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,8BAA8B,EAAE,cAAc,mBAAmB,CAAC;KAClE,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,iCAAiC,EAClC,cAAc,yCACf,CAAC;KACA,CAAA,CACA,EAAA,CAAA,CACF;;GACC,CAAA,EAET,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,OAAD;IAAK,WAAU;~~cACZ~~,IACC,kBAAC,KAAD;KAAG,MAAK;KAAS,WAAU;eAA0B;KAEjD,CAAA,GACF,IACF,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eACvB,EAAM;KACL,CAAA,GACF,EAAQ,WAAW,IACrB,kBAAC,~~KAAD~~;~~KAAG~~,~~WAAU~~;~~eAA0B~~;~~KAAsC~~,CAAA,~~GAE7E~~,kBAAC,MAAD;KAAI,WAAU;eACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAO,SACN,EAAE,iCAAiC,EAAE,cAAc,mBAAmB,CAAC;SACvE,CAAA,EACJ,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;;UAAE,EAAO;UAAO;UACtC;WACH;;OACN,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO,WACN,EAAE,kCAAkC,EAAE,cAAc,wBAAwB,CAAC;QAC7E,CAAA;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA4C;SACjC,EAAO;SAAO;SAAa,EAAO;SACzC;;OACD;QAnBE,EAAO,GAmBT,CACL;KACC,CAAA~~;IAEH~~,~~CAAA;~~GACD,CAAA,CACH"}
1	+ {"version":3,"file":"ProductReviewsPage.js","names":[],"sources":["../../src/pages/ProductReviewsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft, Star } from 'lucide-react';\nimport { useProductReviews } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PagePurpose, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\n\nexport const ProductReviewsPage: FC = () => {\n const navigate = useNavigate();\n const { productId } = useParams<{ productId: string }>();\n const { reviews, loading, error } = useProductReviews(productId ?? '');\n const { t } = useI18n();\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-4xl 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.productReviews.title', { defaultValue: 'Product Reviews' })}\n </h1>\n <p className=\"text-sm text-text-muted\">\n {t('pages.productReviews.subtitle', {\n defaultValue: 'Moderate and inspect product feedback',\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-4xl\">\n <PagePurpose className=\"mb-4\">\n Read what customers think of this product in their own words. Use these ratings and\n comments to gauge quality before installing, spot recurring issues, and — as a\n moderator — keep an eye on feedback that may need a response or review.\n </PagePurpose>\n {loading ? (\n <p role=\"status\" className=\"text-sm text-text-muted\">\n Loading reviews…\n </p>\n ) : error ? (\n <p role=\"alert\" className=\"text-sm text-status-error-text\">\n {error.message}\n </p>\n ) : reviews.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-notifications\"\n title=\"No reviews yet\"\n description=\"This product hasn't received any reviews. Once customers leave feedback, it will appear here for you to read and moderate.\"\n />\n ) : (\n <ul className=\"space-y-3\">\n {reviews.map((review) => (\n <li\n key={review.id}\n className=\"rounded-xl border border-border-seam bg-bg-surface p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]\"\n >\n <div className=\"flex items-center justify-between\">\n <p className=\"font-medium text-text-primary\">\n {review.title \|\|\n t('pages.productReviews.untitled', { defaultValue: 'Untitled review' })}\n </p>\n <span className=\"inline-flex items-center gap-1 text-sm text-text-muted\">\n <Star className=\"size-4\" /> {review.rating}/5\n </span>\n </div>\n <p className=\"mt-2 text-sm text-text-muted\">\n {review.comment \|\|\n t('pages.productReviews.noComment', { defaultValue: 'No comment provided.' })}\n </p>\n <p className=\"mt-2 text-xs text-text-muted\">\n Status: {review.status} • Helpful: {review.helpful}\n </p>\n </li>\n ))}\n </ul>\n )}\n </div>\n </main>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAOA,IAAa,UAA+B;CAC1C,IAAM,IAAW,GAAa,EACxB,EAAE,iBAAc,GAAkC,EAClD,EAAE,YAAS,YAAS,aAAU,EAAkB,KAAa,GAAG,EAChE,EAAE,SAAM,GAAS;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,WAAU;aAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,GAAG;KAC3B,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;KACzB,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,8BAA8B,EAAE,cAAc,mBAAmB,CAAC;KAClE,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,iCAAiC,EAClC,cAAc,yCACf,CAAC;KACA,CAAA,CACA,EAAA,CAAA,CACF;;GACC,CAAA,EAET,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,WAAU;eAAO;KAIhB,CAAA,EACb,IACC,kBAAC,KAAD;KAAG,MAAK;KAAS,WAAU;eAA0B;KAEjD,CAAA,GACF,IACF,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eACvB,EAAM;KACL,CAAA,GACF,EAAQ,WAAW,IACrB,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA,GAEF,kBAAC,MAAD;KAAI,WAAU;eACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAO,SACN,EAAE,iCAAiC,EAAE,cAAc,mBAAmB,CAAC;SACvE,CAAA,EACJ,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;;UAAE,EAAO;UAAO;UACtC;WACH;;OACN,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAO,WACN,EAAE,kCAAkC,EAAE,cAAc,wBAAwB,CAAC;QAC7E,CAAA;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA4C;SACjC,EAAO;SAAO;SAAa,EAAO;SACzC;;OACD;QAnBE,EAAO,GAmBT,CACL;KACC,CAAA,CAEH;;GACD,CAAA,CACH"}

package/dist/pages/PublisherDashboardPage.js CHANGED Viewed

@@ -2,159 +2,194 @@ import { useStore as e } from "../providers/StoreProvider.js";
 import { useMyPublishedProducts as t } from "../hooks/useStoreGraphQL.js";
 import { useMemo as n } from "react";
 import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as i, Download as a, LineChart as o, MessageSquare as s, Package2 as c, Plus as l, Star 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 i, Download as a, LineChart as o, MessageSquare as s, Plus as c, Star 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, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/pages/PublisherDashboardPage.tsx
-var m = () => {
-	let m = p(), { basePath: h } = e(), { t: g } = r(), { products: _, loading: v, error: y, refetch: b } = t(), x = n(() => {
-		let e = _.length;
+var v = () => {
+	let v = f(), { basePath: y } = e(), { t: b } = r(), { products: x, loading: S, error: C, refetch: w } = t(), T = n(() => {
+		let e = x.length;
 		return {
 			totalProducts: e,
-			totalDownloads: _.reduce((e, t) => e + (t.downloads ?? 0), 0),
-			avgRating: e > 0 ? _.reduce((e, t) => e + (t.rating ?? 0), 0) / e : 0
+			totalDownloads: x.reduce((e, t) => e + (t.downloads ?? 0), 0),
+			avgRating: e > 0 ? x.reduce((e, t) => e + (t.rating ?? 0), 0) / e : 0
 		};
-	}, [_]);
-	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 justify-between",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ d("button", {
+					children: [/* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: () => m(-1),
+						onClick: () => v(-1),
 						"aria-label": "Go back",
 						className: "cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: /* @__PURE__ */ d(i, { className: "size-5" })
-					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+						children: /* @__PURE__ */ u(i, { className: "size-5" })
+					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: g("pages.publisherDashboard.title", { defaultValue: "Publisher Dashboard" })
-					}), /* @__PURE__ */ d("p", {
+						children: b("pages.publisherDashboard.title", { defaultValue: "Publisher Dashboard" })
+					}), /* @__PURE__ */ u("p", {
 						className: "text-sm text-text-muted",
-						children: g("pages.publisherDashboard.subtitle", { defaultValue: "Manage your published products and performance" })
+						children: b("pages.publisherDashboard.subtitle", { defaultValue: "Manage your published products and performance" })
 					})] })]
-				}), /* @__PURE__ */ f("button", {
+				}), /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: () => m(`${h}/publisher/submit`),
+					onClick: () => v(`${y}/publisher/submit`),
 					className: "inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text",
-					children: [/* @__PURE__ */ d(l, { className: "size-4" }), "Submit Product"]
+					children: [/* @__PURE__ */ u(c, { className: "size-4" }), "Submit Product"]
 				})]
 			})
-		}), /* @__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__ */ d("p", {
-								className: "text-xs uppercase tracking-wide text-text-muted",
-								children: g("pages.publisherDashboard.totalProducts", { defaultValue: "Published products" })
-							}), /* @__PURE__ */ d("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: x.totalProducts
-							})]
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
-							children: [/* @__PURE__ */ d("p", {
-								className: "text-xs uppercase tracking-wide text-text-muted",
-								children: g("pages.publisherDashboard.totalInstalls", { defaultValue: "Total downloads" })
-							}), /* @__PURE__ */ d("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: x.totalDownloads
-							})]
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
-							children: [/* @__PURE__ */ d("p", {
-								className: "text-xs uppercase tracking-wide text-text-muted",
-								children: g("pages.publisherDashboard.avgRating", { defaultValue: "Average rating" })
-							}), /* @__PURE__ */ d("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: x.avgRating.toFixed(1)
-							})]
-						})
-					]
-				}), /* @__PURE__ */ f("div", {
-					className: "rounded-xl border border-border-default bg-bg-surface p-5",
-					children: [/* @__PURE__ */ f("div", {
+				children: [
+					/* @__PURE__ */ u(_, { children: "Your home base as a marketplace seller. Track how your published products are performing — downloads, ratings and revenue — submit new products for review, and respond to customer reviews. Use it to decide what to build next and to keep your listings healthy." }),
+					/* @__PURE__ */ u(g, {
+						storageKey: "store-publisher-dashboard",
+						steps: [
+							{
+								id: "submit",
+								label: "Submit a product",
+								description: "List a new app or tool for review and publishing.",
+								icon: /* @__PURE__ */ u(c, { className: "size-4" }),
+								onClick: () => v(`${y}/publisher/submit`),
+								done: T.totalProducts > 0
+							},
+							{
+								id: "revenue",
+								label: "Check your earnings",
+								description: "See revenue and payouts across your products.",
+								icon: /* @__PURE__ */ u(o, { className: "size-4" }),
+								onClick: () => v(`${y}/publisher/revenue`)
+							},
+							{
+								id: "track",
+								label: "Track submission status",
+								description: "Follow products through the review pipeline.",
+								onClick: () => v(`${y}/publisher/submissions`)
+							}
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "grid gap-4 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ d(m, {
+								treatment: "metric",
+								className: "p-4",
+								children: [/* @__PURE__ */ u("p", {
+									className: "text-xs uppercase tracking-wide text-text-muted",
+									children: b("pages.publisherDashboard.totalProducts", { defaultValue: "Published products" })
+								}), /* @__PURE__ */ u("p", {
+									className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+									children: T.totalProducts
+								})]
+							}),
+							/* @__PURE__ */ d(m, {
+								treatment: "metric",
+								className: "p-4",
+								children: [/* @__PURE__ */ u("p", {
+									className: "text-xs uppercase tracking-wide text-text-muted",
+									children: b("pages.publisherDashboard.totalInstalls", { defaultValue: "Total downloads" })
+								}), /* @__PURE__ */ u("p", {
+									className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+									children: T.totalDownloads
+								})]
+							}),
+							/* @__PURE__ */ d(m, {
+								treatment: "metric",
+								className: "p-4",
+								children: [/* @__PURE__ */ u("p", {
+									className: "text-xs uppercase tracking-wide text-text-muted",
+									children: b("pages.publisherDashboard.avgRating", { defaultValue: "Average rating" })
+								}), /* @__PURE__ */ u("p", {
+									className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+									children: T.avgRating.toFixed(1)
+								})]
+							})
+						]
+					}),
+					/* @__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: g("pages.publisherDashboard.yourProducts", { defaultValue: "Your Products" })
-						}), /* @__PURE__ */ f("button", {
+							children: b("pages.publisherDashboard.yourProducts", { defaultValue: "Your Products" })
+						}), /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => m(`${h}/publisher/revenue`),
+							onClick: () => v(`${y}/publisher/revenue`),
 							className: "inline-flex cursor-pointer items-center gap-1.5 text-sm font-medium text-text-link hover:underline",
-							children: [/* @__PURE__ */ d(o, { className: "size-4" }), "Revenue"]
+							children: [/* @__PURE__ */ u(o, { className: "size-4" }), "Revenue"]
 						})]
-					}), v ? /* @__PURE__ */ d("p", {
+					}), S ? /* @__PURE__ */ u("p", {
 						role: "status",
 						className: "text-sm text-text-muted",
-						children: g("common.loading", { defaultValue: "Loading..." })
-					}) : y ? /* @__PURE__ */ f("div", {
+						children: b("common.loading", { defaultValue: "Loading..." })
+					}) : C ? /* @__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: g("pages.publisherDashboard.failedToLoad", { defaultValue: "Failed to load publisher products." })
-						}), /* @__PURE__ */ d("button", {
+							children: b("pages.publisherDashboard.failedToLoad", { defaultValue: "Failed to load publisher products." })
+						}), /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => b(),
+							onClick: () => w(),
 							className: "cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text",
 							children: "Retry"
 						})]
-					}) : _.length === 0 ? /* @__PURE__ */ f("div", {
-						className: "rounded-lg border border-border-default bg-bg-sunken p-6 text-center",
-						children: [/* @__PURE__ */ d(c, { className: "mx-auto mb-2 size-8 text-text-muted" }), /* @__PURE__ */ d("p", {
-							className: "text-sm text-text-muted",
-							children: g("pages.publisherDashboard.noProducts", { defaultValue: "No published products yet. Submit your first product to get started." })
-						})]
-					}) : /* @__PURE__ */ d("ul", {
+					}) : x.length === 0 ? /* @__PURE__ */ u(h, {
+						illustration: "empty-data",
+						title: b("pages.publisherDashboard.noProductsTitle", { defaultValue: "No published products yet" }),
+						description: b("pages.publisherDashboard.noProducts", { defaultValue: "No published products yet. Submit your first product to get started." }),
+						action: /* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: () => v(`${y}/publisher/submit`),
+							className: "inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90",
+							children: [/* @__PURE__ */ u(c, { className: "size-4" }), "Submit Product"]
+						})
+					}) : /* @__PURE__ */ u("ul", {
 						className: "space-y-3",
-						children: _.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: () => m(`${h}/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__ */ d("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: "text-xs text-text-muted",
 									children: e.status
-								})] }), /* @__PURE__ */ f("div", {
+								})] }), /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-4 text-xs text-text-muted",
-									children: [/* @__PURE__ */ f("span", {
+									children: [/* @__PURE__ */ d("span", {
 										className: "inline-flex items-center gap-1",
-										children: [/* @__PURE__ */ d(u, { className: "size-3.5" }), (e.rating ?? 0).toFixed(1)]
-									}), /* @__PURE__ */ f("span", {
+										children: [/* @__PURE__ */ u(l, { className: "size-3.5" }), (e.rating ?? 0).toFixed(1)]
+									}), /* @__PURE__ */ d("span", {
 										className: "inline-flex items-center gap-1",
-										children: [/* @__PURE__ */ d(a, { className: "size-3.5" }), e.downloads]
+										children: [/* @__PURE__ */ u(a, { className: "size-3.5" }), e.downloads]
 									})]
 								})]
-							}), /* @__PURE__ */ f("button", {
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => m(`${h}/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(s, { className: "size-3.5" }), "Reviews"]
+								children: [/* @__PURE__ */ u(s, { className: "size-3.5" }), "Reviews"]
 							})]
 						}, e.id))
-					})]
-				})]
+					})] })
+				]
 			})
 		})]
 	});
 };
 //#endregion
-export { m as PublisherDashboardPage };
+export { v as PublisherDashboardPage };
 //# sourceMappingURL=PublisherDashboardPage.js.map

package/dist/pages/PublisherDashboardPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PublisherDashboardPage.js","names":[],"sources":["../../src/pages/PublisherDashboardPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Package2, Star, Download, Plus, LineChart, MessageSquare } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useMyPublishedProducts } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport const PublisherDashboardPage: FC = () => {\n const navigate = useNavigate();\n const { basePath } = useStore();\n const { t } = useI18n();\n const { products, loading, error, refetch } = useMyPublishedProducts();\n\n const metrics = useMemo(() => {\n const totalProducts = products.length;\n const totalDownloads = products.reduce((sum, p) => sum + (p.downloads ?? 0), 0);\n const avgRating =\n totalProducts > 0 ? products.reduce((sum, p) => sum + (p.rating ?? 0), 0) / totalProducts : 0;\n return {\n totalProducts,\n totalDownloads,\n avgRating,\n };\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 justify-between\">\n <div className=\"flex 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 transition-colors 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.publisherDashboard.title', { defaultValue: 'Publisher Dashboard' })}\n </h1>\n <p className=\"text-sm text-text-muted\">\n {t('pages.publisherDashboard.subtitle', {\n defaultValue: 'Manage your published products and performance',\n })}\n </p>\n </div>\n </div>\n\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/publisher/submit`)}\n className=\"inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text\"\n >\n <Plus className=\"size-4\" />\n Submit Product\n </button>\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 <p className=\"text-xs uppercase tracking-wide text-text-muted\">\n {t('pages.publisherDashboard.totalProducts', {\n defaultValue: 'Published products',\n })}\n </p>\n <p className=\"mt-2 text-2xl font-bold text-text-primary\">{metrics.totalProducts}</p>\n </div>\n <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n <p className=\"text-xs uppercase tracking-wide text-text-muted\">\n {t('pages.publisherDashboard.totalInstalls', { defaultValue: 'Total downloads' })}\n </p>\n <p className=\"mt-2 text-2xl font-bold text-text-primary\">{metrics.totalDownloads}</p>\n </div>\n <div className=\"rounded-xl border border-border-default bg-bg-surface p-4\">\n <p className=\"text-xs uppercase tracking-wide text-text-muted\">\n {t('pages.publisherDashboard.avgRating', { defaultValue: 'Average rating' })}\n </p>\n <p className=\"mt-2 text-2xl font-bold text-text-primary\">\n {metrics.avgRating.toFixed(1)}\n </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.publisherDashboard.yourProducts', { defaultValue: 'Your Products' })}\n </h2>\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/publisher/revenue`)}\n className=\"inline-flex cursor-pointer items-center gap-1.5 text-sm font-medium text-text-link hover:underline\"\n >\n <LineChart className=\"size-4\" />\n Revenue\n </button>\n </div>\n\n {loading ? (\n <p role=\"status\" className=\"text-sm text-text-muted\">\n {t('common.loading', { defaultValue: 'Loading...' })}\n </p>\n ) : error ? (\n <div role=\"alert\" className=\"space-y-2\">\n <p className=\"text-sm text-status-error-text\">\n {t('pages.publisherDashboard.failedToLoad', {\n defaultValue: 'Failed to load publisher products.',\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-6 text-center\">\n <Package2 className=\"mx-auto mb-2 size-8 text-text-muted\" />\n <p className=\"text-sm text-text-muted\">\n {t('pages.publisherDashboard.noProducts', {\n defaultValue:\n 'No published products yet. Submit your first product to get started.',\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\">{product.status}</p>\n </div>\n <div className=\"flex items-center gap-4 text-xs text-text-muted\">\n <span className=\"inline-flex items-center gap-1\">\n <Star className=\"size-3.5\" />\n {(product.rating ?? 0).toFixed(1)}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Download className=\"size-3.5\" />\n {product.downloads}\n </span>\n </div>\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 </ul>\n )}\n </div>\n </div>\n </main>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"PublisherDashboardPage.js","names":[],"sources":["../../src/pages/PublisherDashboardPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Star, Download, Plus, LineChart, 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 NextSteps,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\n\nexport const PublisherDashboardPage: FC = () => {\n const navigate = useNavigate();\n const { basePath } = useStore();\n const { t } = useI18n();\n const { products, loading, error, refetch } = useMyPublishedProducts();\n\n const metrics = useMemo(() => {\n const totalProducts = products.length;\n const totalDownloads = products.reduce((sum, p) => sum + (p.downloads ?? 0), 0);\n const avgRating =\n totalProducts > 0 ? products.reduce((sum, p) => sum + (p.rating ?? 0), 0) / totalProducts : 0;\n return {\n totalProducts,\n totalDownloads,\n avgRating,\n };\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 justify-between\">\n <div className=\"flex 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 transition-colors 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.publisherDashboard.title', { defaultValue: 'Publisher Dashboard' })}\n </h1>\n <p className=\"text-sm text-text-muted\">\n {t('pages.publisherDashboard.subtitle', {\n defaultValue: 'Manage your published products and performance',\n })}\n </p>\n </div>\n </div>\n\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/publisher/submit`)}\n className=\"inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text\"\n >\n <Plus className=\"size-4\" />\n Submit Product\n </button>\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 Your home base as a marketplace seller. Track how your published products are performing\n — downloads, ratings and revenue — submit new products for review, and respond to\n customer reviews. Use it to decide what to build next and to keep your listings healthy.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"store-publisher-dashboard\"\n steps={[\n {\n id: 'submit',\n label: 'Submit a product',\n description: 'List a new app or tool for review and publishing.',\n icon: <Plus className=\"size-4\" />,\n onClick: () => navigate(`${basePath}/publisher/submit`),\n done: metrics.totalProducts > 0,\n },\n {\n id: 'revenue',\n label: 'Check your earnings',\n description: 'See revenue and payouts across your products.',\n icon: <LineChart className=\"size-4\" />,\n onClick: () => navigate(`${basePath}/publisher/revenue`),\n },\n {\n id: 'track',\n label: 'Track submission status',\n description: 'Follow products through the review pipeline.',\n onClick: () => navigate(`${basePath}/publisher/submissions`),\n },\n ]}\n />\n\n <div className=\"grid gap-4 sm:grid-cols-3\">\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs uppercase tracking-wide text-text-muted\">\n {t('pages.publisherDashboard.totalProducts', {\n defaultValue: 'Published products',\n })}\n </p>\n <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n {metrics.totalProducts}\n </p>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs uppercase tracking-wide text-text-muted\">\n {t('pages.publisherDashboard.totalInstalls', { defaultValue: 'Total downloads' })}\n </p>\n <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n {metrics.totalDownloads}\n </p>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"p-4\">\n <p className=\"text-xs uppercase tracking-wide text-text-muted\">\n {t('pages.publisherDashboard.avgRating', { defaultValue: 'Average rating' })}\n </p>\n <p className=\"mt-2 text-2xl font-bold tabular-nums text-text-primary\">\n {metrics.avgRating.toFixed(1)}\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.publisherDashboard.yourProducts', { defaultValue: 'Your Products' })}\n </h2>\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/publisher/revenue`)}\n className=\"inline-flex cursor-pointer items-center gap-1.5 text-sm font-medium text-text-link hover:underline\"\n >\n <LineChart className=\"size-4\" />\n Revenue\n </button>\n </div>\n\n {loading ? (\n <p role=\"status\" className=\"text-sm text-text-muted\">\n {t('common.loading', { defaultValue: 'Loading...' })}\n </p>\n ) : error ? (\n <div role=\"alert\" className=\"space-y-2\">\n <p className=\"text-sm text-status-error-text\">\n {t('pages.publisherDashboard.failedToLoad', {\n defaultValue: 'Failed to load publisher products.',\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.publisherDashboard.noProductsTitle', {\n defaultValue: 'No published products yet',\n })}\n description={t('pages.publisherDashboard.noProducts', {\n defaultValue:\n 'No published products yet. Submit your first product to get started.',\n })}\n action={\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/publisher/submit`)}\n className=\"inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90\"\n >\n <Plus className=\"size-4\" />\n Submit Product\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\">{product.status}</p>\n </div>\n <div className=\"flex items-center gap-4 text-xs text-text-muted\">\n <span className=\"inline-flex items-center gap-1\">\n <Star className=\"size-3.5\" />\n {(product.rating ?? 0).toFixed(1)}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Download className=\"size-3.5\" />\n {product.downloads}\n </span>\n </div>\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 </ul>\n )}\n </EmphasisPanel>\n </div>\n </main>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/pages/PublisherRevenuePage.js CHANGED Viewed

@@ -4,137 +4,139 @@ import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProv
 import { ArrowLeft as r, Clock3 as i, TrendingUp as a, Wallet as o } from "lucide-react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useNavigate as u } from "react-router-dom";
+import { EmphasisPanel as d, GlassCard as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/pages/PublisherRevenuePage.tsx
-var d = () => {
-	let d = u(), { earnings: f, loading: p, error: m, refetch: h } = e(), { t: g } = n(), _ = f ?? null, v = _?.currency || "USD", y = t(() => new Intl.NumberFormat(void 0, {
+var h = () => {
+	let h = u(), { earnings: g, loading: _, error: v, refetch: y } = e(), { t: b } = n(), x = g ?? null, S = x?.currency || "USD", C = t(() => new Intl.NumberFormat(void 0, {
 		style: "currency",
-		currency: v,
+		currency: S,
 		maximumFractionDigits: 2
-	}), [v]);
+	}), [S]);
 	return /* @__PURE__ */ l("div", {
 		className: "flex h-full flex-col",
 		children: [/* @__PURE__ */ c("header", {
-			className: "border-b border-border-default bg-bg-surface px-6 py-4",
+			className: "border-b border-border-seam bg-bg-surface px-6 py-4",
 			children: /* @__PURE__ */ l("div", {
 				className: "mx-auto flex max-w-6xl items-center gap-3",
 				children: [/* @__PURE__ */ c("button", {
 					type: "button",
-					onClick: () => d(-1),
+					onClick: () => h(-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__ */ c(r, { className: "size-5" })
 				}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: g("pages.publisherRevenue.title", { defaultValue: "Revenue" })
+					children: b("pages.publisherRevenue.title", { defaultValue: "Revenue" })
 				}), /* @__PURE__ */ c("p", {
 					className: "text-sm text-text-muted",
-					children: g("pages.publisherRevenue.subtitle", { defaultValue: "Track publisher earnings and payouts" })
+					children: b("pages.publisherRevenue.subtitle", { defaultValue: "Track publisher earnings and payouts" })
 				})] })]
 			})
 		}), /* @__PURE__ */ c("main", {
 			className: "flex-1 overflow-y-auto p-6",
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "mx-auto max-w-6xl space-y-6",
-				children: p ? /* @__PURE__ */ c("p", {
+				children: [/* @__PURE__ */ c(m, { children: "See what your published products are actually earning. Track total and monthly revenue, how many orders came in, and which products sell best — so you know where your income comes from and which listings are worth doubling down on." }), _ ? /* @__PURE__ */ c("p", {
 					role: "status",
 					className: "text-sm text-text-muted",
 					children: "Loading earnings…"
-				}) : m ? /* @__PURE__ */ l("div", {
+				}) : v ? /* @__PURE__ */ l("div", {
 					role: "alert",
 					className: "space-y-2 rounded-xl border border-status-error-border bg-status-error-bg-subtle p-6",
 					children: [/* @__PURE__ */ c("p", {
 						className: "text-sm text-status-error-text",
-						children: g("pages.publisherRevenue.failedToLoad", { defaultValue: "Failed to load earnings data." })
+						children: b("pages.publisherRevenue.failedToLoad", { defaultValue: "Failed to load earnings data." })
 					}), /* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: () => h(),
+						onClick: () => y(),
 						className: "cursor-pointer rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text",
 						children: "Retry"
 					})]
-				}) : _ ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
+				}) : x ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
 					className: "grid gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ l("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
+						/* @__PURE__ */ l(f, {
+							treatment: "metric",
+							className: "p-4",
 							children: [/* @__PURE__ */ l("div", {
 								className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
 								children: [
 									/* @__PURE__ */ c(o, { className: "size-4" }),
 									" ",
-									g("pages.publisherRevenue.totalEarnings", { defaultValue: "Total earnings" })
+									b("pages.publisherRevenue.totalEarnings", { defaultValue: "Total earnings" })
 								]
 							}), /* @__PURE__ */ c("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: y.format(_.totalEarnings)
+								className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+								children: C.format(x.totalEarnings)
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
+						/* @__PURE__ */ l(f, {
+							treatment: "metric",
+							className: "p-4",
 							children: [/* @__PURE__ */ l("div", {
 								className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
 								children: [
 									/* @__PURE__ */ c(i, { className: "size-4" }),
 									" ",
-									g("pages.publisherRevenue.monthlyEarnings", { defaultValue: "Monthly earnings" })
+									b("pages.publisherRevenue.monthlyEarnings", { defaultValue: "Monthly earnings" })
 								]
 							}), /* @__PURE__ */ c("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: y.format(_.monthlyEarnings)
+								className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+								children: C.format(x.monthlyEarnings)
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "rounded-xl border border-border-default bg-bg-surface p-4",
+						/* @__PURE__ */ l(f, {
+							treatment: "metric",
+							className: "p-4",
 							children: [/* @__PURE__ */ l("div", {
 								className: "inline-flex items-center gap-2 text-xs uppercase tracking-wide text-text-muted",
 								children: [
 									/* @__PURE__ */ c(a, { className: "size-4" }),
 									" ",
-									g("pages.publisherRevenue.monthlyOrders", { defaultValue: "Monthly orders" })
+									b("pages.publisherRevenue.monthlyOrders", { defaultValue: "Monthly orders" })
 								]
 							}), /* @__PURE__ */ c("p", {
-								className: "mt-2 text-2xl font-bold text-text-primary",
-								children: _.monthlyOrders
+								className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
+								children: x.monthlyOrders
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l("div", {
-					className: "rounded-xl border border-border-default bg-bg-surface p-5",
-					children: [/* @__PURE__ */ c("h2", {
-						className: "mb-3 text-lg font-semibold text-text-primary",
-						children: g("pages.publisherRevenue.topSelling", { defaultValue: "Top Selling Items" })
-					}), !_.topSellingItems || _.topSellingItems.length === 0 ? /* @__PURE__ */ c("p", {
-						className: "text-sm text-text-muted",
-						children: g("pages.publisherRevenue.noSales", { defaultValue: "No product sales found for this period." })
-					}) : /* @__PURE__ */ c("ul", {
-						className: "space-y-2",
-						children: _.topSellingItems.map((e) => /* @__PURE__ */ l("li", {
-							className: "flex items-center justify-between rounded-lg border border-border-default p-3",
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: e.storeProduct.name
-							}), /* @__PURE__ */ l("p", {
-								className: "text-xs text-text-muted",
-								children: [
-									e.totalSales,
-									" total sales • ",
-									e.monthlySales,
-									" this period"
-								]
-							})] }), /* @__PURE__ */ c("p", {
-								className: "text-sm font-semibold text-text-primary",
-								children: y.format(e.totalEarnings)
-							})]
-						}, e.storeProduct.id))
-					})]
-				})] }) : /* @__PURE__ */ c("div", {
-					className: "rounded-xl border border-border-default bg-bg-surface p-8 text-center text-sm text-text-muted",
-					children: g("pages.publisherRevenue.noRevenue", { defaultValue: "No revenue data available yet." })
-				})
+				}), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c("h2", {
+					className: "mb-3 text-lg font-semibold text-text-primary",
+					children: b("pages.publisherRevenue.topSelling", { defaultValue: "Top Selling Items" })
+				}), !x.topSellingItems || x.topSellingItems.length === 0 ? /* @__PURE__ */ c("p", {
+					className: "text-sm text-text-muted",
+					children: b("pages.publisherRevenue.noSales", { defaultValue: "No product sales found for this period." })
+				}) : /* @__PURE__ */ c("ul", {
+					className: "space-y-2",
+					children: x.topSellingItems.map((e) => /* @__PURE__ */ l("li", {
+						className: "flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface p-3",
+						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: e.storeProduct.name
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-text-muted",
+							children: [
+								e.totalSales,
+								" total sales • ",
+								e.monthlySales,
+								" this period"
+							]
+						})] }), /* @__PURE__ */ c("p", {
+							className: "text-sm font-semibold text-text-primary",
+							children: C.format(e.totalEarnings)
+						})]
+					}, e.storeProduct.id))
+				})] })] }) : /* @__PURE__ */ c(p, {
+					illustration: "empty-data",
+					title: b("pages.publisherRevenue.noRevenueTitle", { defaultValue: "No revenue data yet" }),
+					description: b("pages.publisherRevenue.noRevenue", { defaultValue: "No revenue data available yet. Earnings will appear here once your published products start selling." })
+				})]
 			})
 		})]
 	});
 };
 //#endregion
-export { d as PublisherRevenuePage };
+export { h as PublisherRevenuePage };
 //# sourceMappingURL=PublisherRevenuePage.js.map