function loadjscssfile(filename, filetype){
    if (filetype=="js"){ //if filename is a external JavaScript file
        var fileref=document.createElement('script')
        fileref.setAttribute("type","text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype=="css"){ //if filename is an external CSS file
        var fileref=document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if (typeof fileref!="undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
}




function loadChat(orgURL, siteURL, orgID, eswLabel, contentURL, deploymentID, buttonID, liveAgentURL, eswID){
	
	loadjscssfile(siteURL + '/resource/chat_resources/css/chat_styles.css?t='+Date.now(), "css");

	// PROD Chat endpoint switcher
	if (contentURL == 'https://c.la4-c1-phx.salesforceliveagent.com/content'){
	    contentURL = "https://c.la4-c1-dfw.salesforceliveagent.com/content";
 }
 if (liveAgentURL == "https://d.la4-c1-phx.salesforceliveagent.com/chat"){
     liveAgentURL = "https://d.la4-c1-dfw.salesforceliveagent.com/chat";
 }
	
	var initESW = function(gslbBaseURL) {
		embedded_svc.settings.displayHelpButton = true; //Or false
		embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US'

		//embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert)
		//embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline)

		//embedded_svc.settings.loadingText = ''; //(Defaults to Loading)
		//embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session)

		// Settings for Chat
		//embedded_svc.settings.directToButtonRouting = function(prechatFormData) {
			// Dynamically changes the button ID based on what the visitor enters in the pre-chat form.
			// Returns a valid button ID.
		//};
		//embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields
		//embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId
		//embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us)

		embedded_svc.settings.enabledFeatures = ['LiveAgent'];
		embedded_svc.settings.defaultMinimizedText = "Chat With Us"
		embedded_svc.settings.entryFeature = 'LiveAgent';
		
		embedded_svc.settings.extraPrechatInfo = [{
  "entityFieldMaps": [{
    "doCreate":false,
    "doFind":false,
    "fieldName":"FirstName",
    "isExactMatch":true,
    "label":"First Name"
  }, 
  {
    "doCreate":false,
    "doFind":false,
    "fieldName":"LastName",
    "isExactMatch":true,
    "label":"Last Name"
  },
  {
    "doCreate":false,
    "doFind":true,
    "fieldName":"Email",
    "isExactMatch":true,
    "label":"Email"
  }],
  "entityName":"Contact"
  
}];

embedded_svc.settings.extraPrechatFormDetails = [
    {
      "label":"First Name", "transcriptFields":["Pre_Chat_Form_First_Name__c"], "displayToAgent":true, "value": 'Guest'
    },
    {
      "label":"Last Name", "transcriptFields":["Pre_Chat_Form_Last_Name__c"], "displayToAgent":true, "value": 'Unknown'
    },
    {
      "label":"Email", "transcriptFields":["Pre_Chat_Form_Email__c"], "displayToAgent":true, "value": 'Unknown@unknown.unknown'
    },
     {
     "label": "Page URL", "value": location.href && location.href.substring(0,255), "displayToAgent": true, "transcriptFields": ['Page_URL__c']
     }
];

		embedded_svc.init(
			orgURL,
			siteURL,
			gslbBaseURL,
			orgID,
			eswLabel,
			{
				baseLiveAgentContentURL: contentURL,
				deploymentId: deploymentID,
				buttonId: buttonID,
				baseLiveAgentURL: liveAgentURL,
				eswLiveAgentDevName: eswID,
				isOfflineSupportEnabled: false
			}
		);
	};

	if (!window.embedded_svc) {
		var s = document.createElement('script');
		s.setAttribute('src', orgURL + '/embeddedservice/5.0/esw.min.js');
		s.onload = function() {
			initESW(null);
		};
		document.body.appendChild(s);
	} else {
		initESW('https://service.force.com');
	}


	var checker = setInterval(listenClick, 1000);

    function listenClick(){
        if (document.getElementById('Subject') != undefined){
    document.getElementById('Subject').addEventListener("focus", function(){
        var firstNameVal = document.getElementById('FirstName').value;
        var lastNameVal = document.getElementById('LastName').value;
        var emailVal = document.getElementById('Email').value;
        console.log("Prechat first name: " + firstNameVal + " last: " + lastNameVal + " email: " + emailVal)
        embedded_svc.settings.extraPrechatFormDetails[0]['value'] = firstNameVal;
        embedded_svc.settings.extraPrechatFormDetails[1]['value'] = lastNameVal;
        embedded_svc.settings.extraPrechatFormDetails[2]['value'] = emailVal;

        }
    )
    clearInterval(checker)
    }
    }
	
}

function loadChatProactive(orgURL, siteURL, orgID, eswLabel, contentURL, deploymentID, buttonID, liveAgentURL, eswID){

	loadjscssfile(siteURL + '/resource/chat_resources/css/chat_styles.css?t='+Date.now(), "css");

	// PROD Chat endpoint switcher
    	if (contentURL == 'https://c.la4-c1-phx.salesforceliveagent.com/content'){
    	    contentURL = "https://c.la4-c1-dfw.salesforceliveagent.com/content";
     }
     if (liveAgentURL == "https://d.la4-c1-phx.salesforceliveagent.com/chat"){
         liveAgentURL = "https://d.la4-c1-dfw.salesforceliveagent.com/chat";
     }

	document.write("<!-- Start of Invitations --><div class='embeddedServiceInvitation' id='snapins_invite' inert='true' aria-live='assertive' role='dialog' aria-atomic='true'>	<div class='embeddedServiceInvitationHeader' aria-labelledby='snapins_titletext' aria-describedby='snapins_bodytext'>		<img id='embeddedServiceAvatar'></img>		<span class='embeddedServiceTitleText' id='snapins_titletext'>Need help?</span>		<button type='button' id='closeInvite' class='embeddedServiceCloseIcon' aria-label='Exit invitation'>&times;</button>	</div>	<div class='embeddedServiceInvitationBody'>		<p id='snapins_bodytext'>How can we help you?</p>	</div>	<div class='embeddedServiceInvitationFooter' aria-describedby='snapins_bodytext'>		<button type='button' class='embeddedServiceActionButton' id='rejectInvite'>Close</button>		<button type='button' class='embeddedServiceActionButton' id='acceptInvite'>Start Chat</button>	</div></div><style type='text/css'>	#snapins_invite { background-color: #FFFFFF; font-family: 'Arial', sans-serif; overflow: visible; border-radius: 8px; visibility: hidden; }	.embeddedServiceInvitation { background-color: transparent; max-width: 290px; max-height: 210px; -webkit-box-shadow: 0 7px 12px rgba(0,0,0,0.28); -moz-box-shadow: 0 7px 12px rgba(0,0,0,0.28); box-shadow: 0 7px 12px rgba(0,0,0,0.28); }	@media only screen and (min-width: 48em) { /*mobile*/ .embeddedServiceInvitation { max-width: 332px; max-height: 210px; } }	.embeddedServiceInvitation > .embeddedServiceInvitationHeader { width: inherit; height: 32px; line-height: 32px; padding: 10px; color: #FFFFFF; background-color: #222222; overflow: initial; display: flex; justify-content: space-between; align-items: stretch; border-top-left-radius: 8px; border-top-right-radius: 8px; }	.embeddedServiceInvitationHeader #embeddedServiceAvatar { width: 32px; height: 32px; border-radius: 50%; }	.embeddedServiceInvitationHeader .embeddedServiceTitleText { font-size: 18px; color: #FFFFFF; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; align-self: stretch; flex-grow: 1; max-width: 100%; margin: 0 12px; }	.embeddedServiceInvitationHeader .embeddedServiceCloseIcon { border: none; border-radius: 3px; cursor: pointer; position: relative; bottom: 3%; background-color: transparent; width: 32px; height: 32px; font-size: 23px; color: #FFFFFF; }	.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus { outline: none; }	.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus::before { content: ' '; position: absolute; top: 11%; left: 7%; width: 85%; height: 85%; background-color: rgba(255, 255, 255, 0.2); border-radius: 4px; pointer-events: none; }	.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:active, .embeddedServiceCloseIcon:hover { background-color: #FFFFFF; color: rgba(0,0,0,0.7); opacity: 0.7; }	.embeddedServiceInvitation > .embeddedServiceInvitationBody { background-color: #FFFFFF; max-height: 110px; min-width: 260px; margin: 0 8px; font-size: 14px; line-height: 20px; overflow: auto; }	.embeddedServiceInvitationBody p { color: #333333; padding: 8px; margin: 12px 0; }	.embeddedServiceInvitation > .embeddedServiceInvitationFooter { width: inherit; color: #FFFFFF; text-align: right; background-color: #FFFFFF; padding: 10px; max-height: 50px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }	.embeddedServiceInvitationFooter > .embeddedServiceActionButton { font-size: 14px; max-height: 40px; border: none; border-radius: 4px; padding: 10px; margin: 4px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; }	.embeddedServiceInvitationFooter > #acceptInvite { background-color: #005290; color: #FFFFFF; }	.embeddedServiceInvitationFooter > #rejectInvite { background-color: #FFFFFF; color: #005290; }</style><scr" + "ipt type='text/javascript'>	(function() {		document.getElementById('closeInvite').onclick = function() { embedded_svc.inviteAPI.inviteButton.rejectInvite(); };		document.getElementById('rejectInvite').onclick = function() { embedded_svc.inviteAPI.inviteButton.rejectInvite(); };		document.getElementById('acceptInvite').onclick = function() { embedded_svc.inviteAPI.inviteButton.acceptInvite(); };		document.addEventListener('keyup', function(event) { if (event.keyCode == 27) { embedded_svc.inviteAPI.inviteButton.rejectInvite(); }})	})();</scr" + "ipt><!-- End of Invitations -->")

	var initESW = function(gslbBaseURL) {
		embedded_svc.settings.displayHelpButton = true; //Or false
		embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US'

		//embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert)
		//embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline)

		//embedded_svc.settings.loadingText = ''; //(Defaults to Loading)
		//embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session)

		// Settings for Chat
		//embedded_svc.settings.directToButtonRouting = function(prechatFormData) {
			// Dynamically changes the button ID based on what the visitor enters in the pre-chat form.
			// Returns a valid button ID.
		//};
		//embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields
		//embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId
		//embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us)

		embedded_svc.settings.enabledFeatures = ['LiveAgent'];
		embedded_svc.settings.defaultMinimizedText = "Chat With Us"
		embedded_svc.settings.entryFeature = 'LiveAgent';

		embedded_svc.settings.extraPrechatInfo = [{
  "entityFieldMaps": [{
    "doCreate":false,
    "doFind":false,
    "fieldName":"FirstName",
    "isExactMatch":true,
    "label":"First Name"
  },
  {
    "doCreate":false,
    "doFind":false,
    "fieldName":"LastName",
    "isExactMatch":true,
    "label":"Last Name"
  },
  {
    "doCreate":false,
    "doFind":true,
    "fieldName":"Email",
    "isExactMatch":true,
    "label":"Email"
  }],
  "entityName":"Contact"

}];

embedded_svc.settings.extraPrechatFormDetails = [
    {
      "label":"First Name", "transcriptFields":["Pre_Chat_Form_First_Name__c"], "displayToAgent":true, "value": 'Guest'
    },
    {
      "label":"Last Name", "transcriptFields":["Pre_Chat_Form_Last_Name__c"], "displayToAgent":true, "value": 'Unknown'
    },
    {
      "label":"Email", "transcriptFields":["Pre_Chat_Form_Email__c"], "displayToAgent":true, "value": 'Unknown@unknown.unknown'
    },
    {
    "label": "Page URL", "value": location.href && location.href.substring(0,255), "displayToAgent": true, "transcriptFields": ['Page_URL__c']
    }
];

		embedded_svc.init(
			orgURL,
			siteURL,
			gslbBaseURL,
			orgID,
			eswLabel,
			{
				baseLiveAgentContentURL: contentURL,
				deploymentId: deploymentID,
				buttonId: buttonID,
				baseLiveAgentURL: liveAgentURL,
				eswLiveAgentDevName: eswID,
				isOfflineSupportEnabled: false
			}
		);
	};

	if (!window.embedded_svc) {
		var s = document.createElement('script');
		s.setAttribute('src', orgURL + '/embeddedservice/5.0/esw.min.js');
		s.onload = function() {
			initESW(null);
		};
		document.body.appendChild(s);
	} else {
		initESW('https://service.force.com');
	}


	var checker = setInterval(listenClick, 1000);

    function listenClick(){
        if (document.getElementById('Subject') != undefined){
    document.getElementById('Subject').addEventListener("focus", function(){
        var firstNameVal = document.getElementById('FirstName').value;
        var lastNameVal = document.getElementById('LastName').value;
        var emailVal = document.getElementById('Email').value;
        console.log("Prechat first name: " + firstNameVal + " last: " + lastNameVal + " email: " + emailVal)
        embedded_svc.settings.extraPrechatFormDetails[0]['value'] = firstNameVal;
        embedded_svc.settings.extraPrechatFormDetails[1]['value'] = lastNameVal;
        embedded_svc.settings.extraPrechatFormDetails[2]['value'] = emailVal;

        }
    )
    clearInterval(checker)
    }
    }

}

// special function to open the chat
 function openSalesforceChat(){
     if (document.getElementsByClassName('helpButtonEnabled').length > 0) {
     document.getElementsByClassName('helpButtonEnabled')[0].click()
     }
 }

 var chatbtn = document.getElementById('salesforcechat');
 if (chatbtn != null){
     chatbtn.onclick = function() {
         openSalesforceChat();
     }
 }


// fix for CSS conflict
document.head.insertAdjacentHTML("beforeend", `<style>.embeddedServiceHelpButton .helpButton {bottom:26.2px !important;}</style>`);