ajaxter-chat 3.0.1 → 3.0.4

package/dist/config/index.d.ts

@@ -1,3 +1,7 @@
 import { LocalEnvConfig, RemoteChatData } from '../types';
-export declare function loadLocalConfig(): LocalEnvConfig;
+/**
+ * Loads remote widget config once via GET. Uses query params `key` and `widget` so the
+ * server can validate the request without custom headers (avoids CORS preflight failures).
+ */
 export declare function fetchRemoteChatData(apiKey: string, widgetId: string): Promise<RemoteChatData>;
+export declare function loadLocalConfig(): LocalEnvConfig;

package/dist/config/index.js

@@ -1,4 +1,9 @@
-const REMOTE_URL = 'https://window.mscorpres.com/TEST/chatData.json';
+/**
+ * Default JSON endpoint. Override with `REACT_APP_CHAT_CONFIG_URL` / `NEXT_PUBLIC_CHAT_CONFIG_URL`.
+ * If the remote host does not send CORS headers, set this to a same-origin path (e.g. `/api/chat-config`)
+ * and proxy the JSON from your server — see `examples/next-app-router-chat-proxy.ts`.
+ */
+const DEFAULT_CHAT_DATA_BASE = 'https://window.mscorpres.com/TEST/chatData.json';
 const DEMO_API_KEY = 'demo1234';
 const DEMO_WIDGET_ID = 'demo';
 function getEnv(key) {
@@ -8,23 +13,33 @@ function getEnv(key) {
     }
     return undefined;
 }
-export function loadLocalConfig() {
-    var _a, _b;
-    return {
-        apiKey: (_a = getEnv('CHAT_API_KEY')) !== null && _a !== void 0 ? _a : DEMO_API_KEY,
-        widgetId: (_b = getEnv('CHAT_WIDGET_ID')) !== null && _b !== void 0 ? _b : DEMO_WIDGET_ID,
-    };
+function getChatDataBaseUrl() {
+    var _a;
+    return ((_a = getEnv('CHAT_CONFIG_URL')) === null || _a === void 0 ? void 0 : _a.trim()) || DEFAULT_CHAT_DATA_BASE;
 }
+/**
+ * Loads remote widget config once via GET. Uses query params `key` and `widget` so the
+ * server can validate the request without custom headers (avoids CORS preflight failures).
+ */
 export async function fetchRemoteChatData(apiKey, widgetId) {
-    const url = REMOTE_URL;
-    const res = await fetch(url, {
-        headers: {
-            'X-Chat-Api-Key': apiKey,
-            'X-Chat-Widget-Id': widgetId,
-            'Content-Type': 'application/json',
-        },
+    const base = getChatDataBaseUrl();
+    const url = new URL(base, typeof window !== 'undefined' ? window.location.origin : 'https://localhost');
+    url.searchParams.set('key', apiKey);
+    url.searchParams.set('widget', widgetId);
+    const res = await fetch(url.toString(), {
+        method: 'GET',
+        credentials: 'omit',
+        mode: 'cors',
+        headers: { Accept: 'application/json' },
     });
     if (!res.ok)
         throw new Error(`Failed to load chat config: ${res.status}`);
     return res.json();
 }
+export function loadLocalConfig() {
+    var _a, _b;
+    return {
+        apiKey: (_a = getEnv('CHAT_API_KEY')) !== null && _a !== void 0 ? _a : DEMO_API_KEY,
+        widgetId: (_b = getEnv('CHAT_WIDGET_ID')) !== null && _b !== void 0 ? _b : DEMO_WIDGET_ID,
+    };
+}

package/dist/hooks/useRemoteConfig.js

@@ -10,12 +10,16 @@ export function useRemoteConfig(apiKey, widgetId) {
         fetchRemoteChatData(apiKey, widgetId)
             .then(d => { if (!cancelled) {
             setData(d);
+            setError(null);
             setLoading(false);
         } })
-            .catch(e => { if (!cancelled) {
-            setError(e.message);
-            setLoading(false);
-        } });
+            .catch(e => {
+            if (!cancelled) {
+                const msg = e instanceof Error ? e.message : String(e);
+                setError(msg || 'Network error while loading configuration');
+                setLoading(false);
+            }
+        });
         return () => { cancelled = true; };
     }, [apiKey, widgetId]);
     return { data, loading, error };

package/dist/hooks/useWebRTC.d.ts

@@ -1,8 +1,8 @@
 import { CallSession, ChatUser } from '../types';
 export declare function useWebRTC(): {
     session: CallSession;
-    localVideoRef: import("react").RefObject<HTMLVideoElement | null>;
-    remoteVideoRef: import("react").RefObject<HTMLVideoElement | null>;
+    localVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
+    remoteVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
     startCall: (peer: ChatUser, withVideo?: boolean) => Promise<void>;
     acceptCall: (offer: RTCSessionDescriptionInit, peer: ChatUser, withVideo?: boolean) => Promise<void>;
     endCall: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ajaxter-chat",
-  "version": "3.0.1",
+  "version": "3.0.4",
   "description": "Drawer-based chat widget with support chat, tickets, WebRTC calling, voice messages, block list, and transcript download.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/CallScreen/index.tsx

@@ -38,12 +38,12 @@ export const CallScreen: React.FC<CallScreenProps> = ({
       position:'relative', overflow:'hidden',
     }}>
       {/* Remote video (background) */}
-      <video ref={remoteVideoRef} autoPlay playsInline
+      <video ref={remoteVideoRef as React.Ref<HTMLVideoElement>} autoPlay playsInline
         style={{ position:'absolute', inset:0, width:'100%', height:'100%', objectFit:'cover', opacity: session.state==='connected'?1:0 }}
       />
 
       {/* Local video (PiP) */}
-      <video ref={localVideoRef} autoPlay playsInline muted
+      <video ref={localVideoRef as React.Ref<HTMLVideoElement>} autoPlay playsInline muted
         style={{
           position:'absolute', bottom:120, right:14,
           width:90, height:120, borderRadius:10,

package/src/config/index.ts

@@ -1,6 +1,11 @@
 import { LocalEnvConfig, RemoteChatData } from '../types';
 
-const REMOTE_URL = 'https://window.mscorpres.com/TEST/chatData.json';
+/**
+ * Default JSON endpoint. Override with `REACT_APP_CHAT_CONFIG_URL` / `NEXT_PUBLIC_CHAT_CONFIG_URL`.
+ * If the remote host does not send CORS headers, set this to a same-origin path (e.g. `/api/chat-config`)
+ * and proxy the JSON from your server — see `examples/next-app-router-chat-proxy.ts`.
+ */
+const DEFAULT_CHAT_DATA_BASE = 'https://window.mscorpres.com/TEST/chatData.json';
 const DEMO_API_KEY   = 'demo1234';
 const DEMO_WIDGET_ID = 'demo';
 
@@ -16,25 +21,36 @@ function getEnv(key: string): string | undefined {
   return undefined;
 }
 
-export function loadLocalConfig(): LocalEnvConfig {
-  return {
-    apiKey:   getEnv('CHAT_API_KEY')    ?? DEMO_API_KEY,
-    widgetId: getEnv('CHAT_WIDGET_ID')  ?? DEMO_WIDGET_ID,
-  };
+function getChatDataBaseUrl(): string {
+  return getEnv('CHAT_CONFIG_URL')?.trim() || DEFAULT_CHAT_DATA_BASE;
 }
 
+/**
+ * Loads remote widget config once via GET. Uses query params `key` and `widget` so the
+ * server can validate the request without custom headers (avoids CORS preflight failures).
+ */
 export async function fetchRemoteChatData(
   apiKey: string,
   widgetId: string
 ): Promise<RemoteChatData> {
-  const url = REMOTE_URL;
-  const res = await fetch(url, {
-    headers: {
-      'X-Chat-Api-Key':   apiKey,
-      'X-Chat-Widget-Id': widgetId,
-      'Content-Type':     'application/json',
-    },
+  const base = getChatDataBaseUrl();
+  const url = new URL(base, typeof window !== 'undefined' ? window.location.origin : 'https://localhost');
+  url.searchParams.set('key', apiKey);
+  url.searchParams.set('widget', widgetId);
+
+  const res = await fetch(url.toString(), {
+    method: 'GET',
+    credentials: 'omit',
+    mode: 'cors',
+    headers: { Accept: 'application/json' },
   });
   if (!res.ok) throw new Error(`Failed to load chat config: ${res.status}`);
   return res.json() as Promise<RemoteChatData>;
 }
+
+export function loadLocalConfig(): LocalEnvConfig {
+  return {
+    apiKey:   getEnv('CHAT_API_KEY')    ?? DEMO_API_KEY,
+    widgetId: getEnv('CHAT_WIDGET_ID')  ?? DEMO_WIDGET_ID,
+  };
+}

package/src/hooks/useRemoteConfig.ts

@@ -11,8 +11,14 @@ export function useRemoteConfig(apiKey: string, widgetId: string) {
     let cancelled = false;
     setLoading(true);
     fetchRemoteChatData(apiKey, widgetId)
-      .then(d  => { if (!cancelled) { setData(d); setLoading(false); } })
-      .catch(e => { if (!cancelled) { setError(e.message); setLoading(false); } });
+      .then(d  => { if (!cancelled) { setData(d); setError(null); setLoading(false); } })
+      .catch(e => {
+        if (!cancelled) {
+          const msg = e instanceof Error ? e.message : String(e);
+          setError(msg || 'Network error while loading configuration');
+          setLoading(false);
+        }
+      });
     return () => { cancelled = true; };
   }, [apiKey, widgetId]);