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

@chat21/chat21-web-widget 5.0.52 → 5.0.53-rc.2

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 (137) hide show

package/dist/test-custom-auth.html DELETED Viewed

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <base href="./">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script type="application/javascript">
-      // Handler for .ready() called.
-      window.tiledeskSettings =
-      {
-          // PRE:
-          projectid: "6013ec749b32000045be650e",
-          // PROD:
-          // projectid: "5ebf9cc892befe00190552d6",
-          persistence: 'session',
-          isLogEnabled: true,
-          autoStart: false
-          // startFromHome: true
-      };
-      (function(d, s, id) {
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) return;
-        js = d.createElement(s);
-        js.id = id; //js.async=!0;
-        // PRE
-        js.src = "./launch.js"; //
-        // js.src = "https://widget-pre.tiledesk.com/v2/launch.js";
-        // PROD
-        // js.src = "https://widget.tiledesk.com/v4/launch.js";
-        fjs.parentNode.insertBefore(js, fjs);
-      }(document, 'script', 'tiledesk-jssdk'));
-      window.tileDeskAsyncInit = function() {
-        window.tiledesk.on('onLoadParams', function(event_data) {
-          setTimeout(function() {
-            // token PRE
-            window.tiledesk.signInWithCustomToken("JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI2MDEzZWM3NDliMzIwMDAwNDViZTY1MGVfMTIzNDU2NzgiLCJmaXJzdG5hbWUiOiJBbmRyZWEiLCJsYXN0bmFtZSI6IkxlbyIsImVtYWlsIjoiYW5kcmVhLmxlb0BlbWFpbC5jb20iLCJjdXN0b21BdHRyIjoiYzEiLCJzdWIiOiJ1c2VyZXh0ZXJuYWwiLCJhdWQiOiJodHRwczovL3RpbGVkZXNrLmNvbS9wcm9qZWN0cy82MDEzZWM3NDliMzIwMDAwNDViZTY1MGUifQ.eJ7oV9xVmEHIFDviQHFJm0hjkgqC2uHqnWqVKWhqt9I");
-            // token PROD
-            // window.tiledesk.signInWithCustomToken("JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiIxMjMiLCJmaXJzdG5hbWUiOiJhbmRyZWFjdXN0b20iLCJsYXN0bmFtZSI6Imxlb2N1c3RvbSIsImVtYWlsIjoiZW1haWwyQGVtYWlsLmNvbSIsImN1c3RvbUF0dHIiOiJjMSIsInN1YiI6InVzZXJleHRlcm5hbCIsImF1ZCI6Imh0dHBzOi8vdGlsZWRlc2suY29tL3Byb2plY3RzLzVlYmY5Y2M4OTJiZWZlMDAxOTA1NTJkNiJ9.al6ovk6KvsboENrVnWe6AdpezhDc6hW7shQHm0-tzX0");
-          }, 3000)
-        });
-      };
-    </script>
-  </head>
-  <body>
-  </body>
-</html>

package/dist/test-new.html DELETED Viewed

@@ -1,231 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <base href="./">
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Test Page - NEW</title>
-  <script type="application/javascript">
-    console.log("testNEW ------");
-    window.tiledeskSettings =
-      {
-        // projectid: "6066e60cc3dade4e7389d182", //mqtt
-        projectid:"6013ec749b32000045be650e", // firebase
-        // projectid: "609b8efa8732eb00141763d9", //mqtt-docker
-        autoStart: true
-      };
-      (function(d, s, id) {
-        var w=window;
-        var d=document;
-        var i=function() {                 //crea una function
-          i.c(arguments);
-        };
-        i.q=[];                   //q->queue
-        i.c=function(args){       //c-> call
-          i.q.push(args);
-        };
-        w.Tiledesk=i;
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) return;
-        js = d.createElement(s);
-        js.id = id; js.async = true;
-        js.src = "./launch.js";
-        // js.src = "https://widget.tiledesk.com/v4/launch.js";
-        fjs.parentNode.insertBefore(js, fjs);
-      }(document, 'script', 'tiledesk-jssdk'));
-      // EVENTS
-      window.Tiledesk('onOpen', function(event_data) {
-            console.log("onOpen",event_data);
-      });
-      window.Tiledesk('onClose', function(event_data) {
-            console.log("onClose Tiledesk FN",event_data);
-      });
-      window.Tiledesk('onInit', function(event_data) {
-            console.log("onInit Tiledesk FN", event_data);
-      });
-      window.Tiledesk('onLoadParams', function(event_data) {
-            console.log("onLoadParams Tiledesk FN", event_data);
-      });
-      window.Tiledesk('onNewConversationComponentInit', function(event_data) {
-            console.log("onNewConversationComponentInit FN", event_data);
-      });
-      window.Tiledesk('onAuthStateChanged', function(event_data) {
-            console.log("onAuthStateChanged FN", event_data);
-      });
-      window.Tiledesk('onLoggedOut', function(event_data) {
-            console.log("onLoggedOut FN", event_data);
-      });
-      // METHOD
-      // window.tiledesk.open();
-      window.Tiledesk('open');
-      setTimeout(function() {
-        console.log("window.Tiledesk", window.Tiledesk);
-        // window.Tiledesk('close')
-        // window.Tiledesk('signInWithCustomToken', 'TOKENNNNN');
-      },10000);
-      // window.tileDeskAsyncInit = function() {
-      //   // window.tiledesk.on('onOpen', function(event_data) {
-      //   //   console.log("onOpen test");
-      //   // });
-      //   console.log('tileddesk aysnccccc')
-      //   window.tiledesk.on('onLoadParams', function(event_data) {
-      //     // console.log("loadParams0");
-      //     if (window.Tiledesk.q && window.Tiledesk.q.length>0) {
-      //       window.Tiledesk.q.forEach(f => {
-      //         if (f.length>=1) {
-      //           var functionName = f[0];
-      //           // console.log("functionName", functionName);
-      //           if (functionName==="onLoadParams") {
-      //             if (f.length==2) {
-      //               var functionCallback = f[1];
-      //               // console.log("functionCallback", functionCallback);
-      //               if(typeof functionCallback === "function") {
-      //                 // console.log("functionName", functionName, "functionCallback", functionCallback);
-      //                 window.tiledesk.on(functionName, functionCallback);
-      //                 functionCallback(event_data);
-      //               }
-      //               else {
-      //                 console.error("functionCallback is not a function.");
-      //               }
-      //             }
-      //           }
-      //         }
-      //       });
-      //     }
-      //   });
-      //   window.tiledesk.on('onInit', function(event_data) {
-      //     console.log("w.q", window.Tiledesk.q);
-      //     if (window.Tiledesk.q && window.Tiledesk.q.length>0) {
-      //       window.Tiledesk.q.forEach(f => {
-      //         // console.log("w.q", f);
-      //         if (f.length>=1) {
-      //           var functionName = f[0];
-      //           // console.log("functionName", functionName);
-      //           if (functionName==="onLoadParams") {
-      //             console.log("loadParams skip");
-      //           }
-      //           else if (functionName.startsWith("on")) {
-      //             if (f.length==2) {
-      //               var functionCallback = f[1];
-      //               // console.log("functionCallback", functionCallback);
-      //               if(typeof functionCallback === "function"){
-      //                 // console.log("functionCallback", functionCallback);
-      //                 window.tiledesk.on(functionName, functionCallback); //potrei usare window.Tiledesk ?!?
-      //                 if (functionName==="onInit") {
-      //                     console.log("onInit exec");
-      //                     functionCallback(event_data)
-      //                 }
-      //               } else {
-      //                 console.error("functionCallback is not a function.");
-      //               }
-      //             }
-      //           } else {
-      //             console.log("calling method", functionName);
-      //             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"){
-      //             console.log("method", functionName, functionCallback);
-      //             return window.tiledesk[functionName](functionCallback);
-      //           }else { //property
-      //             console.log("property", functionName, functionCallback);
-      //             return window.tiledesk[functionName];
-      //           }
-      //         }
-      //       };
-      //       console.log("ovverrided");
-      //     }
-      //   });
-      // }
-      //    window.tiledesk.on('onLoggedIn', function(event_data) {
-      //      		var islogged = window.tiledesk.angularcomponent.component.g.isLogged;
-      //      console.log("onLoggedIn called", event_data);
-      //    });
-      //     window.tiledesk.on('loadParams', 			          function(event_data) {
-      //              console.log("loadParams called ");
-      //      		var islogged = window.tiledesk.angularcomponent.component.g.isLogged;
-      //      console.log("loadParams islogged", islogged);
-      //     });
-      //      window.tiledesk.on('onInit', 			          function(event_data) {
-      //              console.log("onInit called ");
-      //     });
-      //       window.tiledesk.on('onOpen', 			          function(event_data) {
-      //              console.log("onOpen called ");
-      //     });
-      //   }
-  </script>
-</head>
-<body>
-<h1>The display Property</h1>
-<h2>display: none:</h2>
-<div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. <p class="ex1">HELLO WORLD!</p> Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
-</div>
-<h2>display: inline:</h2>
-<div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. <p class="ex2">HELLO WORLD!</p> Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
-</div>
-<h2>display: block:</h2>
-<div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. <p class="ex3">HELLO WORLD!</p> Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
-</div>
-<h2>display: inline-block:</h2>
-<div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. <p class="ex4">HELLO WORLD!</p> Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
-</div>
-</body>
-</html>

package/dist/test.html DELETED Viewed

@@ -1,142 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <base href="./">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Widget Test Page</title>
-    <script type="application/javascript" async>
-      // Handler for .ready() called.
-      window.tiledeskSettings =
-      {
-          // PRE:
-          // projectid: "6066e60cc3dade4e7389d182", //mqtt
-          projectid:"615577276b34e900353c1a63", //"62445574a0353b0035a05f27", //"6013ec749b32000045be650e", // firebase
-          // projectid: "609b8efa8732eb00141763d9", //mqtt-docker
-          // projectid: "61ae2f221c081a001a045961",//" 61b7840c7b4c750013b69025", //native-mqtt
-          // preChatForm: true,
-          align:'left',
-          calloutTimer: 5,
-          // calloutTitle: 'TITOLO CALLOUT',
-          // calloutMsg: 'messaggio callout widget',
-          // welcomeTitle: 'CIAO CLIENT',
-          // welcomeMsg: 'Messaggio benvenuto widget',
-          widgetTitle: "widget Title Test",
-          //startFromHome: false,
-          // logoChat: 'https://miro.medium.com/proxy/1*8mpWApzQD5gZZlnYYUkbcA.png',
-          // lang: 'fr',
-          // hideHeaderCloseButton: true,1626341000398
-          // isOpen: true,
-          // fullscreenMode: true,
-          // themeColor: '#ffcb05',
-          // themeForegroundColor: '#000000',
-          // departmentID : "615579216b34e900353c1da0",
-          // isShown: true,
-          allowTranscriptDownload: true,
-          marginX: "100px",
-          // marginY: "200px",
-          // startHidden: true,
-          // persistence: 'session',
-          // showWaitTime: false,
-          showAvailableAgents: true,
-          // showLogoutOption: false,
-          isLogEnabled: true,
-          // logLevel: "DEBUG"
-          // userFullname: " ",
-          // userEmail: "",
-          // autoStart: false,
-          // persistence: 'session'
-          // tenant: "tenant test",
-          // showAttachmentButton: false,
-          // privacyField: 'Accetto i termini della privacy <a style="text-transform: none" target="_blank" href="http://www.tiledesk.com/privacy.html">Privacy Policy</a>'
-          // customAttributes: {"nome": "Andrea", "nazione": "italia", "userFullname":"carlo"},
-          // bubbleSentBackground: "#828282",
-          // bubbleSentTextColor: "#b61416",
-          // bubbleReceivedBackground: "rgb(182, 20, 22)",
-          // bubbleReceivedTextColor: "rgb(247, 247, 247)",
-          // buttonBackgroundColor: "#828282",
-          // buttonTextColor: "#b61416",
-          // buttonHoverTextColor: "#828282",
-          // buttonHoverBackgroundColor: "#b61416",
-          // preChatFormJson: [{"name": "userFullname", "type":"text", "mandatory":true, "label":"LABEL_FIELD_NAME"}]
-          hideSettings: false
-        };
-      (function(d, s, id) {
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) return;
-        js = d.createElement(s);
-        js.id = id; //js.async=!0;
-        // PRE
-        js.src = "./launch.js"; //
-        // js.src = "https://widget-pre.tiledesk.com/v2/launch.js";
-        // PROD
-        // js.src = "https://widget.tiledesk.com/v4/launch.js";
-        fjs.parentNode.insertBefore(js, fjs);
-      }(document, 'script', 'tiledesk-jssdk'));
-      window.tileDeskAsyncInit = function() {
-        // var dateLoadPage = Date.now();
-        // window.tiledesk.on('onConversationUpdated', function(event_data) {
-        //   var dateConvUpdate = event_data.detail.conversation.timestamp
-        //   console.log(" TRIGGER onConversationUpdated -> ", event_data.detail.conversation);
-        //   console.log("dateLoadPage-> ", dateLoadPage);
-        //   console.log("dateConvUpdate-> ", dateConvUpdate);
-        //   if(dateLoadPage < dateConvUpdate){
-        //     console.log(" NUOVO MESSAGGIO!!!");
-        //   }
-        // });
-        // console.log("window.tileDeskAsyncInit()");
-        // window.tiledesk.on('onMessageCreated', function(event_data) {
-        //   console.log(" TRIGGER onMessageCreated -> ", event_data.detail);
-        // });
-        window.tiledesk.on('onAuthStateChanged', function (event_data) {
-          /* passo event
-           -2: vengo da un reinit. NON SCATTA L'EVENTO;
-           -1: vengo da un logout. NON SCATTA L'EVENTO;
-            0: non sono loggato;
-          200: sono loggato;
-          400: errore. IN CASO DI ERRORE NON SCATTA L'EVENTO
-          */
-            console.log("onAuthStateChanged----> ", event_data.detail.event, "<------");
-            if (!event_data.detail.isLogged) {
-                console.log("!NOT logged, fired also on startup!");
-                // window.tiledesk.setPreChatForm(true);
-                //window.tiledesk.signInAnonymous();
-                //window.tiledesk.signInWithCustomToken("JWT WRONG_TOKEN_eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiIxMjMiLCJmaXJzdG5hbWUiOiJtYXJpbyIsImxhc3RuYW1lIjoicm9zc2kiLCJlbWFpbCI6Im1hcmlvcm9zc2lAZW1haWwuY29tIiwiY3VzdG9tQXR0ciI6ImMxIiwic3ViIjoidXNlcmV4dGVybmFsIiwiYXVkIjoiaHR0cHM6Ly90aWxlZGVzay5jb20vcHJvamVjdHMvNWVjMjQ5OGY1YmRhMTQwMDM0Y2NlMjY3In0.DrupfEEu0rBzOF7zPYsoU5Yg0YlN_9v6dvduG2sbE8c");
-                //window.tiledesk.signInWithCustomToken("JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiIxMjMiLCJmaXJzdG5hbWUiOiJtYXJpbyIsImxhc3RuYW1lIjoicm9zc2kiLCJlbWFpbCI6Im1hcmlvcm9zc2lAZW1haWwuY29tIiwiY3VzdG9tQXR0ciI6ImMxIiwic3ViIjoidXNlcmV4dGVybmFsIiwiYXVkIjoiaHR0cHM6Ly90aWxlZGVzay5jb20vcHJvamVjdHMvNWVjMjQ5OGY1YmRhMTQwMDM0Y2NlMjY3In0.J2QDzWxlou7dJzTIaOajJkN-yQ_EiJM6bLpJ7fm-EXM");
-                //window.tiledesk.hide();
-            } else {
-              console.log("logged in, fired also on startup!");
-              //window.tiledesk.show();
-            }
-        });
-        // window.tiledesk.on('loadParams', function(event_data) {
-        // });
-        window.tiledesk.on('onBeforeMessageSend', function (event_data) {
-          console.log('testpage event OnBeforeSendMessage', event_data)
-        });
-        window.tiledesk.on('onNewConversationComponentInit', function (event_data) {
-          console.log('event onNewConversationComponentInit', event_data)
-        });
-      };
-      function approved() {
-          window.tiledesk.setPrivacyPolicy();
-      };
-    </script>
-  </head>
-  <body>
-    <div style="height: 900px; background-color: rgba(118, 154, 151, 48%);">
-      ciao div
-      <button id="isApproved" onclick="approved()">
-        SET APPROVED TRUE
-      </button>
-    </div>
-  </body>
-</html>

package/dist/tiledesk.js DELETED Viewed

@@ -1,72 +0,0 @@
-function ready(callbackFunction){
-    if(document.readyState != 'loading')
-      callbackFunction()
-    else
-      document.addEventListener("DOMContentLoaded", callbackFunction)
-}
-ready(event => {
-    // console.log('DOM is ready, call initWidget');
-    initWidget();
-});
-function appendJs(url) {
-    var script1 = document.createElement('script');
-    script1.async=false;
-    script1.setAttribute('src', url);
-    document.body.appendChild(script1);
-}
-  function initWidget() {
-    var tiledeskroot = document.createElement('chat-root');
-    var tiledeskScriptLocation = document.getElementById("tiledesk-jssdk").src;
-    // console.log("tiledeskScriptLocation", tiledeskScriptLocation);
-    var tiledeskScriptBaseLocation = tiledeskScriptLocation.replace("/tiledesk.js","");
-   // console.log("tiledeskScriptBaseLocation", tiledeskScriptBaseLocation);
-    window.tiledesk = new function() {
-        //this.type = "macintosh";
-        this.on = function (event_name, handler) {
-                //console.log("addEventListener for "+ event_name, handler);
-                tiledeskroot.addEventListener(event_name, handler);
-        };
-        this.getBaseLocation = function() {
-            return tiledeskScriptBaseLocation;
-        }
-    }
-    // console.log("window.tiledesk created");
-    try {
-        window.tileDeskAsyncInit();
-        // console.log("tileDeskAsyncInit() called");
-    }catch(er) {
-        // console.log("tileDeskAsyncInit() doesn't exists",er);
-    }
-    //aTag.setAttribute('href',"yourlink.htm");
-    //aTag.innerHTML = "link text";
-    document.body.appendChild(tiledeskroot);
-    appendJs(tiledeskScriptBaseLocation+'/inline.bundle.js');
-    appendJs(tiledeskScriptBaseLocation+'/polyfills.bundle.js');
-    //remove development check with  --build-optimizer=false
-    // if (window.tiledeskSettings && window.tiledeskSettings.development) {
-        appendJs(tiledeskScriptBaseLocation+'/styles.bundle.js');
-        appendJs(tiledeskScriptBaseLocation+'/vendor.bundle.js');
-    // }
-    appendJs(tiledeskScriptBaseLocation+'/main.bundle.js');
-  }