// ───────────────────────────────────────────────────────────────── // Phase 4 — Team Store Buyer (4) + Mgmt (4) + Gym Store (5) = 13 screens // ───────────────────────────────────────────────────────────────── // ── TS-B-1 · Team Store Catalog (Buyer view) ──────────────────── const TeamStoreCatalogScreen = () => (
TEAM STORE
Iowa Hawks Wrestling
WINDOW · CLOSES MAY 28
Pooled order · ships together
72 / 100 hit for bulk pricing
{["ALL", "SINGLETS", "WARM-UPS", "TEES", "ACCESSORIES"].map((t, i) => {t})}
{[ { c: "HK-SGL-01", n: "Home Singlet", p: "$68", member: "$58", k: "athlete" }, { c: "HK-SGL-02", n: "Away Singlet", p: "$68", member: "$58", k: "canvas" }, { c: "HK-WU-01", n: "Warm-up Top", p: "$78", member: "$66", k: "gym" }, { c: "HK-TEE-01", n: "Team Tee", p: "$32", member: "$26", k: "mat" }, ].map((p) => (
{p.c}
{p.n}
{p.p} {p.member}
))}
); // ── TS-B-2 · Team Store PDP (member pricing) ──────────────────── const TeamStorePDPScreen = () => (
HK-SGL-01 · TEAM ITEM
Home Singlet
$58
RETAIL $68 MEMBER · 15% OFF
SIZE · WRESTLING
{["YS","YM","YL","XS","S","M","L","XL","2XL","3XL"].map((s, i) => ( ))}
CUSTOMIZATION
{[["NAME ON BACK", "ROMERO"], ["NUMBER", "07"], ["TEAM CREST", "Front-left · 4 cm"]].map(([l, v]) => (
{l} {v}
))}
POOLED WINDOW
Joins this window's batch. Ships May 30 if 100+ orders. Solo ships at retail.
TOTAL
$58
); // ── TS-B-3 · Bulk Order (multi-line) ──────────────────────────── const TeamStoreBulkOrderScreen = () => (
} right={} />
ROSTERCSV UPLOADMANUAL
{[ { n: "A. Rivera · 65 FS · M", num: "07", c: 1 }, { n: "K. Yoon · 70 FS · M", num: "12", c: 1 }, { n: "M. Park · 74 FS · L", num: "04", c: 1 }, { n: "T. Cole · 79 FS · L", num: "21", c: 2 }, { n: "S. Brand · 86 FS · XL", num: "08", c: 1 }, { n: "D. Hahn · 92 FS · 2XL", num: "33", c: 1 }, ].map((r, i) => (
{r.n}
#{r.num} · Home Singlet
{r.c}
))}
ESTIMATE {[["UNITS", "24"], ["SUBTOTAL", "$1,392.00"], ["TEAM DISCOUNT", "−$208.80"], ["SHIPPING", "Free"], ["TAX", "$94.74"]].map(([l, v]) => (
{l} {v}
))}
TOTAL $1,277.94
); // ── TS-B-4 · Buyer Order Status ───────────────────────────────── const TeamStoreOrderStatusScreen = () => (
} />
IOWA HAWKS WRESTLING
Spring batch · 24 units
{[ { l: "Window closed", t: "May 28", on: true }, { l: "Production scheduled", t: "May 30", on: true }, { l: "Stitching · day 6 of 14", t: "in progress", on: true }, { l: "Quality + bundling", t: "ETA Jun 10", on: false }, { l: "Ships to coach", t: "ETA Jun 14", on: false }, ].map((s, i) => (
{s.l}
{s.t}
))}
YOUR ITEMS · 1
Home Singlet · M
NAME · ROMERO · #07
$58
); // ── TS-M-1 · Catalog Editor (Mgmt) ────────────────────────────── const TeamStoreCatalogEditorScreen = () => (
} right={} />
LIVE · 6DRAFT · 2HIDDEN · 1
SPRING 2026 CATALOG
{[ { c: "HK-SGL-01", n: "Home Singlet", p: "$58", v: "3 sizes · 1 colorway", on: true }, { c: "HK-SGL-02", n: "Away Singlet", p: "$58", v: "3 sizes · 1 colorway", on: true }, { c: "HK-WU-01", n: "Warm-up Top", p: "$66", v: "5 sizes · 2 colorways", on: true }, { c: "HK-TEE-01", n: "Team Tee", p: "$26", v: "4 sizes · 1 colorway", on: true }, { c: "HK-HD-01", n: "Hooded Sweat", p: "$78", v: "5 sizes · 2 colorways", on: false, draft: true }, ].map((p) => (
{p.c}
{p.n}
{p.v} · {p.p}
{p.draft ? "DRAFT" : "LIVE"}
))}
); // ── TS-M-2 · Orders Mgmt ───────────────────────────────────────── const TeamStoreOrdersMgmtScreen = () => (
} right={} />
{[{ l: "WINDOW", v: "OPEN" }, { l: "UNITS", v: "72" }, { l: "GROSS", v: "$4.1K" }].map((m) => (
{m.v}
{m.l}
))}
BY ATHLETE
{[ { n: "A. Rivera", c: 2, t: "$116" }, { n: "K. Yoon", c: 1, t: "$58" }, { n: "M. Park", c: 3, t: "$152" }, { n: "T. Cole", c: 2, t: "$104" }, { n: "S. Brand", c: 1, t: "$58" }, { n: "D. Hahn (parent)", c: 4, t: "$208" }, ].map((o, i) => (
{o.n}
{o.c} ITEMS
{o.t}
))}
); // ── TS-M-3 · Payouts Mgmt ──────────────────────────────────────── const TeamStorePayoutsMgmtScreen = () => (
} />
AVAILABLE · TEAM TREASURY
$842.50
From spring catalog · 15% margin
MARGIN BREAKDOWN
{[["GROSS REVENUE", "$5,616"], ["COST · UNIT", "$3,950"], ["TKDN PLATFORM", "$561"], ["TEAM MARGIN", "$842 · 15%"]].map(([l, v]) => (
{l} {v}
))}
HISTORY
{[ { d: "WIN '25", a: "$1,240.00" }, { d: "FALL '25", a: "$912.40" }, ].map((p, i) => (
{p.d} {p.a}
))}
); // ── TS-M-4 · Team Store Settings ──────────────────────────────── const TeamStoreSettingsMgmtScreen = () => (
} />
STOREFRONT
{[["Team name", "Iowa Hawks Wrestling"], ["Handle", "@iowahawks-w"], ["Default margin", "15%"], ["Window cadence", "Quarterly"]].map(([l, v]) => (
{l} {v}
))}
ROSTER
{[["Athletes", "23 active"], ["Parents linked", "11 of 12 minors"], ["Default name plate", "LAST NAME · #"]].map(([l, v]) => (
{l} {v}
))}
OPTIONS
{[ { l: "Pooled production windows", on: true }, { l: "Auto-bundle to coach", on: true }, { l: "Allow parent purchases", on: true }, { l: "Public catalog (non-members)", on: false }, ].map((r) => )}
); // ── GS-1 · Gym Store Hub ───────────────────────────────────────── const GymStoreHubScreen = () => (
GYM STORE · ALL I SEE IS GOLD
Mat-side shop
MEMBER PRICING UNLOCKED
10% off · 4 sponsor brands
FEATURED
{[ { c: "GS-001", n: "Mat shoes · Inflict 7", p: "$72", k: "athlete" }, { c: "GS-002", n: "Headgear · Cliff Keen", p: "$45", k: "gym" }, { c: "GS-003", n: "Rashguard SS", p: "$52", k: "mat" }, { c: "GS-004", n: "Coach polo", p: "$38", k: "canvas" }, ].map((p) => (
{p.c}
{p.n}
{p.p}
))}
SPONSOR BRANDS
{["ASICS WR", "CLIFF KEEN", "RUDIS", "MATPRO"].map((b) => {b})}
); // ── GS-2 · Member Pricing ──────────────────────────────────────── const GymStoreMemberPricingScreen = () => (
} />
YOUR TIER · GOLD MEMBER
10% off · auto-applied
BRAND DISCOUNTS
{[ { b: "ASICS WR", c: "Footwear", d: "15%" }, { b: "Cliff Keen", c: "Protective gear", d: "12%" }, { b: "RUDIS", c: "Apparel", d: "10%" }, { b: "MatPro", c: "Equipment", d: "8%" }, { b: "NUTRA-X", c: "Supplements", d: "20%" }, ].map((b, i) => (
{b.b}
{b.c}
{b.d} OFF
))}
TIER UPGRADE
Hit 12 check-ins this month to unlock Platinum (15% all brands).
); // ── GS-3 · Inventory (gym admin) ───────────────────────────────── const GymStoreInventoryScreen = () => (
} right={} />
IN STOCK · 32LOW · 4OUT · 2
{[ { c: "GS-001", n: "Mat shoes · Inflict 7", sku: "9 / 11 / 13", on: 24, low: false }, { c: "GS-002", n: "Headgear · Cliff Keen", sku: "Adult · Youth", on: 18, low: false }, { c: "GS-003", n: "Rashguard SS", sku: "M / L / XL", on: 6, low: true }, { c: "GS-004", n: "Coach polo", sku: "S / M / L / XL", on: 0, oos: true }, ].map((p) => (
{p.c}
{p.n}
{p.sku}
{p.on}
ON HAND
))}
); // ── GS-4 · In-Gym Pickup ───────────────────────────────────────── const GymStorePickupScreen = () => (
} />
READY · CHECK IN AT FRONT DESK
Order #GP-1184
1 item · Mat shoes · Inflict 7 · 11
{/* QR placeholder */}
{Array.from({ length: 12 }).map((_, y) => Array.from({ length: 12 }).map((_, x) => { const filled = (x * 7 + y * 11) % 3 === 0 || (x === 0 || y === 0 || x === 11 || y === 11); return filled ? : null; }) )}
WHERE
ALL I SEE IS GOLD Academy
2240 N. Industrial Pkwy · Iowa City, IA
Open today · 5am – 9pm
); // ── GS-5 · Gym Store Settings ──────────────────────────────────── const GymStoreSettingsScreen = () => (
} />
STORE
{[["Gym name", "ALL I SEE IS GOLD"], ["Pickup model", "In-gym only"], ["Sales tax", "Iowa · 7%"]].map(([l, v]) => (
{l} {v}
))}
MEMBER TIERS
{[["Bronze · default", "5% off all"], ["Silver · 6+ months", "10% off all"], ["Gold · 12+ months", "15% off all"], ["Platinum · invite", "20% off all"]].map(([l, v]) => (
{l} {v}
))}
OPTIONS
{[ { l: "Accept member pickup only", on: true }, { l: "Auto-apply tier discounts", on: true }, { l: "Notify on low-stock SKU", on: true }, { l: "Sponsor product highlights", on: false }, ].map((r) => )}
); Object.assign(window, { TeamStoreCatalogScreen, TeamStorePDPScreen, TeamStoreBulkOrderScreen, TeamStoreOrderStatusScreen, TeamStoreCatalogEditorScreen, TeamStoreOrdersMgmtScreen, TeamStorePayoutsMgmtScreen, TeamStoreSettingsMgmtScreen, GymStoreHubScreen, GymStoreMemberPricingScreen, GymStoreInventoryScreen, GymStorePickupScreen, GymStoreSettingsScreen, });