/* ===== Axé de Quitéria — Loja: UI Compartilhado ===== */ /* Expose hooks globally so all subsequent babel scripts can use them without re-importing */ const { useState, useEffect, useRef, useMemo, useCallback } = React; Object.assign(window, { useState, useEffect, useRef, useMemo, useCallback }); /* ---------- Icons ---------- */ function Icon({ name, size = 20, color }) { const s = { width:size, height:size, flexShrink:0, display:'block', ...(color?{color}:{}) }; if (name==='person') return ; if (name==='bag') return ; if (name==='close') return ; if (name==='chevR') return ; if (name==='chevL') return ; if (name==='heart') return ; if (name==='heart-f') return ; if (name==='logout') return ; if (name==='box') return ; if (name==='lock') return ; if (name==='wa') return ; if (name==='check') return ; if (name==='mail') return ; if (name==='map') return ; return null; } /* ---------- Placeholder striped ---------- */ function Ph({ style }) { return ; } /* ---------- Buttons ---------- */ function BtnClay({ onClick, children, style, disabled, type }) { const [h, setH] = useState(false); return ( ); } function BtnOutline({ onClick, children, style }) { const [h, setH] = useState(false); return ( ); } /* ---------- ProductCard ---------- */ function ProductCard({ p, onOpen, onAdd, isFav, onFav }) { const [hov, setHov] = useState(false); const [hovBtn, setHovBtn] = useState(false); return (

{onFav && ( )}

{p.name} {p.orixa}

{brl(p.price)}

); } /* ---------- Header ---------- */ function NavLink({ label, onClick }) { const [h, setH] = useState(false); return ( ); } function HeaderIconBtn({ onClick, ariaLabel, badge, children }) { const [h, setH] = useState(false); return ( ); } function AppHeader({ onHome, onListing, onGuias, onSobre, onContato, onCart, onAccount, cartCount }) { return (

); } /* ---------- AnnouncementBar ---------- */ function AnnouncementBar() { return (

Frete grátis acima de R$200 · Peças firmadas à mão em Porto Alegre · Atendimento no WhatsApp

); } /* ---------- Toast ---------- */ function Toast({ msg }) { if (!msg) return null; return (

{msg}

); } /* ---------- WhatsApp FAB ---------- */ function WaButton() { return ( ); } /* ---------- Drawer base ---------- */ function Drawer({ onClose, width, children }) { return (

{children}

); } /* ---------- AppFooter ---------- */ function FooterLink({ label, onClick }) { const [h, setH] = useState(false); return ( ); } function AppFooter({ onListing, onHome }) { return ( ); } function HeartIcon({ filled }) { return ( ); } /* ---------- Bottom Tab Bar (mobile PWA) ---------- */ function BottomTabBar({ activeTab, onTab, cartCount }) { const tabs = [ { id:'home', label:'Início', iconPath:'M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z M9 22V12h6v10' }, { id:'shop', label:'Loja', iconPath:'M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' }, { id:'cart', label:'Sacola', iconPath:'M6 8h12l-1 12H7L6 8z M9 8V6a3 3 0 0 1 6 0v2' }, { id:'account', label:'Conta', iconPath:'M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2 M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z' }, ]; return ( ); } /* ---------- Mobile Header (per-screen) ---------- */ function MobileHeader({ title, onBack, backLabel, onCart, cartCount, onMenu, actions }) { const isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent); const backChar = isIOS ? '‹' : '←'; return ( ); } /* ---------- Side Menu Drawer ---------- */ function SideMenuDrawer({ open, onClose, onHome, onListing, onGuias, onSobre, onContato, onAccount, user, onLogout }) { if (!open) return null; const navItems = [ { label:'Início', fn: onHome }, { label:'Loja', fn: onListing }, { label:'Guias', fn: onGuias }, { label:'Sobre', fn: onSobre }, { label:'Contato', fn: onContato }, ]; return (

{/* Header */}

Axé de Quitéria

{/* Nav */} {/* Divider */}

{/* Account */} {user ? ( <> ) : ( )}

); } Object.assign(window, { Icon, Ph, BtnClay, BtnOutline, ProductCard, AppHeader, AnnouncementBar, Toast, WaButton, Drawer, NavLink, HeaderIconBtn, AppFooter, HeartIcon, BottomTabBar, MobileHeader, SideMenuDrawer });