feat: configure Kanban login with optional email

local/static/checkout.js

@@ -1,11 +1,7 @@
 /* Checkout bridge only: approved commercial functions in dtf-site.html stay intact. */
 (() => {
-  const box = document.createElement('section');
-  box.style.cssText = 'position:relative;z-index:20;background:#152026;color:#e6f4f7;padding:12px 24px;font:14px system-ui;border-bottom:2px solid #00b8da';
-  box.innerHTML = '<b>Ambiente local · pagamento simulado</b> <span id="local-status" role="status"></span><div id="local-actions"></div>';
-  document.body.prepend(box);
-  const status = document.getElementById('local-status');
-  const actions = document.getElementById('local-actions');
+  const status = document.getElementById('checkoutStatus');
+  const actions = document.getElementById('checkoutActions');
   let busy = false;
   let draftId = localStorage.getItem('dtf-quote');
   let requestKey = localStorage.getItem('dtf-request-key');
@@ -15,7 +11,10 @@
       credentials: 'same-origin', headers: {'Content-Type':'application/json'},
       ...(body === undefined ? {} : {method:'POST', body:JSON.stringify(body)})
     });
-    const data = await response.json();
+    const text = await response.text();
+    let data;
+    try { data = text ? JSON.parse(text) : {}; }
+    catch (_) { throw new Error(response.ok ? 'Resposta inválida do serviço.' : 'O serviço está indisponível. Tente novamente em instantes.'); }
     if (!response.ok) { const error=new Error(typeof data.detail === 'string' ? data.detail : 'Confira os dados do pedido ('+response.status+').');error.status=response.status;throw error; }
     return data;
   };
@@ -23,7 +22,7 @@
   window.dtfSessionReady=ready;
   window.dtfApi=api;
   ready.catch(error => { status.textContent = error.message; });
-  function message(text) { status.textContent = ' · '+text; }
+  function message(text) { status.textContent = text; }
   function button(label, handler) {
     const el = document.createElement('button');
     el.textContent = label;
@@ -43,13 +42,13 @@
       if (entrega.cep !== cep || entrega.tipo !== 'frete') return;
       entrega.valor = result.total_cents/100;
       entrega.cotado = true;
-      $('cepMsg').textContent = 'Frete simulado local: '+rs(entrega.valor)+'. Nenhuma transportadora foi consultada.';
+      $('cepMsg').textContent = 'Frete estimado: '+rs(entrega.valor)+'.';
       pintaEntrega();
     } catch(error) { $('cepMsg').textContent = error.message; }
   };
   window.dtfCheckout = async () => {
     if (busy) return;
-    if (draftId) { await refresh(); box.scrollIntoView(); return; }
+    if (draftId) { await refresh(); status.scrollIntoView({behavior:'smooth',block:'nearest'}); return; }
     if (!clienteOk() || !entrega.cotado) return;
     const cart = [...pedido,...(itemAtual?[itemAtual]:[])];
     if (!cart.length) return message('Adicione um item ao pedido.');
@@ -75,7 +74,7 @@
       const quote = await api('/quotes',{request_key:requestKey,...content});
       draftId=quote.id; localStorage.setItem('dtf-quote',draftId);
       await refresh();
-      box.scrollIntoView({behavior:'smooth'});
+      status.scrollIntoView({behavior:'smooth',block:'nearest'});
     } catch(error) { message(error.message); }
     finally { busy=false; pintaEntrega(); }
   };
@@ -89,19 +88,23 @@
         message('Arquivos enviados. No Kanban, confira metragem e nota e aprove a cotação '+draftId.slice(0,8)+'.');
       } else if (quote.status==='approved') {
         message('Total validado no servidor: '+rs(quote.approved.total_cents/100)+' · inclui frete. Cotação válida por 24 horas.');
-        button('Criar pedido pago local',async event=>{
+        if ((await ready).environment !== 'local') {
+          message('Cotação revisada. O pagamento online ainda não está disponível.');
+          return;
+        }
+        button('Criar pedido de teste',async event=>{
           event.target.disabled=true;
           try {
             const order=await api('/orders/dev-paid',{quote_id:draftId});
             pedido=[]; itemAtual=null; limpaPaineis();
             await window.dtfClearCart?.();
-            message('Pedido local #'+order.number+' pago e disponível no Kanban.');
+            message('Pedido #'+order.number+' criado e disponível no Kanban.');
             await refresh();
           } catch(error) { message(error.message); event.target.disabled=false; }
         });
       } else if (quote.status==='paid') {
-        message('Pedido local #'+quote.order.number+' pago · etapa: '+quote.order.state+'. Nenhuma cobrança real.');
-        button('Novo pedido local',()=>{localStorage.removeItem('dtf-quote');localStorage.removeItem('dtf-request-key');localStorage.removeItem('dtf-request-body');location.reload();});
+        message('Pedido #'+quote.order.number+' · etapa: '+quote.order.state+'.');
+        button('Novo pedido',()=>{localStorage.removeItem('dtf-quote');localStorage.removeItem('dtf-request-key');localStorage.removeItem('dtf-request-body');location.reload();});
       } else {
         message('Cotação expirada. Envie o carrinho para uma nova revisão.');
         button('Nova cotação',()=>{draftId=null;requestKey=null;localStorage.removeItem('dtf-quote');localStorage.removeItem('dtf-request-key');actions.replaceChildren();});
@@ -109,17 +112,9 @@
     } catch(error) {
       message(error.message);
       actions.replaceChildren();
-      button('Limpar referência local e tentar de novo',()=>{draftId=null;requestKey=null;localStorage.removeItem('dtf-quote');localStorage.removeItem('dtf-request-key');actions.replaceChildren();});
+      button('Limpar referência e tentar de novo',()=>{draftId=null;requestKey=null;localStorage.removeItem('dtf-quote');localStorage.removeItem('dtf-request-key');actions.replaceChildren();});
     }
   }
-  // Explicit refresh avoids replacing focused payment controls during interaction.
-  const refreshButton = document.createElement('button');
-  refreshButton.textContent='Atualizar pedido local';
-  refreshButton.style.cssText='margin-left:12px;padding:6px;cursor:pointer';
-  refreshButton.onclick=refresh;
-  box.append(refreshButton);
-  const portalLink=document.createElement('a');portalLink.href='/portal.html';portalLink.textContent='Minha conta e pedidos';
-  portalLink.style.cssText='color:#e6f4f7;margin-left:16px;text-decoration:underline';box.append(portalLink);
   const quoteFromPortal=new URLSearchParams(location.search).get('quote');
   if(quoteFromPortal && /^[0-9a-f-]{36}$/.test(quoteFromPortal)){draftId=quoteFromPortal;localStorage.setItem('dtf-quote',draftId);}
   refresh();