npm - @chat21/chat21-web-widget - Versions diffs - 5.0.53-rc.4 → 5.0.53 - Mend

@chat21/chat21-web-widget 5.0.53-rc.4 → 5.0.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/src/app/providers/events.service.ts DELETED Viewed

@@ -1,76 +0,0 @@
-import { Injectable } from '@angular/core';
-export type EventHandler = (...args: any[]) => any;
-@Injectable({
-  providedIn: 'root'
-})
-export class EventsService {
-  private c = new Map<string, EventHandler[]>();
-  constructor() { }
-  /**
-   * Subscribe to an event topic. Events that get posted to that topic will trigger the provided handler.
-   *
-   * @param topic the topic to subscribe to
-   * @param handler the event handler
-   */
-  subscribe(topic: string, ...handlers: EventHandler[]) {
-    let topics = this.c.get(topic);
-    if (!topics) {
-      this.c.set(topic, topics = []);
-    }
-    topics.push(...handlers);
-  }
-  /**
-   * Unsubscribe from the given topic. Your handler will no longer receive events published to this topic.
-   *
-   * @param topic the topic to unsubscribe from
-   * @param handler the event handler
-   *
-   * @return true if a handler was removed
-   */
-  unsubscribe(topic: string, handler?: EventHandler): boolean {
-    if (!handler) {
-      return this.c.delete(topic);
-    }
-    const topics = this.c.get(topic);
-    if (!topics) {
-      return false;
-    }
-    // We need to find and remove a specific handler
-    const index = topics.indexOf(handler);
-    if (index < 0) {
-      // Wasn't found, wasn't removed
-      return false;
-    }
-    topics.splice(index, 1);
-    if (topics.length === 0) {
-      this.c.delete(topic);
-    }
-    return true;
-  }
-  /**
-   * Publish an event to the given topic.
-   *
-   * @param topic the topic to publish to
-   * @param eventData the data to send as the event
-   */
-  publish(topic: string, ...args: any[]): any[] | null {
-    const topics = this.c.get(topic);
-    if (!topics) {
-      return null;
-    }
-    return topics.map(handler => {
-      try {
-        return handler(...args);
-      } catch (e) {
-        console.error(e);
-        return null;
-      }
-    });
-  }
-}

package/src/launch_old.js DELETED Viewed

@@ -1,446 +0,0 @@
-/** */
-ready(function() {
-    // console.log('DOM is ready, call initWidget');
-    if(!window.tileDeskAsyncInit){
-      initAysncEvents();
-    }
-    initWidget();
-});
-/** */
-function ready(callbackFunction){
-    if(document.readyState != 'loading')
-      callbackFunction()
-    else
-      document.addEventListener("DOMContentLoaded", callbackFunction)
-}
-/** */
-function loadIframe(tiledeskScriptBaseLocation) {
-    var dev = window.location.hostname.includes('localhost')? true: false;
-    var containerDiv = document.createElement('div');
-    containerDiv.setAttribute('id','tiledesk-container');
-    containerDiv.classList.add("closed");
-    document.body.appendChild(containerDiv);
-    var iDiv = document.createElement('div');
-    iDiv.setAttribute('id','tiledeskdiv');
-    containerDiv.appendChild(iDiv);
-    var ifrm = document.createElement("iframe");
-    ifrm.setAttribute("frameborder", "0");
-    ifrm.setAttribute("border", "0");
-    ifrm.setAttribute("title", "Tiledesk Widget")
-    var srcTileDesk = '<html lang="en">';
-    srcTileDesk += '<head>';
-    srcTileDesk += '<meta charset="utf-8">';
-    srcTileDesk += '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />';
-    srcTileDesk += '<title>Tilechat Widget</title>';
-    srcTileDesk += '<base href="./">';
-    srcTileDesk += '<link rel="icon" type="image/x-icon" href="favicon.ico">';
-    srcTileDesk += '<link rel="stylesheet" type="text/css" href="' + tiledeskScriptBaseLocation +'/assets/styles/tiledesk_v1.scss" media="all">';
-    srcTileDesk += '</head>';
-    srcTileDesk += '<body>';
-    srcTileDesk += '<chat-root></chat-root>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
-    srcTileDesk += '<link type="text/css" rel="stylesheet" href="'+tiledeskScriptBaseLocation+'/styles.css" media="all"></link>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
-    srcTileDesk += '</body>';
-    srcTileDesk += '</html>';
-    ifrm.setAttribute('id','tiledeskiframe');
-    ifrm.setAttribute('tiledesk_context','parent');
-    /** */
-    window.tiledesk.on('onInit', function(event_data) {
-        // console.log("launch onInit isopen", tiledeskScriptBaseLocation, window.tiledesk.angularcomponent.component.g.isOpen);
-        if (window.tiledesk.angularcomponent.component.g.isOpen) {
-            containerDiv.classList.add("open");
-            containerDiv.classList.remove("closed");
-            iDiv.classList.remove("callout");
-        } else {
-            containerDiv.classList.add("closed");
-            containerDiv.classList.remove("open");
-            iDiv.classList.remove("messagePreview");
-        }
-    });
-    /** */
-    window.tiledesk.on('onOpen', function(event_data) {
-        containerDiv.classList.add("open");
-        containerDiv.classList.remove("closed");
-        iDiv.classList.remove("callout");
-        iDiv.classList.remove("messagePreview");
-    });
-    /** */
-    window.tiledesk.on('onClose', function(event_data) {
-        containerDiv.classList.add("closed");
-        containerDiv.classList.remove("open");
-    });
-    /** */
-    window.tiledesk.on('onOpenEyeCatcher', function(event_data) {
-        iDiv.classList.add("callout");
-    });
-    /** */
-    window.tiledesk.on('onClosedEyeCatcher', function(event_data) {
-        iDiv.classList.remove("callout");
-    });
-    /** */
-    window.tiledesk.on('onConversationUpdated', function(event_data) {
-        const messagePreview = window.tiledesk.angularcomponent.component.g.isOpenNewMessage
-        const isOpen = window.tiledesk.angularcomponent.component.g.isOpen
-        try {
-            if (!isOpen && messagePreview) {
-                iDiv.classList.add("messagePreview");
-                iDiv.classList.remove("callout");
-                // ----------------------------//
-            }
-        } catch(er) {
-            console.error("onConversationUpdated > error: " + er);
-        }
-    });
-    window.tiledesk.on('onCloseMessagePreview', function(event_data) {
-        try {
-            iDiv.classList.remove("messagePreview");
-        } catch(er) {
-            console.error("onCloseMessagePreview > error: " + er);
-        }
-    });
-    /**** BEGIN EVENST ****/
-    /** */
-    window.tiledesk.on('onNewConversation', function(event_data) {
-        // console.log("test-custom-auth.html onNewConversation >>>",event_data);
-        const tiledeskToken = window.tiledesk.angularcomponent.component.g.tiledeskToken;
-        // console.log(">>>> tiledeskToken >>>> ",event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid);
-        if(tiledeskToken) {
-          var httpRequest = createCORSRequest('POST', event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid+'/events',true); //set async to false because loadParams must return when the get is complete
-          httpRequest.setRequestHeader('Content-type', 'application/json');
-          httpRequest.setRequestHeader('Authorization',tiledeskToken);
-          httpRequest.send(JSON.stringify({"name":"new_conversation","attributes": {"request_id":event_data.detail.newConvId, "department": event_data.detail.global.departmentSelected.id, "participants": event_data.detail.global.participants, "language": event_data.detail.global.lang, "subtype":"info", "fullname":event_data.detail.global.attributes.userFullname, "email":event_data.detail.global.attributes.userEmail, "attributes":event_data.detail.global.attributes}}));
-        }
-    });
-    /** @deprecated event */
-    window.tiledesk.on('onLoggedIn', function(event_data) {
-        // console.log("test-custom-auth.html onLoggedIn",event_data);
-        const tiledeskToken = window.tiledesk.angularcomponent.component.g.tiledeskToken;
-        // console.log("------------------->>>> tiledeskToken: ",window.tiledesk.angularcomponent.component.g);
-        if(tiledeskToken) {
-            var httpRequest = createCORSRequest('POST', event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid+'/events',true); //set async to false because loadParams must return when the get is complete
-            httpRequest.setRequestHeader('Content-type','application/json');
-            httpRequest.setRequestHeader('Authorization',tiledeskToken);
-            httpRequest.send(JSON.stringify({"name":"logged_in","attributes": {"fullname":event_data.detail.global.attributes.userFullname, "email":event_data.detail.global.attributes.userEmail, "language": event_data.detail.global.lang, "attributes":event_data.detail.global.attributes}}));
-        }
-    });
-    /** */
-    window.tiledesk.on('onAuthStateChanged', function(event_data) {
-        // console.log("test-custom-auth.html onAuthStateChanged",event_data);
-        const tiledeskToken = window.tiledesk.angularcomponent.component.g.tiledeskToken;
-        // console.log("------------------->>>> tiledeskToken: ",window.tiledesk.angularcomponent.component.g);
-        if(tiledeskToken) {
-            var httpRequest = createCORSRequest('POST', event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid+'/events',true); //set async to false because loadParams must return when the get is complete
-            httpRequest.setRequestHeader('Content-type','application/json');
-            httpRequest.setRequestHeader('Authorization',tiledeskToken);
-            httpRequest.send(JSON.stringify({"name":"auth_state_changed","attributes": {"user_id":event_data.detail.global.senderId, "isLogged":event_data.detail.global.isLogged, "event":event_data.detail.event, "subtype":"info", "fullname":event_data.detail.global.attributes.userFullname, "email":event_data.detail.global.attributes.userEmail, "language":event_data.detail.global.lang, "attributes":event_data.detail.global.attributes}}));
-            httpRequest.onload = function(event) {
-              if(event.target && event.target.status === 401){
-                window.tiledesk.hide()
-                window.tiledesk.dispose()
-              }
-            }
-          }
-    });
-    /**** END EVENST ****/
-    iDiv.appendChild(ifrm);
-    if(tiledeskScriptBaseLocation.includes('localhost')){
-      // ifrm.src = tiledeskScriptBaseLocation + '/base_script.html'
-        // buildIframeDOM(ifrm, tiledeskScriptBaseLocation)
-       ifrm.contentWindow.document.open();
-      ifrm.contentWindow.document.write(srcTileDesk);
-      ifrm.contentWindow.document.close();
-    }else {
-      ifrm.srcdoc = srcTileDesk
-    }
-    // ifrm.onload = function(ev){
-    //   const obj = {tiledeskSettings: window.tiledeskSettings}
-    //   ifrm.contentWindow.postMessage(obj, "*")
-    //   console.log('iframe contentwindowwww', ifrm.contentWindow)
-    //   // ifrm.contentWindow.tiledesk = window.tiledesk
-    // }
-    // ifrm.innerHTML = srcTileDesk
-    // ifrm.contentWindow.document.open();
-}
-function buildIframeDOM(iframe, tiledeskScriptBaseLocation){
-  var Idocument = iframe.contentDocument
-  console.log('iframeeee', Idocument)
-  var meta = Idocument.createElement('meta');
-  meta.setAttribute('charset', 'utf-8')
-  var meta_2 = Idocument.createElement('meta')
-  meta_2.setAttribute('name', 'viewport')
-  meta_2.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
-  var title = Idocument.createElement('title')
-  title.title = 'Tilechat Widget'
-  var base = Idocument.createElement('base')
-  base.setAttribute('href', './')
-  var link_1 = Idocument.createElement('link')
-  link_1.setAttribute('rel', 'icon')
-  link_1.setAttribute('type', 'image/x-icon')
-  link_1.setAttribute('href', 'favicon.ico')
-  var link_2 = Idocument.createElement('link')
-  link_2.setAttribute('rel', 'stylesheet')
-  link_2.setAttribute('type', 'text/css')
-  link_2.setAttribute('href', tiledeskScriptBaseLocation + '/assets/styles/tiledesk_v1.scss')
-  link_2.setAttribute('media','all')
-  let head = Idocument.getElementsByTagName('head')[0]
-  head.appendChild(meta)
-  head.appendChild(meta_2)
-  head.appendChild(title)
-  head.appendChild(base)
-  head.appendChild(link_1)
-  head.appendChild(link_2)
-  var script_1 = Idocument.createElement('script')
-  script_1.setAttribute('type','text/javascript')
-  script_1.setAttribute('src',tiledeskScriptBaseLocation + '/runtime.js')
-  var script_2 = Idocument.createElement('script')
-  script_2.setAttribute('type','text/javascript')
-  script_2.setAttribute('src',tiledeskScriptBaseLocation + '/polyfills.js')
-  var link = Idocument.createElement('link')
-  link.setAttribute('type','text/css')
-  link.setAttribute('rel','stylesheet')
-  link.setAttribute('href',tiledeskScriptBaseLocation + '/styles.css')
-  link.setAttribute('media','all')
-  var script_4 = Idocument.createElement('script')
-  script_4.setAttribute('type','text/javascript')
-  script_4.setAttribute('src',tiledeskScriptBaseLocation + '/vendor.js')
-  var script_5 = Idocument.createElement('script')
-  script_5.setAttribute('type','text/javascript')
-  script_5.setAttribute('src',tiledeskScriptBaseLocation + '/main.js')
-  let body= Idocument.getElementsByTagName('body')[0]
-  body.appendChild(Idocument.createElement('chat-root'))
-  body.appendChild(script_1)
-  body.appendChild(script_2)
-  body.appendChild(link)
-  body.appendChild(script_4)
-  body.appendChild(script_5)
-}
-function initAysncEvents() {
-  console.log('INIT ASYNC EVENTS')
-  window.tileDeskAsyncInit = function() {
-    // console.log('launch tiledeskAsyncInit:::', window.Tiledesk.q)
-    window.tiledesk.on('onLoadParams', function(event_data) {
-      if (window.Tiledesk && window.Tiledesk.q && window.Tiledesk.q.length>0) {
-        window.Tiledesk.q.forEach(f => {
-          if (f.length>=1) {
-            var functionName = f[0];
-            if (functionName==="onLoadParams") {
-              //CALLING ONLY FUNCTION 'onLoadParams'
-              if (f.length==2) {
-                var functionCallback = f[1];
-                if(typeof functionCallback === "function") {
-                  window.tiledesk.on(functionName, functionCallback);
-                  functionCallback(event_data);
-                } else {
-                  console.error("initAysncEvents --> functionCallback is not a function.");
-                }
-              }
-            }else if(functionName=='setParameter'){
-              //CALLING ONLY METHOD 'setParameter' AND CHECK IF IT HAS OBJECT ARG
-              if (f.length==2) {
-                var functionArgs = f[1];
-                if(typeof functionArgs === "object") {
-                  window.tiledesk[functionName](functionArgs);
-                } else {
-                  console.error("initAysncEvents --> functionArgs is not a object.");
-                }
-              }
-            }
-          }
-        });
-      }
-    });
-    window.tiledesk.on('onBeforeInit', function(event_data) {
-      if (window.Tiledesk && window.Tiledesk.q && window.Tiledesk.q.length>0) {
-        // console.log("w.q", window.Tiledesk.q);
-        window.Tiledesk.q.forEach(f => {
-          if (f.length>=1) {
-            var functionName = f[0];
-            if (functionName==="onLoadParams" || functionName==="setParameter") {
-              //SKIP FUNCTION WITH NAMES 'onLoadParams' AND METHOD 'setParameter'
-            } else if (functionName.startsWith("on")) {
-              // CALLING METHOD THAT STARTS WITH 'on'
-              if (f.length==2) {
-                var functionCallback = f[1];
-                if(typeof functionCallback === "function"){
-                  window.tiledesk.on(functionName, functionCallback); //potrei usare window.Tiledesk ?!?
-                  if (functionName==="onBeforeInit") {
-                      functionCallback(event_data)
-                  }
-                } else {
-                  console.error("functionCallback is not a function.");
-                }
-              }
-            } else {
-              //CALLING REMAININGS METHOD and CHECK IF CONTAINS ARG TO PASS THROUGH THE METHOD
-              if (f.length==2) {
-                let args = f[1]
-                window.tiledesk[functionName](args);
-              } else {
-                window.tiledesk[functionName]();
-              }
-            }
-          }
-        });
-      }
-      // RICHIAMATO DOPO L'INIT DEL WIDGET
-      window.Tiledesk = function() {
-        if (arguments.length>=1) {
-          var functionName = arguments[0];
-          if (arguments.length==2) {
-              var functionCallback = arguments[1];
-          }
-          var methodOrProperty = window.tiledesk[functionName];
-          if(typeof methodOrProperty==="function"){
-            return window.tiledesk[functionName](functionCallback);
-          }else { //property
-            return window.tiledesk[functionName];
-          }
-        }
-      };
-    });
-  }
-}
-/**
- *
- */
-function initWidget() {
-    var tiledeskroot = document.createElement('chat-root');
-    var tiledeskScriptLocation = document.getElementById("tiledesk-jssdk").src;
-    //var currentScript = document.currentScript;
-    //var tiledeskScriptLocation = '';
-    //setInterval(function(){
-        //tiledeskScriptLocation = currentScript.src;
-        var tiledeskScriptBaseLocation = tiledeskScriptLocation.replace("/launch.js","");
-        window.tiledesk = new function() {
-            //this.type = "macintosh";
-            this.tiledeskroot = tiledeskroot;
-            this.on = function (event_name, handler) {
-                tiledeskroot.addEventListener(event_name, handler);
-            };
-            this.getBaseLocation = function() {
-                return tiledeskScriptBaseLocation;
-            }
-        }
-        try {
-            window.tileDeskAsyncInit();
-        }catch(er) {
-            if (typeof window.tileDeskAsyncInit == "undefined") {
-                console.log("tileDeskAsyncInit() doesn't exists");
-            } else {
-                console.log(er);
-            }
-        }
-        document.body.appendChild(tiledeskroot);
-        initCSSWidget(tiledeskScriptBaseLocation);
-        loadIframe(tiledeskScriptBaseLocation);
-    //},2000);
-}
-function initCSSWidget(tiledeskScriptBaseLocation) {
-    var cssId = 'iframeCss';  // you could encode the css path itself to generate id..
-    // if (!document.getElementById(cssId))
-    // {
-        var head  = document.getElementsByTagName('head')[0];
-        var link  = document.createElement('link');
-        link.id   = cssId;
-        link.rel  = 'stylesheet';
-        link.type = 'text/css';
-        link.href = tiledeskScriptBaseLocation+'/iframe-style.css';
-        link.media = 'all';
-        head.appendChild(link);
-    // }
-}
-//DEPRECATED
-function signInWithCustomToken() {
-    let json = JSON.stringify({
-        "id_project": "5b55e806c93dde00143163dd"
-    });
-	var httpRequest = createCORSRequest('POST', 'https://tiledesk-server-pre.herokuapp.com/auth/signinAnonymously',true);
-    if (!httpRequest) {
-        throw new Error('CORS not supported');
-    }
-    httpRequest.setRequestHeader('Content-type','application/json');
-	  httpRequest.send(json);
-    httpRequest.onload = function() {
-      if (httpRequest.readyState === XMLHttpRequest.DONE) {
-        if (httpRequest.status === 200) {
-                    try {
-                        var response = JSON.parse(httpRequest.responseText);
-                        window.tiledesk.signInWithCustomToken(response);
-                    }
-                    catch(err) {
-                        console.error(err.message);
-                    }
-                    return true;
-        } else {
-            alert('There was a problem with the request.');
-        }
-      }
-   	};
-	httpRequest.onerror = function() {
-		console.error('There was an error!');
-        return false;
-	};
-}
-function createCORSRequest(method, url, async) {
-	var xhr = new XMLHttpRequest();
-	if ("withCredentials" in xhr) {
-		xhr.open(method, url, async);
-	} else if (typeof XDomainRequest != "undefined") {
-		xhr = new XDomainRequest();
-		xhr.open(method, url);
-	} else {
-		xhr = null;
-	}
-	return xhr;
-}

package/src/models/rule.ts DELETED Viewed

@@ -1,18 +0,0 @@
-export interface IRules {
-    [id: string]:Rule[]
-}
-export interface Rule {
-    uid: string,
-    name: string,
-    description?: string,
-    when: {
-        regexOption: string,
-        text: string,
-        urlMatches: string,
-        triggerEvery: number},
-    do: [
-        {wait: number},
-        {message: any}
-    ]
-}