crosstalk-comments-livechat-sdk 0.0.6-beta.2 → 0.0.6-beta.4

package/dist/CrossTalkLiveChatEmbed.d.ts

@@ -1,7 +1,6 @@
 import type { ChatOptions } from './types';
 export declare class CrossTalkChatEmbed {
     private config;
-    parentDiv: HTMLElement;
     render(): void;
     constructor(config: ChatOptions);
 }

package/dist/CrossTalkLiveChatEmbed.js

@@ -7,16 +7,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-function buildIframeUrl(config) {
+function buildIframeUrl(config, wp, theme) {
     const baseUrl = 'https://widgets.crosstalk.cc/chat';
     const params = new URLSearchParams();
-    params.append('wp', config.wp);
+    params.append('wp', wp);
     if (config.url)
         params.append('url', config.url);
     else if (config.pageID)
         params.append('pageID', config.pageID);
-    if (config.theme)
-        params.append('theme', config.theme);
+    if (theme)
+        params.append('theme', theme);
     return `${baseUrl}?${params.toString()}`;
 }
 function createHash(input) {
@@ -30,11 +30,11 @@ function createHash(input) {
     }
     return hash.toString(16);
 }
-function periodicChecks(obj, btnID, isEntity) {
+function periodicChecks(obj, btnID, isEntity, wp) {
     const btn = document.getElementById(btnID);
     if (isEntity)
         setInterval(() => {
-            fetch(`https://crosstalk.cc/api/chat/numberOfUsersForEntity?wpName=${obj.wp}&entity=${obj.pageID}`).then((v) => __awaiter(this, void 0, void 0, function* () {
+            fetch(`https://crosstalk.cc/api/chat/numberOfUsersForEntity?wpName=${wp}&entity=${obj.pageID}`).then((v) => __awaiter(this, void 0, void 0, function* () {
                 if (v.ok) {
                     const data = yield v.json();
                     btn.innerHTML = `<b class='crosstalk_btnTxt'>(${data}) ${obj.title}</b>`;
@@ -43,7 +43,7 @@ function periodicChecks(obj, btnID, isEntity) {
         }, 7000);
     else
         setInterval(() => {
-            fetch(`https://crosstalk.cc/api/chat/numberOfUsersForURL?wpName=${obj.wp}&url=${obj.url}`).then((v) => __awaiter(this, void 0, void 0, function* () {
+            fetch(`https://crosstalk.cc/api/chat/numberOfUsersForURL?wpName=${wp}&url=${obj.url}`).then((v) => __awaiter(this, void 0, void 0, function* () {
                 if (v.ok) {
                     const data = yield v.json();
                     btn.innerHTML = `<b class='crosstalk_btnTxt'>(${data}) ${obj.title}</b>`;
@@ -51,7 +51,7 @@ function periodicChecks(obj, btnID, isEntity) {
             }));
         }, 7000);
 }
-function newGChat(obj, parentDiv) {
+function newGChat(obj, parentDiv, wp, theme) {
     const chatHolder = document.createElement("div");
     chatHolder.setAttribute("style", "margin-right: 5px");
     let pageHash = "";
@@ -63,15 +63,15 @@ function newGChat(obj, parentDiv) {
     else if (obj.url != null && obj.url != undefined && obj.url != "")
         pageHash = createHash(obj.url);
     const iframe = document.createElement("iframe");
-    const mainChatID = `id_${obj.wp}_${pageHash}`;
+    const mainChatID = `id_${wp}_${pageHash}`;
     iframe.id = mainChatID;
-    iframe.src = buildIframeUrl(obj);
+    iframe.src = buildIframeUrl(obj, wp, theme);
     iframe.setAttribute("class", "crosstalk_frame");
     iframe.sandbox = "allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups";
     iframe.setAttribute("scrolling", "auto");
     chatHolder.appendChild(iframe);
     const chatShowHideButton = document.createElement("span");
-    if (obj.theme == 'light')
+    if (theme == 'light')
         chatShowHideButton.setAttribute("class", "crosstalk_btn");
     else
         chatShowHideButton.setAttribute("class", "crosstalk_btn dark");
@@ -81,7 +81,7 @@ function newGChat(obj, parentDiv) {
     chatShowHideButton.appendChild(onlineSpan);
     const buttonName = document.createElement("span");
     buttonName.innerHTML = `<b class='crosstalk_btnTxt'>${obj.title}</b>`;
-    buttonName.id = `online_${obj.wp}_${pageHash}`;
+    buttonName.id = `online_${wp}_${pageHash}`;
     chatShowHideButton.onclick = function (ev) {
         const mainIframe = document.getElementById(mainChatID);
         if (mainIframe.style.display === "block") {
@@ -114,25 +114,28 @@ function newGChat(obj, parentDiv) {
             chatShowHideButton.style.borderTopRightRadius = "5px";
         }, 3000);
     }
-    periodicChecks(obj, `online_${obj.wp}_${pageHash}`, isEntity);
+    periodicChecks(obj, `online_${wp}_${pageHash}`, isEntity, wp);
 }
 export class CrossTalkChatEmbed {
     render() {
-        document.head.insertAdjacentHTML('beforebegin', '<link rel="stylesheet" href="https://widgets.crosstalk.cc/tab_livechat.css" />');
-        this.parentDiv = document.getElementById("crosstalkChatHolder");
-        if (!this.parentDiv) {
-            this.parentDiv = document.createElement("div");
-            this.parentDiv.id = "crosstalkChatHolder";
-            document.body.appendChild(this.parentDiv);
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = 'https://widgets.crosstalk.cc/tab_livechat.css';
+        document.head.appendChild(link);
+        var parentDiv = document.getElementById("crosstalkChatHolder");
+        if (!parentDiv) {
+            parentDiv = document.createElement("div");
+            parentDiv.id = "crosstalkChatHolder";
+            document.body.appendChild(parentDiv);
         }
+        if (!this.config.theme)
+            this.config.theme = "light";
         this.config.pageIDs.forEach(pageID => {
-            pageID.theme = this.config.theme;
-            newGChat(pageID, this.parentDiv);
+            newGChat(pageID, parentDiv, this.config.wp, this.config.theme);
         });
     }
     constructor(config) {
         this.config = config;
-        this.parentDiv = undefined;
         this.render();
     }
 }

package/dist/types.d.ts

@@ -4,7 +4,9 @@ interface BaseOptions {
     pageID?: string;
     theme?: string;
 }
-export interface ChatPageOptions extends BaseOptions {
+export interface ChatPageOptions {
+    url?: string;
+    pageID?: string;
     collapsed?: boolean;
     title?: string;
 }
@@ -29,6 +31,7 @@ export interface AISummaryOptions {
     theme?: string;
 }
 export interface ChatOptions {
+    wp?: string;
     theme?: string;
     pageIDs?: ChatPageOptions[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crosstalk-comments-livechat-sdk",
-  "version": "0.0.6-beta.2",
+  "version": "0.0.6-beta.4",
   "description": "Add Comments, Live Chat, and Video Player Embeds to your website with CrossTalk Comments and Live Chat!",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",