crosstalk-comments-livechat-sdk 0.0.5-beta.3 → 0.0.6-beta.1

package/dist/CrossTalkAISummaryEmbed.d.ts

@@ -1,4 +1,4 @@
-import { AISummaryOptions } from './types';
+import type { AISummaryOptions } from './types';
 export declare class CrossTalkAISummaryEmbed {
     private container;
     private config;

package/dist/CrossTalkCommentsEmbed.d.ts

@@ -1,4 +1,4 @@
-import { CommentsEmbedOptions } from './types';
+import type { CommentsEmbedOptions } from './types';
 export declare class CrossTalkCommentsEmbed {
     private container;
     private config;

package/dist/CrossTalkLiveChatEmbed.d.ts

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

package/dist/CrossTalkLiveChatEmbed.js

@@ -0,0 +1,141 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+function buildIframeUrl(config) {
+    const baseUrl = 'https://widgets.crosstalk.cc/chat';
+    const params = new URLSearchParams();
+    params.append('wp', config.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);
+    return `${baseUrl}?${params.toString()}`;
+}
+function createHash(input) {
+    if (input.length === 0)
+        return "0";
+    let hash = 0;
+    for (let i = 0; i < input.length; i++) {
+        const char = input.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash;
+    }
+    return hash.toString(16);
+}
+function periodicChecks(obj, btnID, isEntity) {
+    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* () {
+                if (v.ok) {
+                    const data = yield v.json();
+                    btn.innerHTML = `<b class='crosstalk_btnTxt'>(${data}) ${obj.title}</b>`;
+                }
+            }));
+        }, 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* () {
+                if (v.ok) {
+                    const data = yield v.json();
+                    btn.innerHTML = `<b class='crosstalk_btnTxt'>(${data}) ${obj.title}</b>`;
+                }
+            }));
+        }, 7000);
+}
+function newGChat(obj, parentDiv) {
+    const chatHolder = document.createElement("div");
+    chatHolder.setAttribute("style", "margin-right: 5px");
+    let pageHash = "";
+    let isEntity = false;
+    if (obj.pageID != null && obj.pageID != undefined && obj.pageID != "") {
+        isEntity = true;
+        pageHash = createHash(obj.pageID);
+    }
+    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}`;
+    iframe.id = mainChatID;
+    iframe.src = buildIframeUrl(obj);
+    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')
+        chatShowHideButton.setAttribute("class", "crosstalk_btn");
+    else
+        chatShowHideButton.setAttribute("class", "crosstalk_btn dark");
+    const onlineSpan = document.createElement("span");
+    onlineSpan.setAttribute("class", "crosstalk_online");
+    onlineSpan.innerText = "●";
+    chatShowHideButton.appendChild(onlineSpan);
+    const buttonName = document.createElement("span");
+    buttonName.innerHTML = `<b class='crosstalk_btnTxt'>${obj.title}</b>`;
+    buttonName.id = `online_${obj.wp}_${pageHash}`;
+    chatShowHideButton.onclick = function (ev) {
+        const mainIframe = document.getElementById(mainChatID);
+        if (mainIframe.style.display === "block") {
+            mainIframe.style.display = "none";
+            chatShowHideButton.style.width = "200px";
+            chatShowHideButton.style.borderTopLeftRadius = "5px";
+            chatShowHideButton.style.borderTopRightRadius = "5px";
+        }
+        else {
+            mainIframe.style.display = "block";
+            chatShowHideButton.style.width = "400px";
+            chatShowHideButton.style.borderTopLeftRadius = "0px";
+            chatShowHideButton.style.borderTopRightRadius = "0px";
+        }
+    };
+    chatShowHideButton.appendChild(buttonName);
+    chatShowHideButton.id = `button_${mainChatID}`;
+    chatHolder.appendChild(chatShowHideButton);
+    parentDiv.appendChild(chatHolder);
+    if (obj.collapsed == true) {
+        const mainIframe = document.getElementById(mainChatID);
+        mainIframe.style.visibility = "hidden";
+        mainIframe.style.pointerEvents = "none";
+        setTimeout(() => {
+            mainIframe.style.display = "none";
+            mainIframe.style.visibility = "visible";
+            mainIframe.style.pointerEvents = "auto";
+            chatShowHideButton.style.width = "200px";
+            chatShowHideButton.style.borderTopLeftRadius = "5px";
+            chatShowHideButton.style.borderTopRightRadius = "5px";
+        }, 3000);
+    }
+    periodicChecks(obj, `online_${obj.wp}_${pageHash}`, isEntity);
+}
+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);
+        }
+        this.config.pageIDs.forEach(pageID => {
+            pageID.theme = this.config.theme;
+            newGChat(pageID, this.parentDiv);
+        });
+    }
+    constructor(config) {
+        this.config = config;
+        this.parentDiv = undefined;
+        this.render();
+    }
+}
+export function initChats(config) {
+    return new CrossTalkChatEmbed(config);
+}

package/dist/CrossTalkPollEmbed.d.ts

@@ -1,4 +1,4 @@
-import { PollEmbedOptions } from './types';
+import type { PollEmbedOptions } from './types';
 export declare class CrossTalkPollEmbed {
     private container;
     private config;

package/dist/CrossTalkVideoPlayerEmbed.d.ts

@@ -1,4 +1,4 @@
-import { VideoPlayerEmbedOptions } from './types';
+import type { VideoPlayerEmbedOptions } from './types';
 export declare class CrossTalkVideoPlayerEmbed {
     private container;
     private config;

package/dist/types.d.ts

@@ -1,15 +1,17 @@
-export interface CommentsEmbedOptions {
+interface BaseOptions {
     wp?: string;
     url?: string;
     pageID?: string;
     theme?: string;
+}
+export interface ChatPageOptions extends BaseOptions {
+    collapsed?: boolean;
+    title?: string;
+}
+export interface CommentsEmbedOptions extends BaseOptions {
     reactions?: boolean;
 }
-export interface VideoPlayerEmbedOptions {
-    wp?: string;
-    url?: string;
-    pageID?: string;
-    theme?: string;
+export interface VideoPlayerEmbedOptions extends BaseOptions {
     src?: string;
     srcType?: string;
     ytvid?: string;
@@ -18,11 +20,7 @@ export interface VideoPlayerEmbedOptions {
     vklive?: string;
     vimeoid?: string;
 }
-export interface PollEmbedOptions {
-    wp?: string;
-    url?: string;
-    pageID?: string;
-    theme?: string;
+export interface PollEmbedOptions extends BaseOptions {
     pollID?: string;
 }
 export interface AISummaryOptions {
@@ -30,3 +28,8 @@ export interface AISummaryOptions {
     url?: string;
     theme?: string;
 }
+export interface ChatOptions {
+    theme?: string;
+    pageIDs?: ChatPageOptions[];
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crosstalk-comments-livechat-sdk",
-  "version": "0.0.5-beta.3",
+  "version": "0.0.6-beta.1",
   "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",
@@ -10,7 +10,7 @@
     "build": "tsc",
     "prepublishOnly": "npm run build"
   },
-  "keywords": ["comments", "live chat", "crosstalk", "hyvor talk", "audience Engagement", "disqus", "video player"],
+  "keywords": ["comments", "live chat", "crosstalk", "hyvor talk", "audience Engagement", "disqus", "video player", "polls", "ai summary", "ai"],
   "author": "CrossTalk Audience Engagement Platform",
   "license": "ISC",
   "devDependencies": {