@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

package/dist/collection/utils/elq-lib.js

@@ -1,534 +1,533 @@
-import { MDCSelect } from '@material/select/component.js';
-import './eloqua.d.ts';
-// Define the ElqLib class
-export class ElqLib {
-  constructor(params) {
-    this.params = params;
-    this.url_vars = {};
-    this.visitor_elq_id = null;
-    this.field_mappings = [];
-    this.callback_queue = [];
-    this.fields_populated = false;
-    this.user_elq_email = '';
-    this.user_elq_firstname = '';
-    this.user_elq_lastname = '';
-    // Merge defaults with params
-    const defaults = {
-      elq_site_id: '',
-      elq_visitor_lookup_key: '',
-      elq_recipient_id_lookup_key: '',
-      elq_contact_lookup_key: '',
-      elq_subscription_lookup_key: '',
-      elq_field_email_rec_id: 'V_EmailRecipientID',
-      elq_field_contact_email: 'C_EmailAddress',
-      elq_field_visitor_email: 'V_Email_Address',
-      elq_field_visitor_firstname: 'V_First_Name',
-      elq_field_visitor_lastname: 'V_Last_Name',
-      notme_link_id: 'not-me-link-id',
-      notme_fields_class: null,
-      notme_message: 'Not {name}? Click here.',
-      notme_message_noname: 'Not your details below? Click here.',
-    };
-    this.params = Object.assign(Object.assign({}, defaults), this.params);
-    this.init();
-  }
-  init() {
-    // Merge defaults with user-provided params if not already done in the constructor
-    // ...
-    // Set Eloqua site ID
-    this.setEloquaSiteId();
-    // Load Eloqua scripts
-    this.async_load();
-    // Store URL variables
-    this.store_url_vars();
-    // Store visitor's Eloqua IDgit
-    this.store_visitor_elq_id();
-    // init noteme link;
-    // this.init_notme();
-    // Set the global Eloqua callback function
-    window.SetElqContent = this.eloqua_callback.bind(this);
-  }
-  setEloquaSiteId() {
-    if (this.params.elq_site_id) {
-      ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
-      ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
-      ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
-    }
-  }
-  fire_pageview(url) {
-    try {
-      if (typeof url === 'undefined') {
-        ElqLib._elqQ.push(['elqTrackPageView']);
-      }
-      else {
-        ElqLib._elqQ.push(['elqTrackPageView', url]);
-      }
-      //console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
-    }
-    catch (e) {
-      console.log('TRACKING: Could not fire Eloqua pageview: ', e);
-    }
-  }
-  find_eloqua_contact() {
-    //console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
-    // Queue callback action for the return of lookup
-    this.callback_queue.push(this.handle_contact_lookup.bind(this));
-    // Start with a recipient lookup if ID was supplied in URL
-    if (this.visitor_elq_id !== null) {
-      this.lookup_visitor_by_recipient_id();
-    }
-    else {
-      //Looking for users info with elq_contact_lookup_key
-      this.lookup_contact_by_email();
-    }
-  }
-  add_field_mapping(mapping) {
-    this.field_mappings.push(mapping);
-  }
-  add_queue_action(action) {
-    this.callback_queue.push(action);
-  }
-  //public function for preference center
-  //Fires a lookups to get membership info
-  find_eloqua_subscription_info() {
-    //console.log('Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue...');
-    // Queue callback action for the return of lookup
-    this.callback_queue.push(this.handle_visitor_lookup.bind(this));
-    this.callback_queue.push(this.populateCheckboxes.bind(this));
-    if (this.visitor_elq_id !== null) {
-      //this.lookup_visitor_by_recipient_id(); //This lookup comes back no results, check with Eloqua
-      //Triggers the first callback function(SetElqContent) from Eloqua with info V_Email_Address
-      this.retry_visitor_by_cookie(5, 1600);
-    }
-    else {
-      //When there is no visitor_elq_id, for example, coming from update personal info
-      //Get the email info from cookie elq_uid.
-      console.log('visitor_elq_id is null.');
-      this.lookup_visitor_by_cookie();
-    }
-  }
-  store_url_vars() {
-    // Clear the current url_vars
-    this.url_vars = {};
-    // Split the URL by the '?' to get the query string part
-    const queryString = window.location.search.substring(1);
-    // Split the query string by '&' to get each key-value pair
-    queryString.split('&').forEach(paramString => {
-      // Split the key-value pairs by '=' to separate keys and values
-      let [key, value] = paramString.split('=');
-      // Decode URI components to handle URL encoding
-      key = decodeURIComponent(key);
-      value = decodeURIComponent(value);
-      // Store the key-value pair in the url_vars object
-      this.url_vars[key] = value;
-    });
-    // Optionally, log the stored URL variables
-    //console.log('URL variables stored:', this.url_vars);
-  }
-  // A visitor elq id will be produced from the preference center link
-  store_visitor_elq_id() {
-    //console.log("INIT: Looking for visitor's Eloqua ID in URL...");
-    const elqIdParam = this.url_vars['elq'];
-    if (elqIdParam) {
-      const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
-      this.visitor_elq_id = elqId;
-      //console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
-    }
-    else {
-      this.visitor_elq_id = null;
-      console.log('INIT: ...no visitor Eloqua ID found in URL');
-    }
-  }
-  //   private merge(root: any, ...sources: any[]): any {
-  //     sources.forEach(source => {
-  //       for (const key in source) {
-  //         if (source.hasOwnProperty(key)) {
-  //           root[key] = source[key];
-  //         }
-  //       }
-  //     });
-  //     return root;
-  //   }
-  eloqua_callback() {
-    console.log('LOOKUP: Eloqua lookup finished and calling setElqContent');
-    // Process each action in the callback queue
-    let actionSucceeded = true;
-    while (actionSucceeded && this.callback_queue.length > 0) {
-      const action = this.callback_queue.shift();
-      if (action) {
-        //console.log(`QUEUE: Executing action`);
-        actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
-        if (actionSucceeded) {
-          //console.log('QUEUE: Action executed successfully, removed from queue');
-        }
-        else {
-          console.log('QUEUE: Action failed, re-adding to queue');
-          this.callback_queue.unshift(action); // Re-add the action to the front of the queue
-          break; // Break out of the loop if an action fails
-        }
-      }
-    }
-    // After processing the queue, update user details or perform other operations
-    // Move this under the handle_contact_lookup?
-    if (actionSucceeded && this.visitor_elq_id === null && typeof window.GetElqGroupMembershipStatus !== 'function') {
-      this.update_user_details();
-      this.populate_mapped_fields();
-    }
-    // if (actionSucceeded && typeof window.GetElqContentPersonalizationValue === 'function' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) !== '') {
-    //   this.handle_visitor_lookup();
-    // }
-    // if (actionSucceeded && typeof window.GetElqGroupMembershipStatus === 'function') {
-    //   this.populateCheckboxes();
-    // }
-  }
-  lookup_visitor_by_cookie() {
-    if (this.params.elq_visitor_lookup_key != '') {
-      ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
-      //console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
-    }
-    else {
-      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
-    }
-  }
-  retry_visitor_by_cookie(attempts = 3, delay = 500) {
-    let $timeoutId;
-    //console.log('running retry_visitor_by_cookie');
-    if (attempts > 0) {
-      //sending V_Email_Address lookup
-      this.lookup_visitor_by_cookie();
-      if (typeof window.GetElqContentPersonalizationValue !== 'function') {
-        //console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${attempts} attempts left)`);
-        // Retry after the specified delay
-        $timeoutId = setTimeout(() => {
-          this.retry_visitor_by_cookie(attempts - 1, delay);
-        }, delay);
-      }
-      else {
-        //console.info('found V_Email_Address!');
-        clearTimeout($timeoutId);
-      }
-    }
-    else {
-      console.error('GetElqContentPersonalizationValue is still not available after 3 attempts');
-    }
-  }
-  lookup_visitor_by_recipient_id() {
-    if (this.params.elq_recipient_id_lookup_key != '') {
-      ElqLib._elqQ.push([
-        'elqDataLookup',
-        escape(this.params.elq_recipient_id_lookup_key),
-        '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
-      ]);
-      //console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
-      //console.log('find visitor email' + window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email));
-    }
-    else {
-      console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
-    }
-  }
-  lookup_contact_by_email() {
-    if (this.params.elq_contact_lookup_key != '') {
-      ElqLib._elqQ.push([
-        'elqDataLookup',
-        escape(this.params.elq_contact_lookup_key),
-        '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
-      ]);
-      //console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
-    }
-    else {
-      console.log('LOOKUP: A Contact lookup cannot be performed as no lookup key was defined');
-    }
-  }
-  lookup_subscription_by_email() {
-    // Ensure email and lookup key are available
-    if (this.params.elq_subscription_lookup_key) {
-      ElqLib._elqQ.push([
-        'elqDataLookup',
-        escape(this.params.elq_subscription_lookup_key),
-        `<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`,
-      ]);
-      //console.log('LOOKUP: Subscription lookup sent using email address: ' + this.user_elq_email);
-    }
-    else {
-      console.log('LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined');
-    }
-  }
-  handle_visitor_lookup() {
-    //console.log('Contact Email: ' + this.params.elq_field_contact_email)
-    if (typeof window.GetElqContentPersonalizationValue == 'function') {
-      const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email); //V_Email_Address's value
-      if (email) {
-        //console.log(`LOOKUP: Found contact email address: ${email}`);
-        this.user_elq_email = email.trim();
-        this.lookup_subscription_by_email();
-        var cookieValue = this.user_elq_email;
-        var date = new Date();
-        date.setTime(date.getTime() + 14 * 24 * 60 * 60 * 1000); // 14 days in milliseconds
-        var expires = 'expires=' + date.toUTCString();
-        document.cookie = 'elq-uid=' + encodeURIComponent(cookieValue) + ';' + expires + ';path=/;SameSite=Strict;Secure';
-        // this.lookup_contact_by_email();
-        // this.callback_queue.push(this.handle_contact_lookup.bind(this));
-        return true;
-      }
-      else {
-        return false;
-      }
-    }
-  }
-  handle_contact_lookup() {
-    if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
-      //console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
-      return true;
-    }
-    else {
-      return false;
-    }
-  }
-  populate_mapped_fields() {
-    //console.log('MAPPING: Starting field mapping');
-    //debugger;
-    this.field_mappings.forEach(({ elementId, elqFieldName }) => {
-      const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
-      if (elementId !== 'contact-country') {
-        const element = document.getElementById(elementId);
-        //console.log('element ID of field mappings: ' + elementId);
-        //console.log('fieldValue ID of field mappings: ' + fieldValue);
-        if (element && fieldValue) {
-          element.value = fieldValue;
-          //element.style.display = 'none'; // Hide the field.
-          if (element.closest('ptc-textfield')) {
-            element.closest('ptc-textfield').style.display = 'none';
-            element.closest('ptc-textfield').inputValue = fieldValue;
-          }
-          else if (element.closest('ptc-select')) {
-            element.closest('ptc-select').style.display = 'none';
-            element.closest('ptc-select').selectedValue = fieldValue;
-          }
-          this.fields_populated = true;
-        }
-      }
-      else {
-        const countryEle = document.getElementById(elementId);
-        const countrySelect = document.querySelector('.mdc-select');
-        const mdcSelect = new MDCSelect(countrySelect);
-        if (countryEle && fieldValue) {
-          countryEle.textContent = fieldValue;
-          countryEle.closest('ptc-select').selectedValue = fieldValue;
-          mdcSelect.value = fieldValue;
-        }
-        // debugger;
-        if (countryEle.closest('ptc-select')) {
-          countryEle.closest('ptc-select').style.display = 'none';
-        }
-      }
-      // if (elementId === 'hdnHubVideoID'){
-      //   const hdnHubVideoEle = document.getElementById(elementId) as HTMLInputElement;
-      //   if(!hdnHubVideoEle){
-      //     fieldValue = '';
-      //   }
-      // }
-    });
-    //console.log('MAPPING: Finished ');
-    if (this.fields_populated) {
-      this.update_notme_link();
-    }
-  }
-  update_user_details() {
-    //console.log('displaying user info...');
-    if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
-      document
-        .querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
-        .forEach((element) => {
-        if (element.tagName === 'SPAN') {
-          const spanText = element;
-          const spanEloquaName = spanText.getAttribute('data-eloqua-name');
-          const ptcSelect = spanText.closest('ptc-select');
-          const mdcSelect = new MDCSelect(ptcSelect.querySelector('.mdc-select'));
-          if (spanEloquaName !== null) {
-            const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
-            if (spanElqValue !== '' && spanElqValue.length > 0) {
-              spanText.textContent = spanElqValue;
-              ptcSelect.selectedValue = spanElqValue;
-              mdcSelect.value = spanElqValue;
-            }
-          }
-        }
-        else if (element.className.includes('intl-tel-input')) {
-          const telInput = element;
-          const eloquaName = telInput.getAttribute('data-eloqua-name');
-          if (eloquaName !== null) {
-            const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
-            if (elqValue !== '' && elqValue.length > 0) {
-              setTimeout(() => {
-                telInput.placeholder = elqValue;
-                telInput.value = elqValue;
-                telInput.closest('ptc-textfield').inputValue = elqValue;
-              }, 1000);
-            }
-          }
-        }
-        else {
-          const input = element;
-          const eloquaName = input.getAttribute('data-eloqua-name');
-          if (eloquaName !== null) {
-            const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
-            if (elqValue !== '' && elqValue.length > 0) {
-              input.value = elqValue;
-              input.closest('ptc-textfield').inputValue = elqValue;
-            }
-          }
-        }
-      });
-    }
-    if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
-      this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
-    }
-    if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
-      this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
-    }
-    if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
-      this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
-    }
-  }
-  //preference center
-  populateCheckboxes() {
-    if (typeof window.GetElqGroupMembershipStatus === 'function') {
-      //console.log('populating checkboxes...');
-      this.user_elq_email
-        ? (document.querySelector('.cookie-email').innerHTML = this.user_elq_email)
-        : (document.querySelector('.cookie-email').innerHTML = 'email information is not available');
-      document.querySelectorAll('input.groupId').forEach((element) => {
-        const subscribedGroupId = element.getAttribute('data-sub-groupid');
-        const unSubscribedGroupId = element.getAttribute('data-unsub-groupid');
-        const status = window.GetElqGroupMembershipStatus(subscribedGroupId);
-        const unstatus = window.GetElqGroupMembershipStatus(unSubscribedGroupId);
-        if (status == null || status === undefined || status) {
-          element.checked = true;
-        }
-        else if (unstatus) {
-          element.checked = false;
-        }
-        this.fields_populated = true;
-      });
-      if (this.fields_populated) {
-        this.update_notme_link();
-      }
-    }
-    else {
-      console.log('No result from group membership web look up, cannot display membership info');
-    }
-  }
-  disable_submit_button() {
-    $('#btnSubmit').prop('disabled', true);
-    // $('.cookie-email').text("Looking for your email... Oops, we don't have your email information, please use the above link to update your email, thank you.");
-    // if ($('#unsubscribeAllChk').length > 0) {
-    //     $('#unsubscribeAllChk').hide();
-    // }
-  }
-  update_notme_link() {
-    // Assuming the user's first and last name are available from Eloqua fields
-    const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
-    const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
-    const topAdditional = document.getElementById('not-me-additional-top');
-    const bottomAdditional = document.getElementById('not-me-additional-bottom');
-    if (topAdditional) {
-      let message = topAdditional.innerHTML;
-      //console.log('first name: ' + firstName);
-      if (firstName && lastName) {
-        message = message.replace('{name}', firstName + ' ' + lastName);
-      }
-      else {
-        message = this.params.notme_message_noname;
-      }
-      topAdditional.innerHTML = message;
-      topAdditional.style.display = 'block';
-    }
-    if (bottomAdditional) {
-      //bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
-      bottomAdditional.style.display = 'block';
-    }
-    const notMeLinkElement = document.getElementById(this.params.notme_link_id);
-    if (notMeLinkElement) {
-      notMeLinkElement.style.display = 'block';
-      notMeLinkElement.onclick = this.remove_user_details.bind(this);
-    }
-  }
-  remove_user_details(e) {
-    e.preventDefault();
-    this.user_elq_email = '';
-    this.user_elq_firstname = '';
-    this.user_elq_lastname = '';
-    const topAdditional = document.getElementById('not-me-additional-top');
-    const bottomAdditional = document.getElementById('not-me-additional-bottom');
-    //linkDiv.querySelector('a').remove();
-    topAdditional.style.display = 'none';
-    bottomAdditional.style.display = 'none';
-    this.refreshForm();
-    return false;
-  }
-  refreshForm() {
-    this.field_mappings.forEach(({ elementId }) => {
-      if (elementId !== 'contact-country') {
-        const element = document.getElementById(elementId);
-        if (element) {
-          //console.log('element: ' + element);
-          element.value = ''; // Reset the value
-          if (element.closest('ptc-textfield')) {
-            if (element.closest('ptc-textfield').getAttribute('ignore-blind-submit') != 'true') {
-              element.closest('ptc-textfield').style.display = '';
-            }
-          }
-          else if (element.closest('ptc-select')) {
-            element.closest('ptc-select').style.display = 'none';
-          }
-          else if (element.closest('ptc-form-checkbox')) {
-            if (element.closest('ptc-form-checkbox').getAttribute('ignore-blind-submit') == 'true') {
-              element.closest('ptc-form-checkbox').style.display = 'none';
-            }
-          }
-        }
-      }
-      else {
-        const countryEle = document.getElementById(elementId);
-        if (countryEle) {
-          countryEle.textContent = '';
-        }
-        // debugger;
-        if (countryEle.closest('ptc-select')) {
-          countryEle.closest('ptc-select').style.display = '';
-        }
-      }
-    });
-    this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
-    this.fields_populated = false;
-    //this.update_notme_link(); // Update the 'Not Me' link if necessary
-  }
-  clearEloquaCookie(name) {
-    document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
-    //console.log('cookie cleared');
-  }
-  // Private Method to load Eloqua Scripts
-  async_load() {
-    const scriptUrl = 'https://img.en25.com/i/elqCfg.min.js';
-    const scriptElement = document.createElement('script');
-    scriptElement.type = 'text/javascript';
-    scriptElement.async = true;
-    scriptElement.src = scriptUrl;
-    // Error handling for script loading
-    scriptElement.onerror = errorEvent => {
-      console.log(`Error loading script: ${errorEvent}`);
-    };
-    // Append the script element to the head of the document, or before the first script tag found
-    const firstScriptTag = document.getElementsByTagName('script')[0];
-    if (firstScriptTag && firstScriptTag.parentNode) {
-      firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
-    }
-    else {
-      document.head.appendChild(scriptElement);
-    }
-    //console.log(`Async loading of script ${scriptUrl} initiated.`);
-  }
-}
-ElqLib._elqQ = window['_elqQ'] || [];
-// Static member initialization
-//ElqLib._elqQ = window['_elqQ'] || [];
+import { MDCSelect } from "@material/select/component.js";
+import "./eloqua.d.ts";
+// Define the ElqLib class
+export class ElqLib {
+    params;
+    static _elqQ = window['_elqQ'] || [];
+    url_vars = {};
+    visitor_elq_id = null;
+    field_mappings = [];
+    callback_queue = [];
+    fields_populated = false;
+    user_elq_email = '';
+    user_elq_firstname = '';
+    user_elq_lastname = '';
+    constructor(params) {
+        this.params = params;
+        // Merge defaults with params
+        const defaults = {
+            elq_site_id: '',
+            elq_visitor_lookup_key: '',
+            elq_recipient_id_lookup_key: '',
+            elq_contact_lookup_key: '',
+            elq_subscription_lookup_key: '',
+            elq_field_email_rec_id: 'V_EmailRecipientID',
+            elq_field_contact_email: 'C_EmailAddress',
+            elq_field_visitor_email: 'V_Email_Address',
+            elq_field_visitor_firstname: 'V_First_Name', //might need to add contact_first and last name for preference
+            elq_field_visitor_lastname: 'V_Last_Name',
+            notme_link_id: 'not-me-link-id',
+            notme_fields_class: null,
+            notme_message: 'Not {name}? Click here.',
+            notme_message_noname: 'Not your details below? Click here.',
+        };
+        this.params = { ...defaults, ...this.params };
+        this.init();
+    }
+    init() {
+        // Merge defaults with user-provided params if not already done in the constructor
+        // ...
+        // Set Eloqua site ID
+        this.setEloquaSiteId();
+        // Load Eloqua scripts
+        this.async_load();
+        // Store URL variables
+        this.store_url_vars();
+        // Store visitor's Eloqua IDgit
+        this.store_visitor_elq_id();
+        // init noteme link;
+        // this.init_notme();
+        // Set the global Eloqua callback function
+        window.SetElqContent = this.eloqua_callback.bind(this);
+    }
+    setEloquaSiteId() {
+        if (this.params.elq_site_id) {
+            ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
+            ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
+            ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
+        }
+    }
+    fire_pageview(url) {
+        try {
+            if (typeof url === 'undefined') {
+                ElqLib._elqQ.push(['elqTrackPageView']);
+            }
+            else {
+                ElqLib._elqQ.push(['elqTrackPageView', url]);
+            }
+            //console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
+        }
+        catch (e) {
+            console.log('TRACKING: Could not fire Eloqua pageview: ', e);
+        }
+    }
+    find_eloqua_contact() {
+        //console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
+        // Queue callback action for the return of lookup
+        this.callback_queue.push(this.handle_contact_lookup.bind(this));
+        // Start with a recipient lookup if ID was supplied in URL
+        if (this.visitor_elq_id !== null) {
+            this.lookup_visitor_by_recipient_id();
+        }
+        else {
+            //Looking for users info with elq_contact_lookup_key
+            this.lookup_contact_by_email();
+        }
+    }
+    add_field_mapping(mapping) {
+        this.field_mappings.push(mapping);
+    }
+    add_queue_action(action) {
+        this.callback_queue.push(action);
+    }
+    //public function for preference center
+    //Fires a lookups to get membership info
+    find_eloqua_subscription_info() {
+        //console.log('Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue...');
+        // Queue callback action for the return of lookup
+        this.callback_queue.push(this.handle_visitor_lookup.bind(this));
+        this.callback_queue.push(this.populateCheckboxes.bind(this));
+        if (this.visitor_elq_id !== null) {
+            //this.lookup_visitor_by_recipient_id(); //This lookup comes back no results, check with Eloqua
+            //Triggers the first callback function(SetElqContent) from Eloqua with info V_Email_Address
+            this.retry_visitor_by_cookie(5, 1600);
+        }
+        else {
+            //When there is no visitor_elq_id, for example, coming from update personal info
+            //Get the email info from cookie elq_uid.
+            console.log('visitor_elq_id is null.');
+            this.lookup_visitor_by_cookie();
+        }
+    }
+    store_url_vars() {
+        // Clear the current url_vars
+        this.url_vars = {};
+        // Split the URL by the '?' to get the query string part
+        const queryString = window.location.search.substring(1);
+        // Split the query string by '&' to get each key-value pair
+        queryString.split('&').forEach(paramString => {
+            // Split the key-value pairs by '=' to separate keys and values
+            let [key, value] = paramString.split('=');
+            // Decode URI components to handle URL encoding
+            key = decodeURIComponent(key);
+            value = decodeURIComponent(value);
+            // Store the key-value pair in the url_vars object
+            this.url_vars[key] = value;
+        });
+        // Optionally, log the stored URL variables
+        //console.log('URL variables stored:', this.url_vars);
+    }
+    // A visitor elq id will be produced from the preference center link
+    store_visitor_elq_id() {
+        //console.log("INIT: Looking for visitor's Eloqua ID in URL...");
+        const elqIdParam = this.url_vars['elq'];
+        if (elqIdParam) {
+            const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
+            this.visitor_elq_id = elqId;
+            //console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
+        }
+        else {
+            this.visitor_elq_id = null;
+            console.log('INIT: ...no visitor Eloqua ID found in URL');
+        }
+    }
+    //   private merge(root: any, ...sources: any[]): any {
+    //     sources.forEach(source => {
+    //       for (const key in source) {
+    //         if (source.hasOwnProperty(key)) {
+    //           root[key] = source[key];
+    //         }
+    //       }
+    //     });
+    //     return root;
+    //   }
+    eloqua_callback() {
+        console.log('LOOKUP: Eloqua lookup finished and calling setElqContent');
+        // Process each action in the callback queue
+        let actionSucceeded = true;
+        while (actionSucceeded && this.callback_queue.length > 0) {
+            const action = this.callback_queue.shift();
+            if (action) {
+                //console.log(`QUEUE: Executing action`);
+                actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
+                if (actionSucceeded) {
+                    //console.log('QUEUE: Action executed successfully, removed from queue');
+                }
+                else {
+                    console.log('QUEUE: Action failed, re-adding to queue');
+                    this.callback_queue.unshift(action); // Re-add the action to the front of the queue
+                    break; // Break out of the loop if an action fails
+                }
+            }
+        }
+        // After processing the queue, update user details or perform other operations
+        // Move this under the handle_contact_lookup?
+        if (actionSucceeded && this.visitor_elq_id === null && typeof window.GetElqGroupMembershipStatus !== 'function') {
+            this.update_user_details();
+            this.populate_mapped_fields();
+        }
+        // if (actionSucceeded && typeof window.GetElqContentPersonalizationValue === 'function' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) !== '') {
+        //   this.handle_visitor_lookup();
+        // }
+        // if (actionSucceeded && typeof window.GetElqGroupMembershipStatus === 'function') {
+        //   this.populateCheckboxes();
+        // }
+    }
+    lookup_visitor_by_cookie() {
+        if (this.params.elq_visitor_lookup_key != '') {
+            ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
+            //console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
+        }
+        else {
+            console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
+        }
+    }
+    retry_visitor_by_cookie(attempts = 3, delay = 500) {
+        let $timeoutId;
+        //console.log('running retry_visitor_by_cookie');
+        if (attempts > 0) {
+            //sending V_Email_Address lookup
+            this.lookup_visitor_by_cookie();
+            if (typeof window.GetElqContentPersonalizationValue !== 'function') {
+                //console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${attempts} attempts left)`);
+                // Retry after the specified delay
+                $timeoutId = setTimeout(() => {
+                    this.retry_visitor_by_cookie(attempts - 1, delay);
+                }, delay);
+            }
+            else {
+                //console.info('found V_Email_Address!');
+                clearTimeout($timeoutId);
+            }
+        }
+        else {
+            console.error('GetElqContentPersonalizationValue is still not available after 3 attempts');
+        }
+    }
+    lookup_visitor_by_recipient_id() {
+        if (this.params.elq_recipient_id_lookup_key != '') {
+            ElqLib._elqQ.push([
+                'elqDataLookup',
+                escape(this.params.elq_recipient_id_lookup_key),
+                '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
+            ]);
+            //console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
+            //console.log('find visitor email' + window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email));
+        }
+        else {
+            console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
+        }
+    }
+    lookup_contact_by_email() {
+        if (this.params.elq_contact_lookup_key != '') {
+            ElqLib._elqQ.push([
+                'elqDataLookup',
+                escape(this.params.elq_contact_lookup_key),
+                '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
+            ]);
+            //console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
+        }
+        else {
+            console.log('LOOKUP: A Contact lookup cannot be performed as no lookup key was defined');
+        }
+    }
+    lookup_subscription_by_email() {
+        // Ensure email and lookup key are available
+        if (this.params.elq_subscription_lookup_key) {
+            ElqLib._elqQ.push([
+                'elqDataLookup',
+                escape(this.params.elq_subscription_lookup_key),
+                `<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`,
+            ]);
+            //console.log('LOOKUP: Subscription lookup sent using email address: ' + this.user_elq_email);
+        }
+        else {
+            console.log('LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined');
+        }
+    }
+    handle_visitor_lookup() {
+        //console.log('Contact Email: ' + this.params.elq_field_contact_email)
+        if (typeof window.GetElqContentPersonalizationValue == 'function') {
+            const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email); //V_Email_Address's value
+            if (email) {
+                //console.log(`LOOKUP: Found contact email address: ${email}`);
+                this.user_elq_email = email.trim();
+                this.lookup_subscription_by_email();
+                var cookieValue = this.user_elq_email;
+                var date = new Date();
+                date.setTime(date.getTime() + 14 * 24 * 60 * 60 * 1000); // 14 days in milliseconds
+                var expires = 'expires=' + date.toUTCString();
+                document.cookie = 'elq-uid=' + encodeURIComponent(cookieValue) + ';' + expires + ';path=/;SameSite=Strict;Secure';
+                // this.lookup_contact_by_email();
+                // this.callback_queue.push(this.handle_contact_lookup.bind(this));
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+    }
+    handle_contact_lookup() {
+        if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
+            //console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    populate_mapped_fields() {
+        //console.log('MAPPING: Starting field mapping');
+        //debugger;
+        this.field_mappings.forEach(({ elementId, elqFieldName }) => {
+            const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
+            if (elementId !== 'contact-country') {
+                const element = document.getElementById(elementId);
+                //console.log('element ID of field mappings: ' + elementId);
+                //console.log('fieldValue ID of field mappings: ' + fieldValue);
+                if (element && fieldValue) {
+                    element.value = fieldValue;
+                    //element.style.display = 'none'; // Hide the field.
+                    if (element.closest('ptc-textfield')) {
+                        element.closest('ptc-textfield').style.display = 'none';
+                        element.closest('ptc-textfield').inputValue = fieldValue;
+                    }
+                    else if (element.closest('ptc-select')) {
+                        element.closest('ptc-select').style.display = 'none';
+                        element.closest('ptc-select').selectedValue = fieldValue;
+                    }
+                    this.fields_populated = true;
+                }
+            }
+            else {
+                const countryEle = document.getElementById(elementId);
+                const countrySelect = document.querySelector('.mdc-select');
+                const mdcSelect = new MDCSelect(countrySelect);
+                if (countryEle && fieldValue) {
+                    countryEle.textContent = fieldValue;
+                    countryEle.closest('ptc-select').selectedValue = fieldValue;
+                    mdcSelect.value = fieldValue;
+                }
+                // debugger;
+                if (countryEle.closest('ptc-select')) {
+                    countryEle.closest('ptc-select').style.display = 'none';
+                }
+            }
+        });
+        //console.log('MAPPING: Finished ');
+        if (this.fields_populated) {
+            this.update_notme_link();
+        }
+    }
+    update_user_details() {
+        //console.log('displaying user info...');
+        if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
+            document
+                .querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
+                .forEach((element) => {
+                if (element.tagName === 'SPAN') {
+                    const spanText = element;
+                    const spanEloquaName = spanText.getAttribute('data-eloqua-name');
+                    const ptcSelect = spanText.closest('ptc-select');
+                    const mdcSelect = new MDCSelect(ptcSelect.querySelector('.mdc-select'));
+                    if (spanEloquaName !== null) {
+                        const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
+                        if (spanElqValue !== '' && spanElqValue.length > 0) {
+                            spanText.textContent = spanElqValue;
+                            ptcSelect.selectedValue = spanElqValue;
+                            mdcSelect.value = spanElqValue;
+                        }
+                    }
+                }
+                else if (element.className.includes('intl-tel-input')) {
+                    const telInput = element;
+                    const eloquaName = telInput.getAttribute('data-eloqua-name');
+                    if (eloquaName !== null) {
+                        const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
+                        if (elqValue !== '' && elqValue.length > 0) {
+                            setTimeout(() => {
+                                telInput.placeholder = elqValue;
+                                telInput.value = elqValue;
+                                telInput.closest('ptc-textfield').inputValue = elqValue;
+                            }, 1000);
+                        }
+                    }
+                }
+                else {
+                    const input = element;
+                    const eloquaName = input.getAttribute('data-eloqua-name');
+                    if (eloquaName !== null) {
+                        const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
+                        if (elqValue !== '' && elqValue.length > 0) {
+                            input.value = elqValue;
+                            input.closest('ptc-textfield').inputValue = elqValue;
+                        }
+                    }
+                }
+            });
+        }
+        if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
+            this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
+        }
+        if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
+            this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
+        }
+        if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
+            this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
+        }
+    }
+    //preference center
+    populateCheckboxes() {
+        if (typeof window.GetElqGroupMembershipStatus === 'function') {
+            //console.log('populating checkboxes...');
+            this.user_elq_email
+                ? (document.querySelector('.cookie-email').innerHTML = this.user_elq_email)
+                : (document.querySelector('.cookie-email').innerHTML = 'email information is not available');
+            document.querySelectorAll('input.groupId').forEach((element) => {
+                const subscribedGroupId = element.getAttribute('data-sub-groupid');
+                const unSubscribedGroupId = element.getAttribute('data-unsub-groupid');
+                const status = window.GetElqGroupMembershipStatus(subscribedGroupId);
+                const unstatus = window.GetElqGroupMembershipStatus(unSubscribedGroupId);
+                if (status == null || status === undefined || status) {
+                    element.checked = true;
+                }
+                else if (unstatus) {
+                    element.checked = false;
+                }
+                this.fields_populated = true;
+            });
+            if (this.fields_populated) {
+                this.update_notme_link();
+            }
+        }
+        else {
+            console.log('No result from group membership web look up, cannot display membership info');
+        }
+    }
+    disable_submit_button() {
+        const btnSubmit = document.getElementById('btnSubmit');
+        if (btnSubmit) {
+            btnSubmit.disabled = true;
+        }
+        // $('.cookie-email').text("Looking for your email... Oops, we don't have your email information, please use the above link to update your email, thank you.");
+        // if ($('#unsubscribeAllChk').length > 0) {
+        //     $('#unsubscribeAllChk').hide();
+        // }
+    }
+    update_notme_link() {
+        // Assuming the user's first and last name are available from Eloqua fields
+        const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
+        const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
+        const topAdditional = document.getElementById('not-me-additional-top');
+        const bottomAdditional = document.getElementById('not-me-additional-bottom');
+        if (topAdditional) {
+            let message = topAdditional.innerHTML;
+            //console.log('first name: ' + firstName);
+            if (firstName && lastName) {
+                message = message.replace('{name}', firstName + ' ' + lastName);
+            }
+            else {
+                message = this.params.notme_message_noname;
+            }
+            topAdditional.innerHTML = message;
+            topAdditional.style.display = 'block';
+        }
+        if (bottomAdditional) {
+            //bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
+            bottomAdditional.style.display = 'block';
+        }
+        const notMeLinkElement = document.getElementById(this.params.notme_link_id);
+        if (notMeLinkElement) {
+            notMeLinkElement.style.display = 'block';
+            notMeLinkElement.onclick = this.remove_user_details.bind(this);
+        }
+    }
+    remove_user_details(e) {
+        e.preventDefault();
+        this.user_elq_email = '';
+        this.user_elq_firstname = '';
+        this.user_elq_lastname = '';
+        const topAdditional = document.getElementById('not-me-additional-top');
+        const bottomAdditional = document.getElementById('not-me-additional-bottom');
+        //linkDiv.querySelector('a').remove();
+        topAdditional.style.display = 'none';
+        bottomAdditional.style.display = 'none';
+        this.refreshForm();
+        return false;
+    }
+    refreshForm() {
+        this.field_mappings.forEach(({ elementId }) => {
+            if (elementId !== 'contact-country') {
+                const element = document.getElementById(elementId);
+                if (element) {
+                    //console.log('element: ' + element);
+                    element.value = ''; // Reset the value
+                    if (element.closest('ptc-textfield')) {
+                        if (element.closest('ptc-textfield').getAttribute('ignore-blind-submit') != 'true') {
+                            element.closest('ptc-textfield').style.display = '';
+                        }
+                    }
+                    else if (element.closest('ptc-select')) {
+                        element.closest('ptc-select').style.display = 'none';
+                    }
+                    else if (element.closest('ptc-form-checkbox')) {
+                        if (element.closest('ptc-form-checkbox').getAttribute('ignore-blind-submit') == 'true') {
+                            element.closest('ptc-form-checkbox').style.display = 'none';
+                        }
+                    }
+                }
+            }
+            else {
+                const countryEle = document.getElementById(elementId);
+                if (countryEle) {
+                    countryEle.textContent = '';
+                }
+                // debugger;
+                if (countryEle.closest('ptc-select')) {
+                    countryEle.closest('ptc-select').style.display = '';
+                }
+            }
+        });
+        this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
+        this.fields_populated = false;
+        //this.update_notme_link(); // Update the 'Not Me' link if necessary
+    }
+    clearEloquaCookie(name) {
+        document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+        //console.log('cookie cleared');
+    }
+    // Private Method to load Eloqua Scripts
+    async_load() {
+        const scriptUrl = 'https://img.en25.com/i/elqCfg.min.js';
+        const scriptElement = document.createElement('script');
+        scriptElement.type = 'text/javascript';
+        scriptElement.async = true;
+        scriptElement.src = scriptUrl;
+        // Error handling for script loading
+        scriptElement.onerror = errorEvent => {
+            console.log(`Error loading script: ${errorEvent}`);
+        };
+        // Append the script element to the head of the document, or before the first script tag found
+        const firstScriptTag = document.getElementsByTagName('script')[0];
+        if (firstScriptTag && firstScriptTag.parentNode) {
+            firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
+        }
+        else {
+            document.head.appendChild(scriptElement);
+        }
+        //console.log(`Async loading of script ${scriptUrl} initiated.`);
+    }
+}
+// Static member initialization
+//ElqLib._elqQ = window['_elqQ'] || [];
+//# sourceMappingURL=elq-lib.js.map