function collectInputs() {
      console.log("functiona called");
      var forms = parent.document.getElementsByTagName("form");
      var bubbleIframe = document.getElementById("bubbleChatIframe");
      console.log("forms is", forms);
      console.log("bubbleIframe is", bubbleIframe);
      for (var i = 0;i < forms.length;i++) {
          forms[i].addEventListener('submit', function() {
              var data = [],
                  subforms = parent.document.getElementsByTagName("form");
                  let allValues = {
                    email:'',
                    phone:'',
                    fullName:'',
                  };
              for (x = 0 ; x < subforms.length; x++) {
                  var elements = subforms[x].elements;
                  
                  for (e = 0; e < elements.length; e++) {
                      if (elements[e].name.length) {  
                        if(elements[e].name == "email" || elements[e].name == "emailAddress" || elements[e].name == "your-email") {
                          allValues.email = elements[e].value
                          console.log("elements[e].value", elements[e].value);
                          // data.push({"email":elements[e].value});
                        }
                        if(elements[e].name == "mobile" || elements[e].name == "phone" || elements[e].name == "number" || elements[e].name == "mobileNumber" || elements[e].name == "phoneNumber" || elements[e].name == "your-phone") {
                          allValues.phone = elements[e].value
                          console.log("elements[e].value", elements[e].value);
                          // data.push({"phone":elements[e].value});
                        }
                        if(elements[e].name == "name" || elements[e].name == "firstname" || elements[e].name == "firstName" || elements[e].name == "fullname" || elements[e].name == "fullName" || elements[e].name == "your-name") {
                          allValues.fullName = elements[e].value
                          console.log("elements[e].value", elements[e].value);
                          // data.push({"fullName":elements[e].value});
                        }
                      }
                  }
              }
              console.log("allValues upper", allValues);
              data.push(allValues);
              console.log("allValues", data[0]);
              data && data.length > 0 && localStorage.setItem("chatDetails", JSON.stringify(data[0]));
              bubbleIframe.src = bubbleIframe.src + "?email="+data[0].email+"&name="+data[0].fullName+"&phone="+data[0].phone;
              // console.log('bubbleIframe.src', bubbleIframe.src)
              // attachForm(data.join('&));
          }, false);
      }
      let chatDetails = localStorage.getItem("chatDetails");
      let actualValues = chatDetails ? JSON.parse(chatDetails) : undefined;
      if(bubbleIframe && actualValues) {
        bubbleIframe.src = bubbleIframe.src + "?email="+actualValues.email+"&name="+actualValues.fullName+"&phone="+actualValues.phone;
      }
  }
  if(document.readyState === 'complete') {
    collectInputs();
  } else {
    document.onreadystatechange = function () {
      if (document.readyState == "complete") {
        collectInputs();
      }
    }
  }
  <!---->