ajaxter-chat 3.0.16 → 3.1.0

package/dist/utils/widgetSession.js

@@ -1,7 +1,12 @@
-export function sessionKey(widgetId) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sessionKey = sessionKey;
+exports.loadSession = loadSession;
+exports.saveSession = saveSession;
+function sessionKey(widgetId) {
     return `ajaxter_widget_session_${widgetId}`;
 }
-export function loadSession(widgetId) {
+function loadSession(widgetId) {
     if (typeof window === 'undefined')
         return null;
     try {
@@ -14,7 +19,7 @@ export function loadSession(widgetId) {
         return null;
     }
 }
-export function saveSession(widgetId, state) {
+function saveSession(widgetId, state) {
     try {
         sessionStorage.setItem(sessionKey(widgetId), JSON.stringify(state));
     }
@@ -22,3 +27,4 @@ export function saveSession(widgetId, state) {
         /* quota */
     }
 }
+//# sourceMappingURL=widgetSession.js.map

package/dist/utils/widgetSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetSession.js","sourceRoot":"","sources":["../../src/utils/widgetSession.ts"],"names":[],"mappings":";;AAYA,gCAEC;AAED,kCASC;AAED,kCAMC;AArBD,SAAgB,UAAU,CAAC,QAAgB;IACzC,OAAO,0BAA0B,QAAQ,EAAE,CAAC;AAC9C,CAAC;AAED,SAAgB,WAAW,CAAC,QAAgB;IAC1C,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAC/C,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAA2B,CAAC;IACnD,CAAC;IAAC,WAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAgB,WAAW,CAAC,QAAgB,EAAE,KAA6B;IACzE,IAAI,CAAC;QACH,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,CAAC;IAAC,WAAM,CAAC;QACP,WAAW;IACb,CAAC;AACH,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ajaxter-chat",
-  "version": "3.0.16",
-  "description": "Drawer-based chat widget with support chat, tickets, WebRTC calling, voice messages, block list, and transcript download.",
+  "version": "3.1.0",
+  "description": "Drawer-based chat widget with real-time WebSocket, WebRTC calling, voice messages, tickets, block list, and transcript download.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": ["dist", "src", "public"],
@@ -23,6 +23,6 @@
     "react-dom": "^18.0.0",
     "typescript": "^5.0.0"
   },
-  "keywords": ["react","nextjs","chat","widget","webrtc","support","tickets","drawer","typescript"],
+  "keywords": ["react","nextjs","chat","widget","webrtc","support","tickets","drawer","typescript","websocket","realtime"],
   "license": "MIT"
 }

package/src/components/CallScreen/index.tsx

@@ -10,11 +10,13 @@ interface CallScreenProps {
   onToggleMute:   () => void;
   onToggleCamera: () => void;
   primaryColor:   string;
+  /** Collapse the drawer while keeping the call active (mic/cam stay on). */
+  onMinimize?:    () => void;
 }
 
 export const CallScreen: React.FC<CallScreenProps> = ({
   session, localVideoRef, remoteVideoRef,
-  onEnd, onToggleMute, onToggleCamera, primaryColor,
+  onEnd, onToggleMute, onToggleCamera, primaryColor, onMinimize,
 }) => {
   const [duration, setDuration] = useState(0);
   const peer = session.peer as ChatUser;
@@ -64,6 +66,26 @@ export const CallScreen: React.FC<CallScreenProps> = ({
               {session.state === 'ended'     && 'Call Ended'}
             </div>
           </div>
+          {(session.state === 'calling' || session.state === 'connected') && onMinimize && (
+            <button
+              type="button"
+              onClick={onMinimize}
+              title="Minimize — keep call while you use the page"
+              style={{
+                padding: '8px 12px',
+                borderRadius: 10,
+                border: '1px solid rgba(255,255,255,0.35)',
+                background: 'rgba(0,0,0,0.25)',
+                color: '#fff',
+                fontSize: 13,
+                fontWeight: 600,
+                cursor: 'pointer',
+                flexShrink: 0,
+              }}
+            >
+              Minimize
+            </button>
+          )}
         </div>
 
         {/* Center: avatar + name */}

package/src/components/ChatScreen/index.tsx

@@ -314,12 +314,13 @@ export const ChatScreen: React.FC<ChatScreenProps> = ({
               marginLeft: 4,
             }}
           >
-            <span style={{ fontSize: 10, color: 'rgba(255,255,255,0.85)', fontWeight: 600 }}>Sound</span>
             <button
               type="button"
               role="switch"
               aria-checked={messageSoundEnabled}
               onClick={() => onToggleMessageSound(!messageSoundEnabled)}
+              aria-label="Toggle message sound"
+              title="Toggle message sound"
               style={{
                 width: 36,
                 height: 20,