(function() {
  $(document).ready(function() {
  let trackingOptions = {
    eventCategory: 'chatbot-client',
    eventLabel: 'chatbot-state',
    event: 'eventClick'
  };

  if (0 > 0) {
    window.setTimeout(function() { proactiveChat(); }, 0);
  }

  function proactiveChat() {
    $('#proactive-message').text('How can I help you today?');
    $('h3').text("Hey, I'm " + $('h2').text());

    if (!window.sessionStorage.getItem('interaction')) {
      postParentMessage({class: 'bubble'});
      $('#chat-toggle').toggleClass('bubble');
      $('#proactive-bubble').toggleClass('hidden');

      $('#proactive-bubble').click(function() {
        toggleBubble();
      });
    }
  }

  function toggleBubble() {
    window.sessionStorage.setItem('interaction', true);
    $('#main-window').toggleClass('hidden');
    $('#chat-toggle').toggleClass('bubble').toggleClass('minimized');
    $('#proactive-bubble').toggleClass('hidden');
    trackingOptions.eventAction = 'Open Bubble';
    createOpeningMessageNode();
    postParentMessage({class: 'bubble'});
    postParentMessage({class: 'minimized', options: trackingOptions});
  }

  function createOpeningMessageNode() {
    let resultDiv = document.getElementById("chatbot-messages");
    let chatbotProfilePicture = document.createElement('img');
    chatbotProfilePicture.src = $('.chat-head > img').attr('src');
    chatbotProfilePicture.alt = $('h2').text();
    let messageNode = document.createElement('div');
    messageNode.className = 'chat-message received';
    messageNode.appendChild(chatbotProfilePicture);
    let responseNode = document.createElement('p');
    responseNode.innerHTML = 'How can I help you today?';
    messageNode.appendChild(responseNode);
    resultDiv.appendChild(messageNode);
  }
});
})();