react-native-tpstreams 1.1.2 → 1.1.4-dev.0

package/lib/module/TPStreamsLiveChat.js

@@ -0,0 +1,133 @@
+"use strict";
+
+import { forwardRef, useRef, useImperativeHandle, useState, useCallback, useMemo } from 'react';
+import { View, ActivityIndicator, StyleSheet } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { isChatMessage } from "./types/TPStreamsLiveChatTypes.js";
+import { generateChatHTML } from "./utils/liveChatHtmlGenerator.js";
+import { CHAT_SDK_CONSTANTS, ChatMessageType } from "./utils/constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TPStreamsLiveChat = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    username,
+    roomId,
+    title,
+    colors,
+    typography,
+    customCSS,
+    style,
+    onChatReady,
+    onChatError,
+    onMessageReceived
+  } = props;
+  const webViewRef = useRef(null);
+  const [status, setStatus] = useState('loading');
+  const htmlContent = useMemo(() => generateChatHTML({
+    username,
+    roomId,
+    title,
+    colors,
+    typography,
+    customCSS
+  }), [username, roomId, title, colors, typography, customCSS]);
+  const handleMessage = useCallback(event => {
+    try {
+      const {
+        type,
+        message
+      } = JSON.parse(event.nativeEvent.data);
+      switch (type) {
+        case ChatMessageType.READY:
+          setStatus('ready');
+          onChatReady?.();
+          break;
+        case ChatMessageType.ERROR:
+          setStatus('error');
+          onChatError?.(message || 'SDK initialization failed');
+          break;
+        case ChatMessageType.MESSAGE:
+          if (isChatMessage(message)) {
+            onMessageReceived?.(message);
+          } else {
+            console.warn('[TPStreamsLiveChat] Received invalid message format:', message);
+          }
+          break;
+        case ChatMessageType.DEBUG:
+          console.debug('[TPStreamsLiveChat] WebView:', message);
+          break;
+      }
+    } catch (err) {
+      console.error('[TPStreamsLiveChat] Failed to parse message:', err);
+    }
+  }, [onChatReady, onChatError, onMessageReceived]);
+  const handleWebViewError = useCallback(syntheticEvent => {
+    const {
+      nativeEvent
+    } = syntheticEvent;
+    setStatus('error');
+    onChatError?.(nativeEvent.description || 'WebView failed to load');
+  }, [onChatError]);
+  useImperativeHandle(ref, () => ({
+    reload: () => {
+      setStatus('loading');
+      webViewRef.current?.reload();
+    },
+    injectCSS: css => {
+      const script = `
+                    (function() {
+                        const style = document.createElement('style');
+                        style.textContent = ${JSON.stringify(css)};
+                        document.head.appendChild(style);
+                    })();
+                `;
+      webViewRef.current?.injectJavaScript(script);
+    }
+  }), []);
+  const renderLoading = () => status === 'loading' && /*#__PURE__*/_jsx(View, {
+    style: [styles.overlay, {
+      backgroundColor: colors?.background || CHAT_SDK_CONSTANTS.DEFAULT_BACKGROUND_COLOR
+    }],
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: colors?.primary || CHAT_SDK_CONSTANTS.DEFAULT_PRIMARY_COLOR
+    })
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/_jsx(WebView, {
+      ref: webViewRef,
+      source: {
+        html: htmlContent,
+        baseUrl: CHAT_SDK_CONSTANTS.BASE_URL
+      },
+      originWhitelist: [CHAT_SDK_CONSTANTS.BASE_URL],
+      javaScriptEnabled: true,
+      domStorageEnabled: true,
+      onMessage: handleMessage,
+      onError: handleWebViewError,
+      style: styles.webview,
+      allowsInlineMediaPlayback: true,
+      mediaPlaybackRequiresUserAction: false,
+      scrollEnabled: false
+    }, `${colors?.background}-${typography?.fontFamily}`), renderLoading()]
+  });
+});
+TPStreamsLiveChat.displayName = 'TPStreamsLiveChat';
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    overflow: 'hidden'
+  },
+  webview: {
+    flex: 1,
+    backgroundColor: 'transparent'
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 10
+  }
+});
+export default TPStreamsLiveChat;
+//# sourceMappingURL=TPStreamsLiveChat.js.map

package/lib/module/TPStreamsLiveChat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useRef","useImperativeHandle","useState","useCallback","useMemo","View","ActivityIndicator","StyleSheet","WebView","isChatMessage","generateChatHTML","CHAT_SDK_CONSTANTS","ChatMessageType","jsx","_jsx","jsxs","_jsxs","TPStreamsLiveChat","props","ref","username","roomId","title","colors","typography","customCSS","style","onChatReady","onChatError","onMessageReceived","webViewRef","status","setStatus","htmlContent","handleMessage","event","type","message","JSON","parse","nativeEvent","data","READY","ERROR","MESSAGE","console","warn","DEBUG","debug","err","error","handleWebViewError","syntheticEvent","description","reload","current","injectCSS","css","script","stringify","injectJavaScript","renderLoading","styles","overlay","backgroundColor","background","DEFAULT_BACKGROUND_COLOR","children","size","color","primary","DEFAULT_PRIMARY_COLOR","container","source","html","baseUrl","BASE_URL","originWhitelist","javaScriptEnabled","domStorageEnabled","onMessage","onError","webview","allowsInlineMediaPlayback","mediaPlaybackRequiresUserAction","scrollEnabled","fontFamily","displayName","create","flex","overflow","absoluteFillObject","justifyContent","alignItems","zIndex"],"sourceRoot":"../../src","sources":["TPStreamsLiveChat.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,MAAM,EACNC,mBAAmB,EACnBC,QAAQ,EACRC,WAAW,EACXC,OAAO,QACF,OAAO;AACd,SACEC,IAAI,EACJC,iBAAiB,EACjBC,UAAU,QAEL,cAAc;AACrB,SAASC,OAAO,QAAkC,sBAAsB;AAMxE,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExE,MAAMC,iBAAiB,gBAAGlB,UAAU,CAGlC,CAACmB,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;IACJC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,WAAW;IACXC;EACF,CAAC,GAAGX,KAAK;EAET,MAAMY,UAAU,GAAG9B,MAAM,CAAU,IAAI,CAAC;EACxC,MAAM,CAAC+B,MAAM,EAAEC,SAAS,CAAC,GAAG9B,QAAQ,CAClC,SACF,CAAC;EAED,MAAM+B,WAAW,GAAG7B,OAAO,CACzB,MACEM,gBAAgB,CAAC;IACfU,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,UAAU;IACVC;EACF,CAAC,CAAC,EACJ,CAACL,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,CACzD,CAAC;EAED,MAAMS,aAAa,GAAG/B,WAAW,CAC9BgC,KAA0B,IAAK;IAC9B,IAAI;MACF,MAAM;QAAEC,IAAI;QAAEC;MAAQ,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK,WAAW,CAACC,IAAI,CAAC;MAE5D,QAAQL,IAAI;QACV,KAAKxB,eAAe,CAAC8B,KAAK;UACxBV,SAAS,CAAC,OAAO,CAAC;UAClBL,WAAW,GAAG,CAAC;UACf;QAEF,KAAKf,eAAe,CAAC+B,KAAK;UACxBX,SAAS,CAAC,OAAO,CAAC;UAClBJ,WAAW,GAAGS,OAAO,IAAI,2BAA2B,CAAC;UACrD;QAEF,KAAKzB,eAAe,CAACgC,OAAO;UAC1B,IAAInC,aAAa,CAAC4B,OAAO,CAAC,EAAE;YAC1BR,iBAAiB,GAAGQ,OAAO,CAAC;UAC9B,CAAC,MAAM;YACLQ,OAAO,CAACC,IAAI,CACV,sDAAsD,EACtDT,OACF,CAAC;UACH;UACA;QAEF,KAAKzB,eAAe,CAACmC,KAAK;UACxBF,OAAO,CAACG,KAAK,CAAC,8BAA8B,EAAEX,OAAO,CAAC;UACtD;MACJ;IACF,CAAC,CAAC,OAAOY,GAAG,EAAE;MACZJ,OAAO,CAACK,KAAK,CAAC,8CAA8C,EAAED,GAAG,CAAC;IACpE;EACF,CAAC,EACD,CAACtB,WAAW,EAAEC,WAAW,EAAEC,iBAAiB,CAC9C,CAAC;EAED,MAAMsB,kBAAkB,GAAGhD,WAAW,CACnCiD,cAAyC,IAAK;IAC7C,MAAM;MAAEZ;IAAY,CAAC,GAAGY,cAAc;IACtCpB,SAAS,CAAC,OAAO,CAAC;IAClBJ,WAAW,GAAGY,WAAW,CAACa,WAAW,IAAI,wBAAwB,CAAC;EACpE,CAAC,EACD,CAACzB,WAAW,CACd,CAAC;EAED3B,mBAAmB,CACjBkB,GAAG,EACH,OAAO;IACLmC,MAAM,EAAEA,CAAA,KAAM;MACZtB,SAAS,CAAC,SAAS,CAAC;MACpBF,UAAU,CAACyB,OAAO,EAAED,MAAM,CAAC,CAAC;IAC9B,CAAC;IACDE,SAAS,EAAGC,GAAW,IAAK;MAC1B,MAAMC,MAAM,GAAG;AACvB;AACA;AACA,8CAA8CpB,IAAI,CAACqB,SAAS,CAACF,GAAG,CAAC;AACjE;AACA;AACA,iBAAiB;MACT3B,UAAU,CAACyB,OAAO,EAAEK,gBAAgB,CAACF,MAAM,CAAC;IAC9C;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMG,aAAa,GAAGA,CAAA,KACpB9B,MAAM,KAAK,SAAS,iBAClBjB,IAAA,CAACT,IAAI;IACHqB,KAAK,EAAE,CACLoC,MAAM,CAACC,OAAO,EACd;MACEC,eAAe,EACbzC,MAAM,EAAE0C,UAAU,IAAItD,kBAAkB,CAACuD;IAC7C,CAAC,CACD;IAAAC,QAAA,eAEFrD,IAAA,CAACR,iBAAiB;MAChB8D,IAAI,EAAC,OAAO;MACZC,KAAK,EAAE9C,MAAM,EAAE+C,OAAO,IAAI3D,kBAAkB,CAAC4D;IAAsB,CACpE;EAAC,CACE,CACP;EAEH,oBACEvD,KAAA,CAACX,IAAI;IAACqB,KAAK,EAAE,CAACoC,MAAM,CAACU,SAAS,EAAE9C,KAAK,CAAE;IAAAyC,QAAA,gBACrCrD,IAAA,CAACN,OAAO;MAENW,GAAG,EAAEW,UAAW;MAChB2C,MAAM,EAAE;QACNC,IAAI,EAAEzC,WAAW;QACjB0C,OAAO,EAAEhE,kBAAkB,CAACiE;MAC9B,CAAE;MACFC,eAAe,EAAE,CAAClE,kBAAkB,CAACiE,QAAQ,CAAE;MAC/CE,iBAAiB,EAAE,IAAK;MACxBC,iBAAiB,EAAE,IAAK;MACxBC,SAAS,EAAE9C,aAAc;MACzB+C,OAAO,EAAE9B,kBAAmB;MAC5BzB,KAAK,EAAEoC,MAAM,CAACoB,OAAQ;MACtBC,yBAAyB,EAAE,IAAK;MAChCC,+BAA+B,EAAE,KAAM;MACvCC,aAAa,EAAE;IAAM,GAdhB,GAAG9D,MAAM,EAAE0C,UAAU,IAAIzC,UAAU,EAAE8D,UAAU,EAerD,CAAC,EACDzB,aAAa,CAAC,CAAC;EAAA,CACZ,CAAC;AAEX,CAAC,CAAC;AAEF5C,iBAAiB,CAACsE,WAAW,GAAG,mBAAmB;AAEnD,MAAMzB,MAAM,GAAGvD,UAAU,CAACiF,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDR,OAAO,EAAE;IACPO,IAAI,EAAE,CAAC;IACPzB,eAAe,EAAE;EACnB,CAAC;EACDD,OAAO,EAAE;IACP,GAAGxD,UAAU,CAACoF,kBAAkB;IAChCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAe7E,iBAAiB","ignoreList":[]}

package/lib/module/index.js

@@ -14,4 +14,5 @@ export const TPStreams = {
     TPStreamsModule.initialize(organizationId);
   }
 };
+export { default as TPStreamsLiveChat } from "./TPStreamsLiveChat.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","default","TPStreamsPlayerNative","TPStreamsPlayerView","pauseDownload","resumeDownload","removeDownload","isDownloaded","isDownloading","isPaused","getDownloadStatus","getAllDownloads","addDownloadProgressListener","removeDownloadProgressListener","onDownloadProgressChanged","onDownloadStateChanged","TPStreamsModule","TPStreams","initialize","organizationId"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAc;AAC5C;AACA,SAASC,OAAO,IAAIC,qBAAqB,QAAQ,sCAAsC;AACvF,cAAc,sCAAsC;;AAEpD;AACA,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,sBAAmB;AAGlE,SACEC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,YAAY,EACZC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,EACfC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,EACzBC,sBAAsB,QAKjB,wBAAqB;AAE5B,MAAMC,eAAe,GAAGhB,aAAa,CAACiB,SAAS;AAE/C,OAAO,MAAMA,SAAS,GAAG;EACvBC,UAAU,EAAGC,cAAsB,IAAW;IAC5CH,eAAe,CAACE,UAAU,CAACC,cAAc,CAAC;EAC5C;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["NativeModules","default","TPStreamsPlayerNative","TPStreamsPlayerView","pauseDownload","resumeDownload","removeDownload","isDownloaded","isDownloading","isPaused","getDownloadStatus","getAllDownloads","addDownloadProgressListener","removeDownloadProgressListener","onDownloadProgressChanged","onDownloadStateChanged","TPStreamsModule","TPStreams","initialize","organizationId","TPStreamsLiveChat"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAc;AAC5C;AACA,SAASC,OAAO,IAAIC,qBAAqB,QAAQ,sCAAsC;AACvF,cAAc,sCAAsC;;AAEpD;AACA,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,sBAAmB;AAGlE,SACEC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,YAAY,EACZC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,EACfC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,EACzBC,sBAAsB,QAKjB,wBAAqB;AAE5B,MAAMC,eAAe,GAAGhB,aAAa,CAACiB,SAAS;AAE/C,OAAO,MAAMA,SAAS,GAAG;EACvBC,UAAU,EAAGC,cAAsB,IAAW;IAC5CH,eAAe,CAACE,UAAU,CAACC,cAAc,CAAC;EAC5C;AACF,CAAC;AAED,SAASlB,OAAO,IAAImB,iBAAiB,QAAQ,wBAAqB","ignoreList":[]}

package/lib/module/types/TPStreamsLiveChatTypes.js

@@ -0,0 +1,29 @@
+"use strict";
+
+/**
+ * Color configuration for the chat interface
+ */
+
+/**
+ * Chat message structure
+ */
+
+/**
+ * Type guard for ChatMessage
+ */
+export function isChatMessage(data) {
+  return data && typeof data.id === 'string' && typeof data.username === 'string' && typeof data.message === 'string' && typeof data.timestamp === 'number';
+}
+
+/**
+ * Typography configuration for the chat interface
+ */
+
+/**
+ * Props for TPStreamsLiveChat component
+ */
+
+/**
+ * Ref methods exposed by TPStreamsLiveChat component
+ */
+//# sourceMappingURL=TPStreamsLiveChatTypes.js.map

package/lib/module/types/TPStreamsLiveChatTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isChatMessage","data","id","username","message","timestamp"],"sourceRoot":"../../../src","sources":["types/TPStreamsLiveChatTypes.ts"],"mappings":";;AAEA;AACA;AACA;;AAcA;AACA;AACA;;AAQA;AACA;AACA;AACA,OAAO,SAASA,aAAaA,CAACC,IAAS,EAAuB;EAC5D,OACEA,IAAI,IACJ,OAAOA,IAAI,CAACC,EAAE,KAAK,QAAQ,IAC3B,OAAOD,IAAI,CAACE,QAAQ,KAAK,QAAQ,IACjC,OAAOF,IAAI,CAACG,OAAO,KAAK,QAAQ,IAChC,OAAOH,IAAI,CAACI,SAAS,KAAK,QAAQ;AAEtC;;AAEA;AACA;AACA;;AAYA;AACA;AACA;;AAiCA;AACA;AACA","ignoreList":[]}

package/lib/module/utils/constants.js

@@ -0,0 +1,28 @@
+"use strict";
+
+/**
+ * URLs for the Live Chat SDK assets and base configuration
+ */
+export const CHAT_SDK_CONSTANTS = {
+  // The domain where the chat is hosted/associated
+  BASE_URL: 'https://media.testpress.in',
+  // CDN path for the CSS styles
+  STYLES_URL: 'https://media.testpress.in/static/live_chat/live_chat.css',
+  // CDN path for the UMD build of the SDK
+  SDK_SCRIPT_URL: 'https://media.testpress.in/static/live_chat/live_chat.umd.cjs',
+  // Default values
+  DEFAULT_PRIMARY_COLOR: '#007AFF',
+  DEFAULT_BACKGROUND_COLOR: '#FFFFFF'
+};
+
+/**
+ * Message types for communication between WebView and React Native
+ */
+export let ChatMessageType = /*#__PURE__*/function (ChatMessageType) {
+  ChatMessageType["READY"] = "ready";
+  ChatMessageType["ERROR"] = "error";
+  ChatMessageType["MESSAGE"] = "message";
+  ChatMessageType["DEBUG"] = "debug";
+  return ChatMessageType;
+}({});
+//# sourceMappingURL=constants.js.map

package/lib/module/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CHAT_SDK_CONSTANTS","BASE_URL","STYLES_URL","SDK_SCRIPT_URL","DEFAULT_PRIMARY_COLOR","DEFAULT_BACKGROUND_COLOR","ChatMessageType"],"sourceRoot":"../../../src","sources":["utils/constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,kBAAkB,GAAG;EAChC;EACAC,QAAQ,EAAE,4BAA4B;EAEtC;EACAC,UAAU,EAAE,2DAA2D;EAEvE;EACAC,cAAc,EACZ,+DAA+D;EAEjE;EACAC,qBAAqB,EAAE,SAAS;EAChCC,wBAAwB,EAAE;AAC5B,CAAC;;AAED;AACA;AACA;AACA,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}

package/lib/module/utils/liveChatHtmlGenerator.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { CHAT_SDK_CONSTANTS, ChatMessageType } from "./constants.js";
+
+/**
+ * Generates the complete HTML content for the chat WebView
+ */
+export function generateChatHTML(props) {
+  const {
+    username,
+    roomId,
+    title
+  } = props;
+  const styles = generateStylesAndScripts(props);
+  return `
+    <!DOCTYPE html>
+    <html lang="en" style="height: 100%; margin: 0;">
+      <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+        <link rel="stylesheet" href="${CHAT_SDK_CONSTANTS.STYLES_URL}">
+        ${styles.css}
+      </head>
+      <body style="height: 100%; margin: 0; overflow: hidden;">
+        <div id="app" style="height: 100%;"></div>
+        <script src="${CHAT_SDK_CONSTANTS.SDK_SCRIPT_URL}"></script>
+        <script>
+          (function() {
+            const config = {
+              username: ${JSON.stringify(username)},
+              roomId: ${JSON.stringify(roomId)},
+              title: ${JSON.stringify(title)}
+            };
+            
+            function postToNative(type, message = null) {
+              if (window.ReactNativeWebView) {
+                window.ReactNativeWebView.postMessage(JSON.stringify({ type, message }));
+              }
+            }
+
+            try {
+              new TPStreamsChat.load(document.querySelector("#app"), config);
+              postToNative('${ChatMessageType.READY}');
+            } catch (error) {
+              postToNative('${ChatMessageType.ERROR}', error.message || 'Failed to initialize chat');
+            }
+          })();
+        </script>
+      </body>
+    </html>
+  `;
+}
+
+/**
+ * Combines all CSS generation logic
+ */
+function generateStylesAndScripts(props) {
+  const {
+    colors,
+    typography,
+    customCSS
+  } = props;
+  const rules = [];
+  if (typography) rules.push(getTypographyCSS(typography));
+  if (colors) rules.push(getColorCSS(colors));
+  if (customCSS) rules.push(customCSS);
+  return {
+    css: `<style>${rules.join('\n\n')}</style>`
+  };
+}
+
+/**
+ * Generate color-related CSS using functional approach
+ */
+function getColorCSS(colors) {
+  const rules = [];
+  if (colors.primary) {
+    rules.push(`
+      button, [class*="bg-blue-"], [class*="bg-indigo-"], [class*="primary"] {
+        background-color: ${colors.primary} !important;
+        color: white !important;
+      }
+      .text-blue-600, .text-indigo-600, [class*="text-blue-"]:not([class*="bg-"]), [class*="text-indigo-"]:not([class*="bg-"]) {
+        color: ${colors.primary} !important;
+      }
+      [class*="bg-blue-"] *, [class*="bg-indigo-"] *, [class*="primary"] * {
+        color: white !important;
+      }
+    `);
+  }
+  if (colors.background) {
+    rules.push(`
+      body, #app, .chat-container, [class*="bg-white"], [class*="bg-gray-50"], [class*="bg-slate-"] {
+        background-color: ${colors.background} !important;
+      }
+    `);
+  }
+  if (colors.text) {
+    rules.push(`
+      body, p, input, textarea,
+      div:not([class*="bg-blue-"]):not([class*="bg-indigo-"]):not([class*="primary"]),
+      span:not([class*="bg-blue-"]):not([class*="bg-indigo-"]):not([class*="primary"]) {
+        color: ${colors.text} !important;
+      }
+    `);
+  }
+  if (colors.inputBackground) {
+    rules.push(`
+      textarea, input[type="text"], [class*="bg-gray-"], [class*="bg-slate-"] {
+        background-color: ${colors.inputBackground} !important;
+      }
+    `);
+  }
+  if (colors.border) {
+    rules.push(`
+      [class*="border"], [class*="divide-"] > * {
+        border-color: ${colors.border} !important;
+      }
+    `);
+  }
+  return rules.join('\n');
+}
+function getTypographyCSS(typography) {
+  const styles = [];
+  if (typography.fontSize) styles.push(`font-size: ${typography.fontSize}px !important;`);
+  if (typography.fontFamily) styles.push(`font-family: ${typography.fontFamily} !important;`);
+  if (typography.fontWeight) styles.push(`font-weight: ${typography.fontWeight} !important;`);
+  if (typography.lineHeight) styles.push(`line-height: ${typography.lineHeight} !important;`);
+  return styles.length > 0 ? `body, button, input, textarea, div, span, p { ${styles.join(' ')} }` : '';
+}
+//# sourceMappingURL=liveChatHtmlGenerator.js.map

package/lib/module/utils/liveChatHtmlGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CHAT_SDK_CONSTANTS","ChatMessageType","generateChatHTML","props","username","roomId","title","styles","generateStylesAndScripts","STYLES_URL","css","SDK_SCRIPT_URL","JSON","stringify","READY","ERROR","colors","typography","customCSS","rules","push","getTypographyCSS","getColorCSS","join","primary","background","text","inputBackground","border","fontSize","fontFamily","fontWeight","lineHeight","length"],"sourceRoot":"../../../src","sources":["utils/liveChatHtmlGenerator.ts"],"mappings":";;AAKA,SAASA,kBAAkB,EAAEC,eAAe,QAAQ,gBAAa;;AAEjE;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,KAA6B,EAAU;EACtE,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,KAAK;EACzC,MAAMI,MAAM,GAAGC,wBAAwB,CAACL,KAAK,CAAC;EAE9C,OAAO;AACT;AACA;AACA;AACA;AACA;AACA,uCAAuCH,kBAAkB,CAACS,UAAU;AACpE,UAAUF,MAAM,CAACG,GAAG;AACpB;AACA;AACA;AACA,uBAAuBV,kBAAkB,CAACW,cAAc;AACxD;AACA;AACA;AACA,0BAA0BC,IAAI,CAACC,SAAS,CAACT,QAAQ,CAAC;AAClD,wBAAwBQ,IAAI,CAACC,SAAS,CAACR,MAAM,CAAC;AAC9C,uBAAuBO,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8BL,eAAe,CAACa,KAAK;AACnD;AACA,8BAA8Bb,eAAe,CAACc,KAAK;AACnD;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA,SAASP,wBAAwBA,CAACL,KAA6B,EAAE;EAC/D,MAAM;IAAEa,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGf,KAAK;EAC/C,MAAMgB,KAAe,GAAG,EAAE;EAE1B,IAAIF,UAAU,EAAEE,KAAK,CAACC,IAAI,CAACC,gBAAgB,CAACJ,UAAU,CAAC,CAAC;EACxD,IAAID,MAAM,EAAEG,KAAK,CAACC,IAAI,CAACE,WAAW,CAACN,MAAM,CAAC,CAAC;EAC3C,IAAIE,SAAS,EAAEC,KAAK,CAACC,IAAI,CAACF,SAAS,CAAC;EAEpC,OAAO;IACLR,GAAG,EAAE,UAAUS,KAAK,CAACI,IAAI,CAAC,MAAM,CAAC;EACnC,CAAC;AACH;;AAEA;AACA;AACA;AACA,SAASD,WAAWA,CAACN,MAAkB,EAAU;EAC/C,MAAMG,KAAe,GAAG,EAAE;EAE1B,IAAIH,MAAM,CAACQ,OAAO,EAAE;IAClBL,KAAK,CAACC,IAAI,CAAC;AACf;AACA,4BAA4BJ,MAAM,CAACQ,OAAO;AAC1C;AACA;AACA;AACA,iBAAiBR,MAAM,CAACQ,OAAO;AAC/B;AACA;AACA;AACA;AACA,KAAK,CAAC;EACJ;EAEA,IAAIR,MAAM,CAACS,UAAU,EAAE;IACrBN,KAAK,CAACC,IAAI,CAAC;AACf;AACA,4BAA4BJ,MAAM,CAACS,UAAU;AAC7C;AACA,KAAK,CAAC;EACJ;EAEA,IAAIT,MAAM,CAACU,IAAI,EAAE;IACfP,KAAK,CAACC,IAAI,CAAC;AACf;AACA;AACA;AACA,iBAAiBJ,MAAM,CAACU,IAAI;AAC5B;AACA,KAAK,CAAC;EACJ;EAEA,IAAIV,MAAM,CAACW,eAAe,EAAE;IAC1BR,KAAK,CAACC,IAAI,CAAC;AACf;AACA,4BAA4BJ,MAAM,CAACW,eAAe;AAClD;AACA,KAAK,CAAC;EACJ;EAEA,IAAIX,MAAM,CAACY,MAAM,EAAE;IACjBT,KAAK,CAACC,IAAI,CAAC;AACf;AACA,wBAAwBJ,MAAM,CAACY,MAAM;AACrC;AACA,KAAK,CAAC;EACJ;EAEA,OAAOT,KAAK,CAACI,IAAI,CAAC,IAAI,CAAC;AACzB;AAEA,SAASF,gBAAgBA,CAACJ,UAA0B,EAAU;EAC5D,MAAMV,MAAgB,GAAG,EAAE;EAC3B,IAAIU,UAAU,CAACY,QAAQ,EACrBtB,MAAM,CAACa,IAAI,CAAC,cAAcH,UAAU,CAACY,QAAQ,gBAAgB,CAAC;EAChE,IAAIZ,UAAU,CAACa,UAAU,EACvBvB,MAAM,CAACa,IAAI,CAAC,gBAAgBH,UAAU,CAACa,UAAU,cAAc,CAAC;EAClE,IAAIb,UAAU,CAACc,UAAU,EACvBxB,MAAM,CAACa,IAAI,CAAC,gBAAgBH,UAAU,CAACc,UAAU,cAAc,CAAC;EAClE,IAAId,UAAU,CAACe,UAAU,EACvBzB,MAAM,CAACa,IAAI,CAAC,gBAAgBH,UAAU,CAACe,UAAU,cAAc,CAAC;EAElE,OAAOzB,MAAM,CAAC0B,MAAM,GAAG,CAAC,GACpB,iDAAiD1B,MAAM,CAACgB,IAAI,CAAC,GAAG,CAAC,IAAI,GACrE,EAAE;AACR","ignoreList":[]}

package/lib/typescript/src/TPStreamsLiveChat.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { TPStreamsLiveChatProps, TPStreamsLiveChatRef } from './types/TPStreamsLiveChatTypes';
+declare const TPStreamsLiveChat: import("react").ForwardRefExoticComponent<TPStreamsLiveChatProps & import("react").RefAttributes<TPStreamsLiveChatRef>>;
+export default TPStreamsLiveChat;
+//# sourceMappingURL=TPStreamsLiveChat.d.ts.map

package/lib/typescript/src/TPStreamsLiveChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPStreamsLiveChat.d.ts","sourceRoot":"","sources":["../../../src/TPStreamsLiveChat.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,gCAAgC,CAAC;AAKxC,QAAA,MAAM,iBAAiB,yHA+IrB,CAAC;AAqBH,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/TPStreamsPlayerViewNativeComponent.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 /// <reference types="react-native/types/modules/Codegen" />
+/// <reference types="react-native/types/modules/Codegen" />
 import type { ViewProps } from 'react-native';
 import type { Double, Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 import type { HostComponent } from 'react-native';

package/lib/typescript/src/TPStreamsPlayerViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TPStreamsPlayerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TPStreamsPlayerViewNativeComponent.ts"],"names":[],"mappings":";;AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACN,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,kBAAkB,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,kBAAkB,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAGvD,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;QAAE,aAAa,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACpE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChE,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChE;AAED,UAAU,2BAA2B;IACnC,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IACtE,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IACvE,MAAM,EAAE,CACN,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,gBAAgB,EAAE,CAChB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,KAAK,EAAE,KAAK,KACT,IAAI,CAAC;IACV,kBAAkB,EAAE,CAClB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAClD,IAAI,CAAC;IACV,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IAC7E,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3E,gBAAgB,EAAE,CAChB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAClD,IAAI,CAAC;IACV,iBAAiB,EAAE,CACjB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,6BAYnB,CAAC;;AAEH,wBAA4E"}
+{"version":3,"file":"TPStreamsPlayerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/TPStreamsPlayerViewNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/index.d.ts

@@ -6,4 +6,6 @@ export { pauseDownload, resumeDownload, removeDownload, isDownloaded, isDownload
 export declare const TPStreams: {
     initialize: (organizationId: string) => void;
 };
+export { default as TPStreamsLiveChat } from './TPStreamsLiveChat';
+export type { TPStreamsLiveChatProps, TPStreamsLiveChatRef, ChatColors, ChatTypography, ChatMessage, } from './types/TPStreamsLiveChatTypes';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AACxF,cAAc,sCAAsC,CAAC;AAGrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,2BAA2B,EAC3B,8BAA8B,EAC9B,yBAAyB,EACzB,sBAAsB,EACtB,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,SAAS;iCACS,MAAM,KAAG,IAAI;CAG3C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AACxF,cAAc,sCAAsC,CAAC;AAGrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,2BAA2B,EAC3B,8BAA8B,EAC9B,yBAAyB,EACzB,sBAAsB,EACtB,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,SAAS;iCACS,MAAM,KAAG,IAAI;CAG3C,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,EACV,cAAc,EACd,WAAW,GACZ,MAAM,gCAAgC,CAAC"}

package/lib/typescript/src/types/TPStreamsLiveChatTypes.d.ts

@@ -0,0 +1,77 @@
+import type { ViewStyle } from 'react-native';
+/**
+ * Color configuration for the chat interface
+ */
+export interface ChatColors {
+    /** Primary brand color (buttons, links, accents) */
+    primary?: string;
+    /** Chat background color */
+    background?: string;
+    /** Default text color */
+    text?: string;
+    /** Input field background color */
+    inputBackground?: string;
+    /** Border and divider color */
+    border?: string;
+}
+/**
+ * Chat message structure
+ */
+export interface ChatMessage {
+    id: string;
+    username: string;
+    message: string;
+    timestamp: number;
+}
+/**
+ * Type guard for ChatMessage
+ */
+export declare function isChatMessage(data: any): data is ChatMessage;
+/**
+ * Typography configuration for the chat interface
+ */
+export interface ChatTypography {
+    /** Base font size in pixels */
+    fontSize?: number;
+    /** Font family (e.g., 'Inter, sans-serif') */
+    fontFamily?: string;
+    /** Font weight (e.g., '400', 'bold', 600) */
+    fontWeight?: string | number;
+    /** Line height multiplier */
+    lineHeight?: number;
+}
+/**
+ * Props for TPStreamsLiveChat component
+ */
+export interface TPStreamsLiveChatProps {
+    /** Username of the current user */
+    username: string;
+    /** Room ID for the chat (obtained from live stream details) */
+    roomId: string;
+    /** Title displayed in the chat header */
+    title: string;
+    /** Color scheme configuration */
+    colors?: ChatColors;
+    /** Typography configuration */
+    typography?: ChatTypography;
+    /** Custom CSS to inject (for advanced users) */
+    customCSS?: string;
+    /** Container style */
+    style?: ViewStyle;
+    /** Called when chat is successfully loaded and ready */
+    onChatReady?: () => void;
+    /** Called when an error occurs */
+    onChatError?: (error: string) => void;
+    /** Called when a new message is received */
+    onMessageReceived?: (message: ChatMessage) => void;
+}
+/**
+ * Ref methods exposed by TPStreamsLiveChat component
+ */
+export interface TPStreamsLiveChatRef {
+    /** Reload the chat interface */
+    reload: () => void;
+    /** Inject custom CSS dynamically */
+    injectCSS?: (css: string) => void;
+}
+//# sourceMappingURL=TPStreamsLiveChatTypes.d.ts.map

package/lib/typescript/src/types/TPStreamsLiveChatTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPStreamsLiveChatTypes.d.ts","sourceRoot":"","sources":["../../../../src/types/TPStreamsLiveChatTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,WAAW,CAQ5D;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IAErC,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAGd,iCAAiC;IACjC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAGlB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kCAAkC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACpD;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/lib/typescript/src/utils/constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * URLs for the Live Chat SDK assets and base configuration
+ */
+export declare const CHAT_SDK_CONSTANTS: {
+    BASE_URL: string;
+    STYLES_URL: string;
+    SDK_SCRIPT_URL: string;
+    DEFAULT_PRIMARY_COLOR: string;
+    DEFAULT_BACKGROUND_COLOR: string;
+};
+/**
+ * Message types for communication between WebView and React Native
+ */
+export declare enum ChatMessageType {
+    READY = "ready",
+    ERROR = "error",
+    MESSAGE = "message",
+    DEBUG = "debug"
+}
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;CAc9B,CAAC;AAEF;;GAEG;AACH,oBAAY,eAAe;IACzB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB"}

package/lib/typescript/src/utils/liveChatHtmlGenerator.d.ts

@@ -0,0 +1,6 @@
+import type { TPStreamsLiveChatProps } from '../types/TPStreamsLiveChatTypes';
+/**
+ * Generates the complete HTML content for the chat WebView
+ */
+export declare function generateChatHTML(props: TPStreamsLiveChatProps): string;
+//# sourceMappingURL=liveChatHtmlGenerator.d.ts.map

package/lib/typescript/src/utils/liveChatHtmlGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liveChatHtmlGenerator.d.ts","sourceRoot":"","sources":["../../../../src/utils/liveChatHtmlGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EAGvB,MAAM,iCAAiC,CAAC;AAGzC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,CAyCtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tpstreams",
-  "version": "1.1.2",
+  "version": "1.1.4-dev.0",
   "description": "Video component for TPStreams",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -85,6 +85,9 @@
     "turbo": "^1.10.7",
     "typescript": "5.4.5"
   },
+  "dependencies": {
+    "react-native-webview": "^13.16.0"
+  },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"