// Reseller portal — Price List. Purely a READ-ONLY view of the same
// price grid admin-pricing-page.jsx edits, filtered server-side to the
// signed-in reseller's OWN tier only (see GET /api/portal/products —
// the query already joins price_list_entries WHERE tier = company.tier,
// so there is no tier dimension to render here at all — just one price
// per product per currency, exactly what the reseller is quoted at).
// Deliberately no input/save controls anywhere on this page — a
// reseller should never be able to edit their own price list.
//
// Reuses the same loadMe/handleSwitchCompany + portalMoney conventions
// as reseller-quotes-page.jsx (which also fetches this exact
// /api/portal/products endpoint for its "New quote" builder).
function ResellerPriceListPage({ onNavigate }) {
const [state, setState] = useState({ status: "loading", user: null, company: null, isSoloStaff: false });
const [companies, setCompanies] = useState([]);
const [catalogue, setCatalogue] = useState({ status: "loading", products: [], tier: "", defaultCurrency: "GBP" });
const loadCatalogue = () => {
setCatalogue((c) => ({ ...c, status: "loading" }));
fetch("/api/portal/products", { credentials: "same-origin" })
.then((r) => (r.ok ? r.json() : { products: [], tier: "", defaultCurrency: "GBP" }))
.then((data) => setCatalogue({
status: "ready",
products: data.products || [],
tier: data.tier || "",
defaultCurrency: data.defaultCurrency || "GBP",
}))
.catch(() => setCatalogue({ status: "ready", products: [], tier: "", defaultCurrency: "GBP" }));
};
const loadMe = (onDone) => {
fetch("/api/portal/me", { credentials: "same-origin" })
.then(async (r) => {
if (!r.ok) throw new Error("not signed in");
return r.json();
})
.then((data) => {
setState({ status: "ready", user: data.user, company: data.company, isSoloStaff: !!data.isSoloStaff });
if (data.isSoloStaff) {
fetch("/api/portal/companies", { credentials: "same-origin" })
.then((r) => (r.ok ? r.json() : { companies: [] }))
.then((d) => setCompanies(d.companies || []))
.catch(() => setCompanies([]));
}
if (onDone) onDone();
})
.catch(() => onNavigate("reseller-login"));
};
const handleSwitchCompany = (companyId) => {
fetch("/api/portal/switch-company", {
method: "POST", credentials: "same-origin",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ companyId }),
})
.then((r) => (r.ok ? r.json() : Promise.reject()))
.then(() => loadMe(loadCatalogue))
.catch(() => { /* switch failed silently */ });
};
useEffect(() => {
loadMe();
loadCatalogue();
}, []); // eslint-disable-line react-hooks/exhaustive-deps -- mount-only
if (state.status === "loading") {
return ;
}
const { user, company, isSoloStaff } = state;
const currencies = Array.from(
new Set(catalogue.products.flatMap((p) => p.prices.map((pr) => pr.currency)))
).sort((a, b) => (a === catalogue.defaultCurrency ? -1 : b === catalogue.defaultCurrency ? 1 : a.localeCompare(b)));
return (
Your prices for the {SETTINGS_TIER_LABELS_PL[catalogue.tier] || "current"} tier — the same figures used when you build a quote.
Need a different tier or a custom rate? Contact your account manager.
{catalogue.status === "loading" ? (
Loading\u2026
) : catalogue.products.length === 0 ? (
No priced products yet — contact your account manager to get your price list set up.
) : (
Product
{currencies.map((cur) => {cur})}
{catalogue.products.map((p) => (
|
{p.name}
{p.description && (
{p.description}
)}
|
{currencies.map((cur) => {
const entry = p.prices.find((pr) => pr.currency === cur);
return (
{entry ? portalMoney(entry.unitPrice, cur) : "\u2014"}
|
);
})}
))}
)}
);
}
const SETTINGS_TIER_LABELS_PL = { gold: "Gold", platinum: "Platinum", regional_reseller: "Regional Reseller" };
function PriceTh({ children, right }) {
return (
{children} |
);
}
Object.assign(window, { ResellerPriceListPage });