Ticket

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_404":405,"_406":407},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",89,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","01a027f5-8329-75bb-a811-8fdf217e69a7","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {useEffect,useMemo,useState} from \"https://esm.sh/react@18.2.0\";\n\nconst seed=[\n{id:1,code:\"75010001\",name:\"Coca-Cola 600 ml\",cat:\"Bebidas\",price:22,cost:16,stock:28,min:8},\n{id:2,code:\"75010002\",name:\"Sabritas Original 45 g\",cat:\"Botanas\",price:20,cost:14,stock:17,min:6},\n{id:3,code:\"75010003\",name:\"Leche Entera 1 L\",cat:\"Lácteos\",price:29,cost:23,stock:11,min:5},\n{id:4,code:\"75010004\",name:\"Pan Blanco Grande\",cat:\"Panadería\",price:48,cost:39,stock:8,min:4},\n{id:5,code:\"75010005\",name:\"Totopo Saladito 250 g\",cat:\"Botanas\",price:20,cost:12,stock:35,min:10},\n{id:6,code:\"75010006\",name:\"Agua Natural 1 L\",cat:\"Bebidas\",price:15,cost:9,stock:42,min:12}\n];\nconst money=n=>new Intl.NumberFormat(\"es-MX\",{style:\"currency\",currency:\"MXN\"}).format(n);\nconst icons={Inicio:\"⌂\",Ventas:\"⊕\",Productos:\"▣\",Inventario:\"◫\",Clientes:\"♙\",Proveedores:\"♢\",Finanzas:\"↕\",Reportes:\"▥\",Configuración:\"⚙\"};\nfunction load(k,d){try{return JSON.parse(localStorage.getItem(k)||\"null\")||d}catch{return d}}\nconst dbTokenPending=new Map();async function dbToken(device){const key=\"tc_db_token_\"+device,stored=localStorage.getItem(key);if(stored)return stored;if(dbTokenPending.has(device))return dbTokenPending.get(device);const pending=(async()=>{const r=await fetch(\"/api/store/register\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify({device})});const j=await r.json();if(!r.ok)throw new Error(j.error||\"No se pudo proteger la base de datos\");localStorage.setItem(key,j.token);return j.token})();dbTokenPending.set(device,pending);try{return await pending}finally{dbTokenPending.delete(device)}}\nasync function dbGet(device,collection){const token=await dbToken(device),r=await fetch(\"/api/store/\"+collection+\"?device=\"+encodeURIComponent(device),{headers:{Authorization:\"Bearer \"+token}});if(!r.ok)throw new Error(\"No se pudo leer \"+collection);return r.json()}\nasync function dbPut(device,collection,data){const token=await dbToken(device),r=await fetch(\"/api/store/\"+collection,{method:\"PUT\",headers:{\"Content-Type\":\"application/json\",Authorization:\"Bearer \"+token},body:JSON.stringify({device,data})});if(!r.ok)throw new Error(\"No se pudo guardar \"+collection);return r.json()}\nfunction Stat({label,value,sub,color=\"blue\"}){return

{label}

{value}

{sub}

}\nfunction Empty({text}){return

◇

{text}

}\nfunction Modal({title,onClose,children}){return

{title}

{children}

}\nconst field=\"w-full border border-gray-200 rounded-xl px-4 py-3 outline-none focus:border-blue-500 bg-gray-50\";\nfunction Sales({products,setProducts,sales,setSales,business}){\n const [q,setQ]=useState(\"\"); const [cart,setCart]=useState([]); const [pay,setPay]=useState(false); const [clients]=useState(()=>load(\"tc_clients\",[])); const [selectedClient,setSelectedClient]=useState(\"\");\n const found=products.filter(p=>p.stock>0&&p.name.toLowerCase().includes(q.toLowerCase())).slice(0,8);\n const add=p=>{setCart(c=>{const e=c.find(x=>x.id===p.id);return e?c.map(x=>x.id===p.id?{...x,qty:Math.min(x.qty+1,p.stock)}:x):[...c,{...p,qty:1}]});setQ(\"\")};\n const total=cart.reduce((s,x)=>s+x.price*x.qty,0);\n const finish=(size)=>{const client=clients.find(c=>String(c.id)===String(selectedClient))||null;const sale={id:Date.now(),date:new Date().toISOString(),items:cart,total,client};setSales([sale,...sales]);setProducts(products.map(p=>{const x=cart.find(c=>c.id===p.id);return x?{...p,stock:p.stock-x.qty}:p}));if(size){const w=window.open(\"\",\"_blank\",\"width=420,height=700\");const rows=cart.map(x=>\"\"+x.qty+\" × \"+x.name+\"\"+money(x.price*x.qty)+\"\").join(\"\");w.document.write(\"Ticket\"+(business.logo?\"

\":\"\")+\"

\"+(business.name||\"MI TIENDA\")+\"

\"+(business.phone?business.phone+\"
\":\"\")+\"TiendaClik · Ticket #\"+String(sale.id).slice(-6)+\"
\"+new Date().toLocaleString(\"es-MX\")+(client?\"
Cliente: \"+client.name+\"\"+(client.phone?\"
\"+client.phone:\"\"):\"
Cliente: Público general\")+\"

\"+rows+\"

TOTAL \"+money(total)+\"

¡Gracias por su compra!

Diff · v89