@burdenoff/microfe-store 2026.510.113

package/dist/pages/PublisherRevenuePage.js

@@ -0,0 +1,138 @@
+import { useDeveloperEarnings as e } from "../hooks/useStoreGraphQL.js";
+import { useMemo as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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";
+//#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, {
+		style: "currency",
+		currency: v,
+		maximumFractionDigits: 2
+	}), [v]);
+	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",
+			children: /* @__PURE__ */ l("div", {
+				className: "mx-auto flex max-w-6xl items-center gap-3",
+				children: [/* @__PURE__ */ c("button", {
+					onClick: () => d(-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: "h-5 w-5" })
+				}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: g("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" })
+				})] })]
+			})
+		}), /* @__PURE__ */ c("main", {
+			className: "flex-1 overflow-y-auto p-6",
+			children: /* @__PURE__ */ c("div", {
+				className: "mx-auto max-w-6xl space-y-6",
+				children: p ? /* @__PURE__ */ c("p", {
+					role: "status",
+					className: "text-sm text-text-muted",
+					children: "Loading earnings..."
+				}) : m ? /* @__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." })
+					}), /* @__PURE__ */ c("button", {
+						onClick: () => h(),
+						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", {
+					className: "grid gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "rounded-xl border border-border-default bg-bg-surface 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: "h-4 w-4" }),
+									" ",
+									g("pages.publisherRevenue.totalEarnings", { defaultValue: "Total earnings" })
+								]
+							}), /* @__PURE__ */ c("p", {
+								className: "mt-2 text-2xl font-bold text-text-primary",
+								children: y.format(_.totalEarnings)
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "rounded-xl border border-border-default bg-bg-surface 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: "h-4 w-4" }),
+									" ",
+									g("pages.publisherRevenue.monthlyEarnings", { defaultValue: "Monthly earnings" })
+								]
+							}), /* @__PURE__ */ c("p", {
+								className: "mt-2 text-2xl font-bold text-text-primary",
+								children: y.format(_.monthlyEarnings)
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "rounded-xl border border-border-default bg-bg-surface 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: "h-4 w-4" }),
+									" ",
+									g("pages.publisherRevenue.monthlyOrders", { defaultValue: "Monthly orders" })
+								]
+							}), /* @__PURE__ */ c("p", {
+								className: "mt-2 text-2xl font-bold text-text-primary",
+								children: _.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." })
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { d as PublisherRevenuePage };
+
+//# sourceMappingURL=PublisherRevenuePage.js.map

package/dist/pages/PublisherRevenuePage.js.map

@@ -0,0 +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            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=\"h-5 w-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                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=\"h-4 w-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=\"h-4 w-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=\"h-4 w-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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"}

package/dist/pages/PublisherSubmissionsPage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const PublisherSubmissionsPage: FC;

package/dist/pages/PublisherSubmissionsPage.js

@@ -0,0 +1,174 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useSubmissionStatusUpdatedSubscription as t } from "../generated/global-operations.js";
+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";
+//#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;
+	t({
+		variables: { publisherId: T ?? "" },
+		skip: !T,
+		onData: () => {
+			S();
+		},
+		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;
+		return {
+			approved: e,
+			rejected: t,
+			pending: v.length - e - t
+		};
+	}, [v]);
+	return /* @__PURE__ */ f("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", {
+				className: "mx-auto flex max-w-6xl items-center gap-3",
+				children: [/* @__PURE__ */ d("button", {
+					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__ */ d(a, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: w("pages.publisherSubmissions.title", { defaultValue: "Submissions" })
+				}), /* @__PURE__ */ d("p", {
+					className: "text-sm text-text-muted",
+					children: w("pages.publisherSubmissions.subtitle", { defaultValue: "Track approval status for your store products" })
+				})] })]
+			})
+		}), /* @__PURE__ */ d("main", {
+			className: "flex-1 overflow-y-auto p-6",
+			children: /* @__PURE__ */ f("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: "h-4 w-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: "h-4 w-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: "h-4 w-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", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ d("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: w("pages.publisherSubmissions.timeline", { defaultValue: "Submission Timeline" })
+						}), /* @__PURE__ */ d("button", {
+							onClick: () => h(`${g}/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" })
+						})]
+					}), b ? /* @__PURE__ */ d("p", {
+						role: "status",
+						className: "text-sm text-text-muted",
+						children: "Loading submissions..."
+					}) : x ? /* @__PURE__ */ f("div", {
+						role: "alert",
+						className: "space-y-2",
+						children: [/* @__PURE__ */ d("p", {
+							className: "text-sm text-status-error-text",
+							children: w("pages.publisherSubmissions.failedToLoad", { defaultValue: "Failed to load submissions." })
+						}), /* @__PURE__ */ d("button", {
+							onClick: () => S(),
+							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 h-10 w-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", {
+						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", {
+								onClick: () => h(`${g}/marketplace/product/${e.id}`),
+								className: "flex flex-1 cursor-pointer items-center justify-between text-left",
+								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+									className: "font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ f("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)}`,
+									children: e.status
+								})]
+							}), /* @__PURE__ */ f("button", {
+								onClick: () => h(`${g}/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: "h-3.5 w-3.5" }), "Reviews"]
+							})]
+						}, e.id)), y && /* @__PURE__ */ d("li", {
+							className: "flex justify-center pt-4 list-none",
+							children: /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: C,
+								disabled: b,
+								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"
+							})
+						})]
+					})]
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+export { h as PublisherSubmissionsPage };
+
+//# sourceMappingURL=PublisherSubmissionsPage.js.map

package/dist/pages/PublisherSubmissionsPage.js.map

@@ -0,0 +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            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=\"h-5 w-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=\"h-4 w-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=\"h-4 w-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=\"h-4 w-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                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                  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 h-10 w-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                      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                      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=\"h-3.5 w-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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"}

package/dist/pages/PublisherSubmitPage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const PublisherSubmitPage: FC;

package/dist/pages/PublisherSubmitPage.js

@@ -0,0 +1,224 @@
+import { CreateProductForPublisherDocument as e } from "../generated/global-operations.js";
+import { useMemo as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useApolloClient as a } from "@apollo/client/react";
+//#region src/pages/PublisherSubmitPage.tsx
+var o = JSON.stringify({
+	schemaVersion: "1.0.0",
+	itemType: "app",
+	author: { name: "Publisher Team" },
+	compatibility: {
+		minVersion: "2026.1.0",
+		products: ["workspaces"]
+	},
+	permissions: ["workspace:read"],
+	dependencies: { integrations: [] }
+}, null, 2), s = () => {
+	let s = a(), [c, l] = n(""), [u, d] = n(""), [f, p] = n(""), [m, h] = n("APP"), [g, _] = n("0"), [v, y] = n(o), [b, x] = n(!1), [S, C] = n(null), [w, T] = n(null), E = t(() => {
+		try {
+			return {
+				value: JSON.parse(v),
+				error: null
+			};
+		} catch {
+			return {
+				value: null,
+				error: "Manifest JSON is invalid."
+			};
+		}
+	}, [v]);
+	return /* @__PURE__ */ i("main", {
+		className: "mx-auto max-w-4xl p-6",
+		children: [/* @__PURE__ */ i("header", {
+			className: "mb-6",
+			children: [/* @__PURE__ */ r("h1", {
+				className: "text-2xl font-semibold text-text-primary",
+				children: "Submit Product"
+			}), /* @__PURE__ */ r("p", {
+				className: "mt-1 text-sm text-text-muted",
+				children: "Create a store product with manifest JSON (raw mode)."
+			})]
+		}), /* @__PURE__ */ i("form", {
+			onSubmit: async (t) => {
+				if (t.preventDefault(), C(null), T(null), !c.trim()) {
+					C("Product name is required.");
+					return;
+				}
+				if (!u.trim()) {
+					C("Product slug is required.");
+					return;
+				}
+				if (E.error || !E.value) {
+					C(E.error || "Manifest JSON is required.");
+					return;
+				}
+				let n = Number(g);
+				if (!Number.isFinite(n) || n < 0) {
+					C("Price must be a valid non-negative number.");
+					return;
+				}
+				x(!0);
+				try {
+					let t = (await s.mutate({
+						mutation: e,
+						variables: { input: {
+							name: c.trim(),
+							slug: u.trim(),
+							type: m,
+							price: n,
+							pricingModel: n === 0 ? "FREE" : "PAID_ONETIME",
+							description: f.trim() || void 0,
+							manifest: E.value
+						} }
+					})).data?.createProduct;
+					if (!t) {
+						C("Product creation failed: no product returned by API.");
+						return;
+					}
+					T(`Created ${t.slug} (${t.status})`), l(""), d(""), p("");
+				} catch (e) {
+					C(e instanceof Error ? e.message : "Unknown error");
+				} finally {
+					x(!1);
+				}
+			},
+			className: "space-y-4",
+			"aria-label": "Submit Product",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "grid gap-4 md:grid-cols-2",
+					children: [
+						/* @__PURE__ */ i("label", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-sm text-text-secondary",
+								children: "Product Name"
+							}), /* @__PURE__ */ r("input", {
+								value: c,
+								onChange: (e) => l(e.target.value),
+								required: !0,
+								"aria-required": "true",
+								className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								placeholder: "Acme Automation"
+							})]
+						}),
+						/* @__PURE__ */ i("label", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-sm text-text-secondary",
+								children: "Slug"
+							}), /* @__PURE__ */ r("input", {
+								value: u,
+								onChange: (e) => d(e.target.value),
+								required: !0,
+								"aria-required": "true",
+								className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								placeholder: "acme-automation"
+							})]
+						}),
+						/* @__PURE__ */ i("label", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-sm text-text-secondary",
+								children: "Type"
+							}), /* @__PURE__ */ i("select", {
+								value: m,
+								onChange: (e) => h(e.target.value),
+								className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								children: [
+									/* @__PURE__ */ r("option", {
+										value: "APP",
+										children: "APP"
+									}),
+									/* @__PURE__ */ r("option", {
+										value: "AGENT",
+										children: "AGENT"
+									}),
+									/* @__PURE__ */ r("option", {
+										value: "NODE",
+										children: "NODE"
+									}),
+									/* @__PURE__ */ r("option", {
+										value: "WIDGET",
+										children: "WIDGET"
+									}),
+									/* @__PURE__ */ r("option", {
+										value: "WORKFLOW",
+										children: "WORKFLOW"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ i("label", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-sm text-text-secondary",
+								children: "Price"
+							}), /* @__PURE__ */ r("input", {
+								type: "number",
+								min: "0",
+								step: "0.01",
+								value: g,
+								onChange: (e) => _(e.target.value),
+								className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ i("label", {
+					className: "block space-y-1",
+					children: [/* @__PURE__ */ r("span", {
+						className: "text-sm text-text-secondary",
+						children: "Description"
+					}), /* @__PURE__ */ r("textarea", {
+						value: f,
+						onChange: (e) => p(e.target.value),
+						rows: 3,
+						className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary"
+					})]
+				}),
+				/* @__PURE__ */ i("label", {
+					className: "block space-y-1",
+					children: [
+						/* @__PURE__ */ r("span", {
+							className: "text-sm text-text-secondary",
+							children: "Manifest (JSON)"
+						}),
+						/* @__PURE__ */ r("textarea", {
+							value: v,
+							onChange: (e) => y(e.target.value),
+							rows: 16,
+							required: !0,
+							"aria-required": "true",
+							className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 font-mono text-xs text-text-primary"
+						}),
+						E.error && /* @__PURE__ */ r("p", {
+							className: "text-xs text-status-error-text",
+							children: E.error
+						})
+					]
+				}),
+				S && /* @__PURE__ */ r("p", {
+					role: "alert",
+					className: "rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: S
+				}),
+				w && /* @__PURE__ */ r("p", {
+					role: "status",
+					className: "rounded-md bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
+					children: w
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "submit",
+					disabled: b,
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text disabled:cursor-not-allowed disabled:opacity-60",
+					children: b ? "Submitting..." : "Submit Product"
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { s as PublisherSubmitPage };
+
+//# sourceMappingURL=PublisherSubmitPage.js.map

package/dist/pages/PublisherSubmitPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublisherSubmitPage.js","names":[],"sources":["../../src/pages/PublisherSubmitPage.tsx"],"sourcesContent":["import { useApolloClient } from '@apollo/client/react';\nimport { useMemo, useState, type FC, type FormEvent } from 'react';\n\nimport { CreateProductForPublisherDocument } from '../generated/global-operations';\n\nconst DEFAULT_MANIFEST = JSON.stringify(\n  {\n    schemaVersion: '1.0.0',\n    itemType: 'app',\n    author: { name: 'Publisher Team' },\n    compatibility: {\n      minVersion: '2026.1.0',\n      products: ['workspaces'],\n    },\n    permissions: ['workspace:read'],\n    dependencies: {\n      integrations: [],\n    },\n  },\n  null,\n  2\n);\n\nexport const PublisherSubmitPage: FC = () => {\n  const client = useApolloClient();\n\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState('APP');\n  const [price, setPrice] = useState('0');\n  const [manifestText, setManifestText] = useState(DEFAULT_MANIFEST);\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState<string | null>(null);\n\n  const parsedManifest = useMemo(() => {\n    try {\n      return { value: JSON.parse(manifestText), error: null as string | null };\n    } catch {\n      return { value: null, error: 'Manifest JSON is invalid.' };\n    }\n  }, [manifestText]);\n\n  const submitProduct = async (event: FormEvent) => {\n    event.preventDefault();\n    setError(null);\n    setSuccess(null);\n\n    if (!name.trim()) {\n      setError('Product name is required.');\n      return;\n    }\n    if (!slug.trim()) {\n      setError('Product slug is required.');\n      return;\n    }\n    if (parsedManifest.error || !parsedManifest.value) {\n      setError(parsedManifest.error || 'Manifest JSON is required.');\n      return;\n    }\n\n    const numericPrice = Number(price);\n    if (!Number.isFinite(numericPrice) || numericPrice < 0) {\n      setError('Price must be a valid non-negative number.');\n      return;\n    }\n\n    setSubmitting(true);\n    try {\n      const result = await client.mutate<{\n        createProduct?: { id: string; slug: string; status: string };\n      }>({\n        mutation: CreateProductForPublisherDocument,\n        variables: {\n          input: {\n            name: name.trim(),\n            slug: slug.trim(),\n            type,\n            price: numericPrice,\n            pricingModel: numericPrice === 0 ? 'FREE' : 'PAID_ONETIME',\n            description: description.trim() || undefined,\n            manifest: parsedManifest.value,\n          },\n        },\n      });\n\n      const created = result.data?.createProduct;\n      if (!created) {\n        setError('Product creation failed: no product returned by API.');\n        return;\n      }\n\n      setSuccess(`Created ${created.slug} (${created.status})`);\n      setName('');\n      setSlug('');\n      setDescription('');\n    } catch (mutationError) {\n      const message = mutationError instanceof Error ? mutationError.message : 'Unknown error';\n      setError(message);\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <main className=\"mx-auto max-w-4xl p-6\">\n      <header className=\"mb-6\">\n        <h1 className=\"text-2xl font-semibold text-text-primary\">Submit Product</h1>\n        <p className=\"mt-1 text-sm text-text-muted\">\n          Create a store product with manifest JSON (raw mode).\n        </p>\n      </header>\n\n      <form onSubmit={submitProduct} className=\"space-y-4\" aria-label=\"Submit Product\">\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <label className=\"space-y-1\">\n            <span className=\"text-sm text-text-secondary\">Product Name</span>\n            <input\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              required\n              aria-required=\"true\"\n              className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              placeholder=\"Acme Automation\"\n            />\n          </label>\n\n          <label className=\"space-y-1\">\n            <span className=\"text-sm text-text-secondary\">Slug</span>\n            <input\n              value={slug}\n              onChange={(event) => setSlug(event.target.value)}\n              required\n              aria-required=\"true\"\n              className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              placeholder=\"acme-automation\"\n            />\n          </label>\n\n          <label className=\"space-y-1\">\n            <span className=\"text-sm text-text-secondary\">Type</span>\n            <select\n              value={type}\n              onChange={(event) => setType(event.target.value)}\n              className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"APP\">APP</option>\n              <option value=\"AGENT\">AGENT</option>\n              <option value=\"NODE\">NODE</option>\n              <option value=\"WIDGET\">WIDGET</option>\n              <option value=\"WORKFLOW\">WORKFLOW</option>\n            </select>\n          </label>\n\n          <label className=\"space-y-1\">\n            <span className=\"text-sm text-text-secondary\">Price</span>\n            <input\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              value={price}\n              onChange={(event) => setPrice(event.target.value)}\n              className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            />\n          </label>\n        </div>\n\n        <label className=\"block space-y-1\">\n          <span className=\"text-sm text-text-secondary\">Description</span>\n          <textarea\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n            rows={3}\n            className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n          />\n        </label>\n\n        <label className=\"block space-y-1\">\n          <span className=\"text-sm text-text-secondary\">Manifest (JSON)</span>\n          <textarea\n            value={manifestText}\n            onChange={(event) => setManifestText(event.target.value)}\n            rows={16}\n            required\n            aria-required=\"true\"\n            className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 font-mono text-xs text-text-primary\"\n          />\n          {parsedManifest.error && (\n            <p className=\"text-xs text-status-error-text\">{parsedManifest.error}</p>\n          )}\n        </label>\n\n        {error && (\n          <p\n            role=\"alert\"\n            className=\"rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n          >\n            {error}\n          </p>\n        )}\n        {success && (\n          <p\n            role=\"status\"\n            className=\"rounded-md bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text\"\n          >\n            {success}\n          </p>\n        )}\n\n        <button\n          type=\"submit\"\n          disabled={submitting}\n          className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text disabled:cursor-not-allowed disabled:opacity-60\"\n        >\n          {submitting ? 'Submitting...' : 'Submit Product'}\n        </button>\n      </form>\n    </main>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/SearchResultsPage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const SearchResultsPage: FC;