"use client"; import { useEffect, useState } from "react"; import { usePathname } from "next/navigation"; import Link from "next/link"; import { api, auth, currentShopParam } from "@/lib/api"; import { readBrand, writeBrand, applyBrandVars, DEFAULT_BRAND, type Brand } from "@/lib/brand"; /** Routes that belong to a specific merchant's program, so they wear that * merchant's branding. Everything else is our own marketing site. */ const MERCHANT_SCOPED = ["/signup", "/login", "/dashboard", "/store"]; export function PublicHeader() { const pathname = usePathname() || "/"; const merchantScoped = MERCHANT_SCOPED.some((p) => pathname.startsWith(p)); const [brand, setBrand] = useState(DEFAULT_BRAND); const [affiliate, setAffiliate] = useState<{ id: string; name: string } | null>(null); const [shopQ, setShopQ] = useState(""); // Is an affiliate logged in? If so, show their name + Log out instead of the // login / sign-up CTAs (those are for logged-out visitors only). Also capture // the store so the affiliate links stay scoped to it (…?shop=store). useEffect(() => { const a = auth.get(); setAffiliate(a?.id ? { id: a.id, name: a.name } : null); const s = currentShopParam(); setShopQ(s ? `?shop=${encodeURIComponent(s)}` : ""); }, [pathname]); const logout = () => { auth.clear(); window.location.href = "/login"; }; useEffect(() => { // Marketing pages are ours — never show a merchant's name or colours here. if (!merchantScoped) { setBrand(DEFAULT_BRAND); applyBrandVars(DEFAULT_BRAND); return; } const cached = readBrand(); if (cached.name || cached.logoUrl) setBrand(cached); applyBrandVars(cached); // Public endpoint — /admin/* needs a Shopify session token and 401s here. api .get("/affiliates/signup-config") .then((c) => { const b = c?.branding ?? {}; const next: Brand = { logoUrl: b.logoUrl ?? DEFAULT_BRAND.logoUrl, name: c?.programName || DEFAULT_BRAND.name, brandColor: b.brandColor ?? DEFAULT_BRAND.brandColor, brandSecondaryColor: b.brandSecondaryColor ?? DEFAULT_BRAND.brandSecondaryColor, }; setBrand(next); writeBrand(next); applyBrandVars(next); }) .catch(() => { /* keep whatever we have */ }); }, [merchantScoped]); return (
); }