whatsapp: admin-panel embedded signup prefill

app/admin_ui/index.html

@@ -784,7 +784,7 @@
   var ES = { ready: false, app_id: "", config_id: "", graph_version: "v21.0" };
   var esWaba = "", esPhone = "";
   async function loadEmbeddedConfig() {
-    try { ES = await (await api("/whatsapp/embedded-config")).json(); } catch (e) { ES.ready = false; }
+    try { ES = await (await api("/whatsapp/embedded-config?slug=" + encodeURIComponent(slug()))).json(); } catch (e) { ES.ready = false; }
     var st = $("wa-es-state"), btn = $("wa-es-btn");
     if (!st || !btn) return;
     if (ES.ready) { st.textContent = atr("Listo: el cliente puede conectar su WhatsApp con un clic."); btn.disabled = false; loadFbSdk(); }
@@ -807,12 +807,18 @@
   function launchEmbeddedSignup() {
     if (!ES.ready || !window.FB) { toast("Aún no disponible (Meta en revisión)."); return; }
     esWaba = ""; esPhone = "";
+    var p = ES.prefill || {};
+    var setup = {};
+    if (p.name) setup.business = Object.assign({}, setup.business, { name: p.name });
+    if (p.email) setup.business = Object.assign({}, setup.business, { email: p.email });
+    if (p.website) setup.business = Object.assign({}, setup.business, { website: p.website });
+    if (p.name) setup.phone = { displayName: p.name };
     FB.login(function (resp) {
       var code = resp && resp.authResponse && resp.authResponse.code;
       if (!code) { toast("Conexión cancelada."); return; }
       finishEmbeddedSignup(code);
     }, { config_id: ES.config_id, response_type: "code", override_default_response_type: true,
-         extras: { setup: {}, sessionInfoVersion: "3" } });
+         extras: { setup: setup, sessionInfoVersion: "3" } });
   }
   async function finishEmbeddedSignup(code) {
     if (!esWaba || !esPhone) { toast("No recibí el número del cliente; reintenta."); return; }

app/routes/admin.py

@@ -80,6 +80,9 @@ async def db_stats(db: AsyncSession = Depends(get_session)) -> dict:
     from sqlalchemy import func
     from sqlalchemy import text as sqltext
 
+    from app.models import (
+        AbandonedCart as AC,
+    )
     from app.models import (
         ChatMessage as CM,
     )
@@ -104,9 +107,6 @@ async def db_stats(db: AsyncSession = Depends(get_session)) -> dict:
     from app.models import (
         Tenant as TN,
     )
-    from app.models import (
-        AbandonedCart as AC,
-    )
 
     async def count(model):
         return (await db.execute(select(func.count()).select_from(model))).scalar_one()
@@ -274,14 +274,29 @@ async def connect_whatsapp(
 
 
 @router.get("/whatsapp/embedded-config", dependencies=[Depends(require_admin)])
-async def whatsapp_embedded_config(settings: Settings = Depends(get_settings)) -> dict:
+async def whatsapp_embedded_config(
+    slug: str = "",
+    db: AsyncSession = Depends(get_session),
+    settings: Settings = Depends(get_settings),
+) -> dict:
     """Frontend reads this to render the 'Conectar WhatsApp' button. `ready` is
-    False until Meta approves us as a Tech Provider and we set the config id."""
+    False until Meta approves us as a Tech Provider and we set the config id.
+    Optional ?slug= (the admin panel passes the tenant currently in view) adds a
+    prefill for Meta's 'create new business' screen, same as the client portal."""
+    prefill = {"name": "", "email": "", "website": ""}
+    if slug:
+        tenant = await _require_tenant(db, slug)
+        prefill = {
+            "name": (tenant.brand_name or "").strip()[:100],
+            "email": (tenant.support_email or "").strip(),
+            "website": (f"https://{tenant.shopify_shop}" if tenant.shopify_shop else ""),
+        }
     return {
         "app_id": settings.whatsapp_app_id,
         "config_id": settings.whatsapp_config_id,
         "graph_version": settings.whatsapp_api_version,
         "ready": bool(settings.whatsapp_app_id and settings.whatsapp_config_id),
+        "prefill": prefill,
     }
 
 

tests/routes/test_admin.py

@@ -315,3 +315,32 @@ async def test_embed_product_image(app_client, db_session, monkeypatch):
     r2 = await client.post("/admin/tenants/imgt/products/embed-image", headers=AUTH,
                            json={"ref": "NoExiste", "image_url": "http://x/y.jpg"})
     assert r2.status_code == 404
+
+
+async def test_whatsapp_embedded_config_prefills_from_tenant_slug(app_client, db_session):
+    """The admin panel passes ?slug=<tenant currently in view> so Meta's Embedded
+    Signup 'create new business' screen prefills that tenant's name/email/website
+    (fewer manual fields when Victor connects a client's WhatsApp on their behalf)."""
+    from sqlalchemy import select
+
+    from app.models import Tenant
+
+    _app, client = app_client
+    await client.post("/admin/tenants", headers=AUTH, json={"slug": "wapre", "name": "X"})
+    t = (await db_session.execute(select(Tenant).where(Tenant.slug == "wapre"))).scalar_one()
+    t.brand_name = "Tienda Pre"
+    t.support_email = "dueno@tiendapre.com"
+    t.shopify_shop = "tiendapre.myshopify.com"
+    await db_session.commit()
+
+    r = await client.get("/admin/whatsapp/embedded-config?slug=wapre", headers=AUTH)
+    assert r.status_code == 200
+    assert r.json()["prefill"] == {
+        "name": "Tienda Pre", "email": "dueno@tiendapre.com",
+        "website": "https://tiendapre.myshopify.com",
+    }
+
+    # no slug -> empty prefill, back-compat with the previous (tenant-agnostic) shape
+    r2 = await client.get("/admin/whatsapp/embedded-config", headers=AUTH)
+    assert r2.status_code == 200
+    assert r2.json()["prefill"] == {"name": "", "email": "", "website": ""}