/**
* TrendApp — bootstrap (V1: sem painel de tweaks)
*
* O TweaksProvider/TweaksPanel do protótipo do designer foi removido do
* bundle de produção — ele era só ferramenta de review de cenários e não
* é UI do produto. Aqui usamos valores fixos (cenário 'normal' + tema
* light) diretamente. Toda a interface fica idêntica ao protótipo, sem
* o botão de simulação flutuante no canto.
*
* Estrutura:
*
*
*
*
* (só nas 4 abas principais)
*
*
*
*/
// (hooks em logo.jsx)
// Rotas que mostram bottom nav (§5 do prompt Fase 2 — apenas 4 abas + subrotas):
// Bottom nav aparece somente nas rotas de aba principal — sub-rotas navegam com back button
const TABS_WITH_NAV = new Set(['inicio', 'vendas', 'clientes', 'perfil']);
// Rotas que não devem ter viewport padrão (welcome/login têm próprio layout)
const NO_NAV_ROUTES = new Set(['welcome', 'login', 'recuperar-senha']);
// Cenário padrão de produção (equivalente ao antigo tweaks.cenario === 'normal').
// window.useTweaks é instalado como shim clássico no da página.
const DEFAULT_CENARIO = 'normal';
function App() {
return (
);
}
function AppShell() {
const { route } = useRouter();
// Payload fixo do cenário 'normal' — mesma configuração default do protótipo
const payload = useMemo(() => {
return window.TrendMocks.buildPayload(DEFAULT_CENARIO);
}, []);
useLucide([route]);
const showBottomNav = TABS_WITH_NAV.has(route.name) || subRouteBelongsToTab(route.name);
return (
{showBottomNav && }
);
}
function subRouteBelongsToTab(name) {
return ['extrato', 'lancamento', 'pedidos', 'pedido', 'cliente', 'recuperar', 'recompra'].includes(name);
}
function RoutedScreen({ route, payload }) {
const name = route.name;
switch (name) {
case 'welcome': return ;
case 'login': return ;
case 'recuperar-senha': return ;
case 'inicio': return ;
case 'vendas': return ;
case 'clientes': return ;
case 'perfil': return ;
case 'extrato': return ;
case 'pedidos': return ;
case 'pedido': return ;
case 'cliente': return ;
case 'recuperar': return ;
case 'recompra': return ;
default:
return (
);
}
}
// ─── Mount ─────────────────────────────────────────────────────────────────
function mountApp() {
const container = document.getElementById('root');
if (!container || container.__mounted) return;
container.__mounted = true;
const root = ReactDOM.createRoot(container);
root.render();
}
// Babel Standalone processes text/babel scripts AFTER DOMContentLoaded.
// By the time this file runs, TrendFmt/TrendMocks (classical scripts) are already
// on window. So we can mount immediately.
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', mountApp);
} else {
mountApp();
}