(function() {
  var take = function() {
    function render(template, data){ //console.log("render",template,data)
      return template.replace(/{{(.*?)}}/g, (match) => {
        return data[match.split(/{{|}}/).filter(Boolean)[0].trim()]
      })
    }

    function isMobileCheck () {
     if (typeof navigator === 'undefined' || typeof navigator.userAgent !== 'string') {
       return false;
     }
     if(
        navigator.userAgent.match(/Android/i) || 
        navigator.userAgent.match(/webOS/i) || 
        navigator.userAgent.match(/iPhone/i) || 
        navigator.userAgent.match(/iPad/i) || 
        navigator.userAgent.match(/iPod/i) || 
        navigator.userAgent.match(/BlackBerry/i) || 
        navigator.userAgent.match(/Windows Phone/i)) 
      {
        return true
      }
    }

    function getUserAgentData() {
      if ('userAgentData' in window.navigator) { //console.log("userAgentData",window.navigator.userAgentData)
        return window.navigator.userAgentData
      } else { //console.log("userAgentData not isSupported")
        return null
      }
    }

    function activateChatformWidget(){ 
      const w = document.querySelector('.chatform_widget');
      w.classList.toggle("close");
      if(w.classList.contains("close")){ 
        document.body.classList.remove("chat_open");  
      }else{ 
        document.body.classList.add("chat_open");  
      }
    }
    
    let isMobile;
    const userAgentData=getUserAgentData()
    if(userAgentData){
      isMobile = userAgentData.mobile
    }else{
      isMobile = isMobileCheck();
    }
    let client = "";
    let target = "undefined";
    let mode   = "draft";
    let device = isMobile?"mobile":"pc";

    switch (target) {
      case 'local':
        client="";
        break;
      case 'release':
        client="";
        break;
      case 'staging':
        client="";
        break;
      default:
        client="";
    }

    let ga_client_id="";
    let td_client_id="";
    let r = document.cookie.split(';');
    r.forEach(function(value) {
      let content = value.split('=');
      let key = content[0].trim()
      if(key=="tm_id"){ 
        ga_client_id=content[1].trim()
      }
      if(key=="_td"){
        td_client_id=content[1].trim()
      }
    })
    
    let REF = new URL(window.location);
    REF.searchParams.append('ref', window.location.href);
    REF.searchParams.append('ga_client_id', ga_client_id);
    REF.searchParams.append('td_client_id', td_client_id);
    REF.searchParams.append('tracker', "TKI8IVXB");
    REF.searchParams.append('hash', "8b3f7f47-74e3-4831-b9c9-1247a4df1d90");
    REF.searchParams.append('browser', "undefined");
    REF.searchParams.append('device', "");
    REF.searchParams.append('os', "undefined");
    let search = REF.search.slice(1)    

    
    let widget = render(
      '<style>.chatform_widget{  box-sizing: border-box;  width: 500px;  display: block;  position: fixed;  bottom: 30px;  height: 670px;  right: 30px;  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);  border-radius: 8px;  overflow: hidden;  transition: all 0.3s ease-out;  z-index: 101;}.chatform_widget_header{  height: 50px;  width: 100%;  background-color: #ffffff;  position: absolute;  display: flex;  align-items: center;  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}.chatform_widget_header_text{  color: black;  width: 100%;  text-align: center;  font-size: initial;  font-family: sans-serif;}.chatform_widget_iframe_container{  width: 100%;  position: absolute;  bottom: 0;  top: 50px;  overflow: auto;  -webkit-overflow-scrolling:touch;}.chatform_widget_header img{  position: absolute;  right: 10px;}.chatform_widget iframe{  position: absolute;  width: 100%;  height: 100%;  box-sizing: border-box;  border: none;}.mobile.chatform_widget{  width: 100%;  display: block;  position: absolute;  bottom: 0;  height: 100%;  right: 0px;  border-radius: 0px;}#chatform_widget_cancelbtn{  cursor: pointer;  width:25px!important;}.chatform_widget.close{  bottom: -800px;  /*transform: scale(0.2);*/  opacity: 0;  pointer-events: none;}.mobile.chat_open > *{  /*display:none;*/  /*position:fixed;*/}.chat_open .chatform_widget{  display:block; }</style>'+
      '<script></script>'+
      '<div id="chatform_widget" class="chatform_widget close {{device}}">'+
        '<div class="chatform_widget_iframe_container">'+
          '<talknode><div id="talknode_agent"></div></talknode>'+
        '</div>'+
        '<div class="chatform_widget_header">'+
          '<h6 class="chatform_widget_header_text">'+
            '<span class="titleLabel"></span>'+
          '</h6>'+
          '<img id="chatform_widget_cancelbtn" src="https://res.cloudinary.com/dts6mbw86/image/upload/v1680225569/gatechnologies/close_szmmuh.svg" width="25px" class="absolute">'+
        '</div>'+
      '</div>',
      {
        pid    :"84cab38",
        mode   : mode,
        client : client,
        device : device,
        target : (target!="release")?target:"",
        modestr: (mode=="draft")?"draft":"",
        search : (search)?"&"+search:"",
      }
    );
    
    const body = document.body;
    if(body){
      body.classList.add(device)
      body.insertAdjacentHTML('beforeend', widget);
      const target = document.getElementById('chatform_widget');
      const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          if(!target.classList.contains("close")){
            var talknode_config =
            {
              detail:{
                sid:"84cab38",
                iconUrl:"https://assets.talknode.io/images/manager.png",
                speed:1000,
                disablePreviousComponentsFlg:false,
                mode:"draft"
              }
            }
            window.dispatchEvent(new CustomEvent("talknode_event_start",talknode_config));
          }
        });
      });
      const config = {
        characterData: true,
        attributes:true,
        subtree: true
      };
      observer.observe(target, config);
    }
    let setClickListener = function(){
      document.addEventListener('click', (event) => { 
        if (event.target && 
            event.target.closest('.chatformBtn ') ||
            event.target.classList.contains("chatformBtn") ||
            event.target.id == "chatform_widget_cancelbtn"
          ) { 
          activateChatformWidget()
        }
      });
      document.dispatchEvent(new CustomEvent("chatform_widget_creation_complete"));
    };
    setTimeout(setClickListener, 500);
  }
  setTimeout(take, 0);
 }())