WhatsApp Business Embedded Signup

window.addEventListener('message', (event) => {
  if (event.origin.includes('facebook.com') || event.origin.includes('meta.com')) {
    try {
      const data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
      if (data.type === 'WA_EMBEDDED_SIGNUP') {
        // Store the WhatsApp business account and phone IDs locally
        console.log('WABA ID:', data.data?.waba_id);
        console.log('Phone Number ID:', data.data?.phone_number_id);
      }
    } catch {}
  }
});

const fbLoginCallback = async (response) => {
  if (response.authResponse) {
    const code = response.authResponse.code;
    // Transmit code + WABA ID + Phone ID to backend
    await fetch('/api/webhooks/whatsapp/embedded-signup', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        code,
        wabaId: sessionInfo?.data?.waba_id,
        phoneNumberId: sessionInfo?.data?.phone_number_id
      })
    });
  }
};

const launchWhatsAppSignup = () => {
  FB.login(fbLoginCallback, {
    config_id: '3012452542424289', // Configuration ID
    response_type: 'code', // Must be set to 'code' for System User access token
    override_default_response_type: true, // Takes precedence over default types
    extras: {
      version: 'v4',
      sessionInfoVersion: '3',
      featureType: 'whatsapp_business_app_onboarding',
      setup: {
      "business": {
            "name": "Pak-LLM Sovereign AI Platform",
            "email": "[email protected]",
            "phone": {
                  "country_code": "92",
                  "phone_number": "3001234567"
            },
            "website": "https://pak-llm.com",
            "address": {
                  "street_address1": "Main Shahrah-e-Faisal",
                  "street_address2": "Floor 4, Tech Hub",
                  "city": "Karachi",
                  "state": "Sindh",
                  "zipPostal": "75400",
                  "country": "PK"
            },
            "timezone": "UTC+05:00"
      },
      "phone": {
            "displayName": "Pak-LLM AI",
            "category": "TECH",
            "description": "Pak-LLM Sovereign Bilingual AI & Customer Automation Engine"
      }
}
    }
  });
};