/* ============================================================
Global store: routing, cart, wishlist, orders, toasts
============================================================ */
const Store = createContext(null);
const useStore = () => useContext(Store);
const LS = 'gaf_state_v2';
function loadState() {
try { return JSON.parse(localStorage.getItem(LS)) || {}; } catch { return {}; }
}
function StoreProvider({ children }) {
const saved = loadState();
const _CUR = BB.BRAND.currency;
const [route, setRoute] = useState({ page: 'home', params: {} });
const [currency, setCurrency] = useState([_CUR.primary.code, _CUR.secondary.code].includes(saved.currency) ? saved.currency : _CUR.primary.code);
const [cart, setCart] = useState(Array.isArray(saved.cart) ? saved.cart : []); // [{id, qty}]
const [wish, setWish] = useState(saved.wish || []);
const [drawer, setDrawer] = useState(false);
const [toasts, setToasts] = useState([]);
const [orders, setOrders] = useState(saved.orders || []);
useEffect(() => {
localStorage.setItem(LS, JSON.stringify({ currency, cart, wish, orders }));
}, [currency, cart, wish, orders]);
const nav = (page, params = {}) => {
setRoute({ page, params });
window.scrollTo({ top: 0, behavior: 'instant' in window ? 'instant' : 'auto' });
setDrawer(false);
};
const toast = (msg, icon = 'check') => {
const id = Math.random().toString(36).slice(2);
setToasts(t => [...t, { id, msg, icon }]);
setTimeout(() => setToasts(t => t.filter(x => x.id !== id)), 2600);
};
const fmt = (ngn) => BB.money(ngn, currency);
const addToCart = (prod, qty = 1) => {
setCart(c => c.some(x => x.id === prod.id)
? c.map(x => x.id === prod.id ? { ...x, qty: Math.min(x.qty + qty, prod.stock || 99) } : x)
: [...c, { id: prod.id, qty }]);
toast(`Added to bag · ${prod.name}`, 'bag');
};
const setQty = (id, qty) => setCart(c => c.map(x => {
if (x.id !== id) return x;
const p = BB.products.find(pp => pp.id === id);
return { ...x, qty: Math.max(1, Math.min(qty, (p && p.stock) || 99)) };
}));
const removeFromCart = (id) => setCart(c => c.filter(x => x.id !== id));
const clearCart = () => setCart([]);
const toggleWish = (id) => setWish(w => w.includes(id) ? w.filter(x => x !== id) : [...w, id]);
const cartLines = cart
.map(line => ({ ...line, product: BB.products.find(p => p.id === line.id) }))
.filter(l => l.product)
.map(l => ({ ...l, total: l.product.price * l.qty }));
const cartCount = cartLines.reduce((n, l) => n + l.qty, 0);
const subtotal = cartLines.reduce((n, l) => n + l.total, 0);
const shipFor = (zoneId) => {
const S = BB.BRAND.shipping;
const zone = S.zones.find(z => z.id === zoneId) || S.zones[0];
return { zone, fee: subtotal >= S.free && zone.id !== 'intl' ? 0 : zone.fee };
};
const placeOrder = (details) => {
const num = BB.BRAND.orderPrefix + Date.now().toString().slice(-6);
const record = {
num, date: new Date().toISOString(),
lines: cartLines.map(l => ({ name: l.product.name, qty: l.qty, unit: l.product.unit, total: l.total })),
subtotal, ...details,
};
setOrders(o => [record, ...o]);
clearCart();
return record;
};
const value = {
route, nav, currency, setCurrency, fmt,
cart, cartLines, cartCount, subtotal, shipFor,
addToCart, setQty, removeFromCart, clearCart,
wish, toggleWish, drawer, setDrawer, toast, toasts, orders, placeOrder,
};
return {children};
}
function Toasts() {
const { toasts } = useStore();
return (
{toasts.map(t => (
{I[t.icon] && I[t.icon]({ width: 17, height: 17, style: { color: 'var(--accent-soft)' } })}
{t.msg}
))}
{value}{unit ? ` ${unit}${value !== 1 ? 's' : ''}` : ''}
);
}
function CartDrawer() {
const { drawer, setDrawer, cartLines, removeFromCart, setQty, nav, cartCount, subtotal, fmt } = useStore();
return (
<>
setDrawer(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(33,26,17,.38)', backdropFilter: 'blur(3px)', zIndex: 150, opacity: drawer ? 1 : 0, pointerEvents: drawer ? 'auto' : 'none', transition: 'opacity .4s' }} />
);
}
Object.assign(window, { Store, useStore, StoreProvider, Toasts, CartDrawer, QtyStepper });