Asigna cada categoría (y producto) a Cocina y/o Bebidas.
Una categoría o producto puede ir a ambas áreas (se imprime en las dos).
Los productos heredan su categoría salvo que los personalices.
En paquetes, cada área imprime solo sus componentes, pero ambos tickets llevan el nombre del paquete.
update(d.key, "open_time", e.target.value)} />
a
update(d.key, "close_time", e.target.value)} />
);
})}
Al guardar, el horario se envía automáticamente a Uber (se re-sube el menú,
que es donde Uber guarda el horario de apertura). Los días desmarcados se consideran cerrados.
Nota: Uber puede tardar unos minutos en aplicar el nuevo horario. La tienda
abre/cierra según este horario; el botón "Abrir tienda" solo quita una pausa temporal, no
adelanta la hora de apertura.
{isOnline
? "Tu tienda está recibiendo pedidos en Uber Eats."
: "Tu tienda NO está recibiendo pedidos en Uber Eats."}
Pausar cierra la tienda temporalmente hasta el fin del día (medianoche).
Abrir quita esa pausa. Úsalo cuando no laboren o en emergencias.
Ojo: "Abrir" no adelanta la hora de apertura. La tienda abre según el
Horario de Atención; si quieres abrir antes, cambia el horario en la pestaña
Horarios (se sincroniza con Uber al guardar).
El menú se construye desde tu catálogo (productos, categorías y modificadores)
usando el modelo de precio base + ajuste, para que los precios no se dupliquen.
Solo se envían los productos activos.
{platforms.map((pl) => {
const result = results[pl.id];
return (
{pl.label}{storeName}
Sube el menú completo (productos con sus tamaños/modificadores) a tu tienda de {pl.label}.
{result && (
{result.msg}
)}
);
})}
);
};
// ============================================
// Config: Activación / migración de integración Uber (pos_data)
// Cambia webhooks_version a 1.0.0 → Uber enruta los webhooks a la nueva API (/delivery)
// ============================================
const UberIntegrationConfig = ({ storeId, storeName, showToast }) => {
const [config, setConfig] = useState(null);
const [loading, setLoading] = useState(true);
const [working, setWorking] = useState(false);
const [result, setResult] = useState(null);
const [confirmOpen, setConfirmOpen] = useState(false);
const [logSignal, setLogSignal] = useState(0);
const [valResults, setValResults] = useState({}); // { key: {ok, msg} }
const [valBusy, setValBusy] = useState(null);
const load = useCallback(async () => {
setLoading(true);
setResult(null);
try {
const res = await fetchWithAuth(`${API_BASE}/catalog/integration/uber/${storeId}`);
const d = await res.json().catch(() => ({}));
if (res.ok) setConfig(d.config || {});
else { setConfig(null); setResult({ ok: false, msg: d.message || "No se pudo consultar la integración" }); }
} catch (e) {
setConfig(null);
setResult({ ok: false, msg: "Error de conexión" });
}
setLoading(false);
}, [storeId]);
useEffect(() => { load(); }, [load]);
// --- Validación de producción: ejecutar cada endpoint y mostrar el resultado ---
const runVal = async (key, method, path, okMsg, bodyObj) => {
setValBusy(key);
try {
const res = await fetchWithAuth(`${API_BASE}${path}`, {
method,
headers: { "Content-Type": "application/json" },
...(method === "POST" ? { body: JSON.stringify(bodyObj || {}) } : {}),
});
const d = await res.json().catch(() => ({}));
if (res.ok) setValResults((r) => ({ ...r, [key]: { ok: true, msg: okMsg(d) } }));
else setValResults((r) => ({ ...r, [key]: { ok: false, msg: `HTTP ${res.status}: ${d.error || d.message || "error"}` } }));
} catch (e) {
setValResults((r) => ({ ...r, [key]: { ok: false, msg: "Error de conexión" } }));
}
setValBusy(null);
};
const connectUber = async () => {
setValBusy("oauth");
try {
const res = await fetchWithAuth(`${API_BASE}/uber/oauth/authorize/${storeId}`);
const d = await res.json().catch(() => ({}));
if (res.ok && d.authorize_url) {
window.open(d.authorize_url, "_blank", "width=520,height=720");
setValResults((r) => ({ ...r, oauth: { ok: true, msg: "Se abrió el login de Uber. Autoriza y vuelve a 'Activar'." } }));
} else setValResults((r) => ({ ...r, oauth: { ok: false, msg: d.error || "No se pudo generar la URL" } }));
} catch (e) { setValResults((r) => ({ ...r, oauth: { ok: false, msg: "Error de conexión" } })); }
setValBusy(null);
};
const migrate = async () => {
setConfirmOpen(false);
setWorking(true);
setResult(null);
try {
const res = await fetchWithAuth(`${API_BASE}/catalog/integration/uber/${storeId}/update`, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ webhooks_version: "1.0.0", integration_enabled: true }),
});
const d = await res.json().catch(() => ({}));
if (res.ok) {
showToast("Integración migrada a la nueva API (/delivery)");
setResult({ ok: true, msg: "Integración actualizada: los webhooks ahora usan la nueva API (/delivery)." });
setLogSignal((s) => s + 1);
load();
} else {
showToast(d.message || "Error al migrar la integración");
setResult({ ok: false, msg: d.message || "Error al migrar la integración" });
}
} catch (e) {
showToast("Error de conexión");
setResult({ ok: false, msg: "Error de conexión" });
}
setWorking(false);
};
const wh = config && config.webhooks_config ? config.webhooks_config : null;
const currentVersion = wh && wh.webhooks_version ? wh.webhooks_version : null;
const isNewApi = currentVersion === "1.0.0";
return (
Integración Uber Eats
{storeName}
La versión de webhooks determina a qué API te envía Uber los pedidos.
Con 1.0.0 Uber usa la nueva API (/delivery), que es la requerida
para validar producción. Este cambio aplica directamente sobre tu tienda en Uber.
Activar (#4) requiere primero Conectar con Uber (login del merchant).
Deny (#3): pedido de prueba sin aceptar → "Rechazar pedido nuevo".
Fulfillment (#5): pedido de prueba aceptado → reporta un artículo agotado a Uber.
Además: hacer un pedido programado en Uber (webhook de scheduled) y cancelar un pedido aceptado desde Pedidos (webhook de cancelación).