// Minimal template - we assume JQuery is loaded
// and script is included only once

/*jshint esversion: 6 */

console.log("starting sahil-style chat bot template");

// polyfill for URLSearchParams

(function (w) {
  w.URLSearchParams = w.URLSearchParams || function (searchString) {
      var self = this;
      self.searchString = searchString;
      self.get = function (name) {
          var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(self.searchString);
          if (results == null) {
              return null;
          }
          else {
              return decodeURI(results[1]) || 0;
          }
      };
  }
})(window);

// helper for inserting emojis

$.fn.insertIntoTextArea = function(textToInsert) {
  return this.each(function () {
    var txt = $(this);
    var cursorPosStart = txt.prop('selectionStart');
    var cursorPosEnd = txt.prop('selectionEnd');
    var v = txt.val();
    var textBefore = v.substring(0,  cursorPosStart);
    var textAfter  = v.substring(cursorPosEnd, v.length);
    txt.val(textBefore + textToInsert + textAfter);
    txt.prop('selectionStart', cursorPosStart + textToInsert.length);
    txt.prop('selectionEnd', cursorPosStart + textToInsert.length);
    txt.focus();
  });
};

// more helpers

function dynamicallyLoadScript(url, onload, asModule) {
  var script = document.createElement("script");
  script.src = url;
  script.onload = onload;
  if (asModule) script.type = "module";
  document.head.appendChild(script);
}

function dynamicallyLoadModule(code) {
  var script = document.createElement("script");
  script.type = "module";
  script.appendChild(document.createTextNode(code));
  document.head.appendChild(script);
}

function loadStyleSheet(url, onLoad) {
  var link = document.createElement('link');
  link.setAttribute("rel", "stylesheet");
  link.setAttribute("type", "text/css");
  link.onload = onLoad;
  link.setAttribute("href", url);
  document.head.appendChild(link);
}

class ChatBot {
  constructor() {
    this.n = #N#;
    this.interval = 1000;
    this.nInitial = this.n;
    this.started = false;
    this.cookie = localStorage.getItem('chatbot-cookie');
    this.notificationsOn = true;
    this.pollURL = "#INCREMENTALURL#";

    this.sendTyping_sent = 0;
    this.sendTyping_interval = 5000;

    this.allowEmptyMsg = false;
  
    this.urlParams = new URLSearchParams(window.location.search);
    this.botConfig = this.urlParams.get('_botConfig');

    // allow cookie override in URL
    var cookie2 = urlParams.get('cookie');
    if (urlParams.get("_newBotCookie") == "1") {
      this.cookie = "conv-" + Math.random().toString(36).substr(2, 9);
      console.log("New cookie made >> " + this.cookie);
    }

    if (cookie2) {
      this.cookie = cookie2;
      console.log("Cookie override >> " + cookie2);
    }

    console.log("cookie 1: " + this.cookie);
    if (!this.cookie) {
      this.cookie = Math.random().toString(36).substr(2, 9);
      localStorage.setItem('chatbot-cookie', this.cookie);
      console.log("cookie 2: " + this.cookie);
    }

    /*
    // intTelInput.min.css
    loadStyleSheet("https://botcompany.de/serve/1029819?ct=text/css");
  
    // intlTelInput.min.js
    dynamicallyLoadScript("https://botcompany.de/serve/1029820?ct=text/javascript", function() {
      window.telInput = document.querySelector("#chat_telephone");
      console.log("telInput: " + telInput);
      window.telHandler = window.intlTelInput(window.telInput, {
        utilsScript: "https://botcompany.de/serve/1029822?ct=text/javascript", 
        preferredCountries: ["in", "gb"],
        separateDialCode: true,
        initialCountry: "#COUNTRY#"
      });
    });
  
    dynamicallyLoadScript("https://gazelle.rocks/emoji-picker/index.js", function() {
      console.log("emoji picker loaded");
      
      dynamicallyLoadModule(`
        import { EmojiButton } from "https://gazelle.rocks/emoji-picker/index.js";
    
        const picker = new EmojiButton();
        const trigger = document.querySelector('#bot-emoji-trigger');
    
        picker.on('emoji', selection => {
          console.log(selection.emoji);
          $("#chat_message").insertIntoTextArea(selection.emoji);
          setTimeout(function() {
            $("#chat_message").focus();
          }, 250);
        });
    
        trigger.addEventListener('click', () => picker.togglePicker(trigger));
      `);
    }, true);
    */
  }
    
  function standardParams() {
    return "&cookie=" + this.cookie + "&rand=" + Math.random() + (!this.botConfig ? "" : "&_botConfig=" + encodeURIComponent(this.botConfig));
  }

  function poll() {  
    if (!this.pollURL) return;
    
    var url = this.pollURL + this.n + this.standardParams();
    if (this.language) url += "&language_default=" + this.language;
    
    $.get(url, function(src) {
      console.log("Loaded " + src.length + " chars");
      var match = src.match(/\d+/);
      if (match != null) {
        var newN = parseInt(match[0]);
        if (src.match(/NEW DIALOG -->/)) {
          //var noNotify = src.match(/NO NOTIFY NEW DIALOG -->/);
          /*console.log("noNotify=" + noNotify);
          if (noNotify)
            $("#chat_converse").addClass('notransition');*/
          $("#chat_converse").html(src);
          /*if (noNotify) {
            $("#chat_converse").offsetHeight; // Trigger a reflow
            $("#chat_converse").removeClass('notransition'); // Re-enable transition
          }*/
        } else {
          // hide old buttons and special input fields
          $(".chat_buttons, .chat-button-span, .chatbot-choice-button").hide();
          $("#chat_telephone, .iti").hide();
          $("#chat_message").show();
          // now append new stuff
          $("#chat_converse").append(src);
        }
        var oldN = this.n;
        this.n = newN;
        $("#chat_converse").scrollTop(1000000);
        console.log("Appended " + src.length);
        console.log(src);
      } else
        console.log("this.n=" + this.n + " (initial=" + this.nInitial + ")");
      console.log("Rescheduling");
      //var interval = src == '' ? this.interval*10 : this.interval; // slowdown when bug
      var interval = this.interval;
      setTimeout(function() { this.poll(); }, interval);
      console.log("Rescheduled");
    }, 'text')
      .fail(function() {
        console.log("Rescheduling after fail");
        setTimeout(function() { this.poll(); }, this.interval);
      });
    }
  };

  // also focuses input field  
  setInput(text, placeholder) {
    if (placeholder == '') placeholder = "Type a message...";
    $('#chat_message')
      .attr('placeholder', placeholder);
    if (text)
      $('#chat_message').val(text).select().focus();
  }
  
  submitAMsg(msg) {
    if (!this.allowEmptyMsg && msg == "") return;
    $("#chat_message").val(msg);
    this.submitMsg();
  };
  
  submitMsg() {
    var msg = $("#chat_message").val();
    
    if ($("#chat_telephone").is(":visible") && !/^!/.test(msg))
      msg = window.telHandler.getNumber();

    var url = '#MSGURL#' + encodeURIComponent(msg) + standardParams();
    if (this.language) url += "&language_default=" + this.language;
    console.log('Submitting ' + url);
    $.get(url);
    $("#chat_message").val('');
  }  
  
  playChatNotification() {
    if (window.chatNotificationWav == null) {
      console.log("Loading notification wav");
      window.chatNotificationWav = new Audio("#NOTIFICATIONSOUND#");
      if ("#WORKERMODE" != "true")
        window.chatNotificationWav.volume = 0.5;
    }
    console.log("Playing notification mp3");
    window.chatNotificationWav.play();
  };
  
  /*var originalTitle;
  
  window.setTitleStatus = function(status) {
    if (originalTitle == null)
      originalTitle = document.title;
    if (!document.hasFocus() || document.activeElement !== document.getElementById('chat_message')) {
      if (status) status = status + " ";
    } else status = "";
    document.title = status + originalTitle;
  };
  
  resetTitle() {
    window.setTitleStatus("");
  }
  
  window.onfocus = resetTitle;
  $('#chat_message').on("focus", resetTitle);*/
  
  sendTyping() {
    var time = Date.now();
    if (time > this.sendTyping_sent+this.sendTyping_interval) {
      this.sendTyping_sent = time;
      var url = "#TYPINGURL#" + standardParams();
      console.log("Loading " + url);
      $.get(url);
    }
  }
  
  notiToggle() {
    this.submitAMsg('!toggle notifications');
    var text = $("#chatBot_notiToggleText");
    text.text("Turn " + (/Turn on/.test(text.text()) ? "off" : "on") + " notifications");
  }
  
  showTyping() {
    console.log("showTyping " + typingCounter);
    this.typingCounter++;
    if (this.typingCounter == 1)
      $('#otherSideTyping').css('display', 'block');
    setTimeout(function() {
      console.log("showTyping end " + typingCounter);
      if (--this.typingCounter <= 0)
        $('#otherSideTyping').css('display', 'none');
    }, this.showTyping_interval);
  };
  
  chat_keyDown(event) {
    if (event.keyCode == 13) { submitMsg(); return false; }   
    else if (event.keyCode >= 32 && event.keyCode < 128) this.sendTyping();
  }
} // end of class ChatBot