<button onclick="callAPIinIframe()">Call API in iframe</button >
  const X_API_KEY ="3cf2e9eb2906ac546f0128ec39fa76ae893834d54dXXXXx";
  //This key is available from the Paytia merchant portal, API secret key sub-menu
  const requestAPI = useRequest();

  const data = [{
      reference_id: "euat1000193723-144548351000",
      webhook_transaction_url: "http://b581-117-192-200-120.ngrok.io",
      webhook_url: "http://b581-117-192-200-120.ngrok.io",
      amount: 1.0,
      agent_id: 100,
      firstname: "test",
      lastname: "test",
      billingcountry: "US",
      billingstate: 'Erkrath',
      billinghouseno: "DHL",
      billingstreet: "billingstreet",
      billingcity: "billingcity",
      billingpostcode: '1234434',
      merchantcode: "", // your gateway nickname of paytia
      billingfirstname: "billingfirstname",
      billinglastname: "billinglastname",
      shippingcountry: "US",
      shippingfirstname: "shippingfirstname",
      shippinglastname: "shippinglastname",
      shippingcity: "shippingcity",
      description: "description",
      shippingpostcode: "111",
      shippinghouseno: "122",
      account_number: "1111",
      reference_number: "1231223",
      transaction_flag: "0",
      web_agent_form: "1",
      web_agent_form_lock: "1",
  }];

  function callAPIinIframe() {
            requestAPI
                .request(data, X_API_KEY)
                .then((response) => {
                    console.log("Response:", response);
                    if (response.url) {
                        const iframe = document.createElement('iframe');
                        iframe.src = response.url;
                        iframe.width = '400';
                        iframe.height = '400';
                        iframe.frameborder = '0'; // Hide iframe border
                        iframe.allowfullscreen = true; // Enable fullscreen mode
                        // Add the iframe to the body or a specific container
                        document.body.appendChild(iframe);
                    }
                })
                .catch((error) => {
                    alert(error);

                });
        }