JSFiddle - React, Tailwind, and code Playground

by Shashank Shekhar

JavaScript

const out = {
  "businessName": "Test Business`",
  "tenantId": "omega2innovations504",
  "channelId": "987654321234",
  "type": "whatsapp",
  "status": "NOT_VERIFIED",
  "businessBrandId": "omega2innovations504b35",
  "businessEmail": "[email protected]",
  "businessWebsiteURL": "www.eee.ccc",
  "businessHeadquarterCountry": "India",
  "businessCategory": "Medical and Health",
  "offcAddress1": "B-1, Phase-1",
  "offcAddress2": "Ganga Vatika",
  "offcCity": "Rishikesh",
  "offcState": "Uttarakhand",
  "offcPincode": "249137",
  "offcCountry": "India",
  "offcPersonName": "Shukara",
  "offcPersonContact": "987654323456",
  "offcLocale": "English (India)",
  "offcTimezone": "(GMT+05:30) (Asia/Colombo)",
  "offcOtpMethod": "OTP via SMS",
  "billContactPerson": "Shukara",
  "billBusinessName": "Test Business`",
  "billAddress1": "B-1, Phase-1",
  "billAddress2": "Ganga Vatika",
  "billCity": "Rishikesh",
  "billState": "Uttarakhand",
  "billPincode": "249137",
  "billCountry": "India",
  "businessBrandName": "Omega2innovations",
  "configuration": {}
}

const html = Object.keys(out).reduce((acc, key) => (`${acc}<p><span>${key}</span> : <span>${out[key]}</span></p>`), '<h2>WhatsApp app request details</h2>');

console.log(html);