ajaxter-chat 3.0.16 → 3.1.0

package/dist/components/UserListScreen/index.js

@@ -1,6 +1,41 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo, useRef, useEffect } from 'react';
-import { avatarColor, initials } from '../../utils/chat';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserListScreen = void 0;
+const react_1 = __importStar(require("react"));
+const chat_1 = require("../../utils/chat");
 function matchesUser(u, q) {
     if (!q.trim())
         return true;
@@ -10,14 +45,14 @@ function matchesUser(u, q) {
         u.designation.toLowerCase().includes(s) ||
         u.project.toLowerCase().includes(s));
 }
-export const UserListScreen = ({ context, users, primaryColor, viewerType = 'user', onBack, onSelectUser, onBlockList, useHomeHeader = false, animateEntrance = false, }) => {
-    const [query, setQuery] = useState('');
-    const searchRef = useRef(null);
-    useEffect(() => {
+const UserListScreen = ({ context, users, primaryColor, viewerType = 'user', onBack, onSelectUser, onBlockList, useHomeHeader = false, animateEntrance = false, }) => {
+    const [query, setQuery] = (0, react_1.useState)('');
+    const searchRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         var _a;
         (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
-    const filtered = useMemo(() => users.filter(u => matchesUser(u, query)), [users, query]);
+    const filtered = (0, react_1.useMemo)(() => users.filter(u => matchesUser(u, query)), [users, query]);
     const isStaff = viewerType === 'developer';
     const title = context === 'support'
         ? (isStaff ? 'Provide Support' : 'Need Support')
@@ -26,56 +61,95 @@ export const UserListScreen = ({ context, users, primaryColor, viewerType = 'use
         ? (isStaff ? 'All chat users — choose who to help' : 'Choose a support agent')
         : (isStaff ? 'Chat with another developer or coordinate handoff' : 'Choose a colleague');
     const rootAnim = animateEntrance ? 'cw-slideIn 0.22s ease' : undefined;
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', animation: rootAnim }, children: [_jsxs("div", { style: { background: `linear-gradient(135deg,${primaryColor},${primaryColor}cc)`, padding: '14px 18px', display: 'flex', alignItems: 'center', gap: 12, flexShrink: 0, position: 'relative' }, children: [useHomeHeader ? _jsx(HomeBtn, { onClick: onBack }) : _jsx(BackBtn, { onClick: onBack }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: { fontWeight: 700, fontSize: 16, color: '#fff' }, children: title }), _jsx("div", { style: { fontSize: 12, color: 'rgba(255,255,255,0.8)' }, children: subtitle })] }), context === 'conversation' && onBlockList && (_jsxs("button", { type: "button", onClick: onBlockList, style: {
-                            flexShrink: 0,
-                            background: 'rgba(255,255,255,0.2)',
+    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', animation: rootAnim } },
+        react_1.default.createElement("div", { style: { background: `linear-gradient(135deg,${primaryColor},${primaryColor}cc)`, padding: '14px 18px', display: 'flex', alignItems: 'center', gap: 12, flexShrink: 0, position: 'relative' } },
+            useHomeHeader ? react_1.default.createElement(HomeBtn, { onClick: onBack }) : react_1.default.createElement(BackBtn, { onClick: onBack }),
+            react_1.default.createElement("div", { style: { flex: 1, minWidth: 0 } },
+                react_1.default.createElement("div", { style: { fontWeight: 700, fontSize: 16, color: '#fff' } }, title),
+                react_1.default.createElement("div", { style: { fontSize: 12, color: 'rgba(255,255,255,0.8)' } }, subtitle)),
+            context === 'conversation' && onBlockList && (react_1.default.createElement("button", { type: "button", onClick: onBlockList, style: {
+                    flexShrink: 0,
+                    background: 'rgba(255,255,255,0.2)',
+                    border: 'none',
+                    borderRadius: 10,
+                    padding: '8px 12px',
+                    color: '#fff',
+                    fontSize: 12,
+                    fontWeight: 700,
+                    cursor: 'pointer',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 6,
+                }, title: "Blocked users" },
+                react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" },
+                    react_1.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.8" }),
+                    react_1.default.createElement("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })),
+                "Blocked"))),
+        react_1.default.createElement("div", { style: { padding: '10px 14px', background: '#fff', borderBottom: '1px solid #eef0f5', flexShrink: 0 } },
+            react_1.default.createElement("label", { style: { display: 'block', margin: 0 } },
+                react_1.default.createElement("span", { style: { position: 'absolute', width: 1, height: 1, padding: 0, overflow: 'hidden', clip: 'rect(0,0,0,0)' } }, "Search"),
+                react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 8, padding: '0 12px', borderRadius: 10, border: '1.5px solid #e5e7eb', background: '#f8fafc' } },
+                    react_1.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0, opacity: 0.55 } },
+                        react_1.default.createElement("circle", { cx: "11", cy: "11", r: "7", stroke: "#64748b", strokeWidth: "2" }),
+                        react_1.default.createElement("path", { d: "M20 20l-4-4", stroke: "#64748b", strokeWidth: "2", strokeLinecap: "round" })),
+                    react_1.default.createElement("input", { ref: searchRef, type: "search", value: query, onChange: e => setQuery(e.target.value), placeholder: "Search by name\u2026", autoComplete: "off", style: {
+                            flex: 1,
+                            minWidth: 0,
                             border: 'none',
-                            borderRadius: 10,
-                            padding: '8px 12px',
-                            color: '#fff',
-                            fontSize: 12,
-                            fontWeight: 700,
-                            cursor: 'pointer',
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: 6,
-                        }, title: "Blocked users", children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.8" }), _jsx("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })] }), "Blocked"] }))] }), _jsx("div", { style: { padding: '10px 14px', background: '#fff', borderBottom: '1px solid #eef0f5', flexShrink: 0 }, children: _jsxs("label", { style: { display: 'block', margin: 0 }, children: [_jsx("span", { style: { position: 'absolute', width: 1, height: 1, padding: 0, overflow: 'hidden', clip: 'rect(0,0,0,0)' }, children: "Search" }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, padding: '0 12px', borderRadius: 10, border: '1.5px solid #e5e7eb', background: '#f8fafc' }, children: [_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0, opacity: 0.55 }, children: [_jsx("circle", { cx: "11", cy: "11", r: "7", stroke: "#64748b", strokeWidth: "2" }), _jsx("path", { d: "M20 20l-4-4", stroke: "#64748b", strokeWidth: "2", strokeLinecap: "round" })] }), _jsx("input", { ref: searchRef, type: "search", value: query, onChange: e => setQuery(e.target.value), placeholder: "Search by name\u2026", autoComplete: "off", style: {
-                                        flex: 1,
-                                        minWidth: 0,
-                                        border: 'none',
-                                        outline: 'none',
-                                        background: 'transparent',
-                                        fontSize: 14,
-                                        padding: '10px 0',
-                                        fontFamily: 'inherit',
-                                        color: '#1a2332',
-                                    } })] })] }) }), _jsx("div", { style: { flex: 1, overflowY: 'auto' }, children: filtered.length === 0 ? (_jsx(Empty, { hasQuery: !!query.trim() })) : filtered.map((u, i) => (_jsxs("button", { onClick: () => onSelectUser(u), style: Object.assign(Object.assign({ width: '100%', padding: '13px 18px', display: 'flex', alignItems: 'center', gap: 13, background: 'transparent', border: 'none', borderBottom: '1px solid #f0f2f5', cursor: 'pointer', textAlign: 'left' }, (animateEntrance
-                        ? { animation: `cw-fadeUp 0.28s ease both`, animationDelay: `${i * 0.05}s` }
-                        : {})), { transition: 'background 0.14s' }), onMouseEnter: e => e.currentTarget.style.background = '#f8faff', onMouseLeave: e => e.currentTarget.style.background = 'transparent', children: [_jsxs("div", { style: { position: 'relative', flexShrink: 0 }, children: [_jsx("div", { style: {
-                                        width: 44, height: 44, borderRadius: '50%',
-                                        backgroundColor: avatarColor(u.name),
-                                        display: 'flex', alignItems: 'center', justifyContent: 'center',
-                                        color: '#fff', fontWeight: 700, fontSize: 14,
-                                    }, children: initials(u.name) }), _jsx("span", { style: {
-                                        position: 'absolute', bottom: 1, right: 1,
-                                        width: 11, height: 11, borderRadius: '50%', border: '2px solid #fff',
-                                        backgroundColor: u.status === 'online' ? '#22c55e' : u.status === 'away' ? '#f59e0b' : '#d1d5db',
-                                    } })] }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: { fontWeight: 700, fontSize: 14, color: '#1a2332', marginBottom: 2 }, children: u.name }), _jsxs("div", { style: { fontSize: 12, color: '#7b8fa1', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, children: [u.designation, " \u00B7 ", u.project] })] }), _jsx("span", { style: {
-                                fontSize: 10, fontWeight: 700, padding: '3px 9px', borderRadius: 20,
-                                textTransform: 'uppercase', letterSpacing: '0.05em', flexShrink: 0,
-                                background: u.type === 'developer' ? `${primaryColor}15` : '#f0fdf4',
-                                color: u.type === 'developer' ? primaryColor : '#16a34a',
-                                border: `1px solid ${u.type === 'developer' ? primaryColor + '30' : '#16a34a30'}`,
-                            }, children: u.type === 'developer' ? 'Dev' : 'User' })] }, u.uid))) })] }));
+                            outline: 'none',
+                            background: 'transparent',
+                            fontSize: 14,
+                            padding: '10px 0',
+                            fontFamily: 'inherit',
+                            color: '#1a2332',
+                        } })))),
+        react_1.default.createElement("div", { style: { flex: 1, overflowY: 'auto' } }, filtered.length === 0 ? (react_1.default.createElement(Empty, { hasQuery: !!query.trim() })) : filtered.map((u, i) => (react_1.default.createElement("button", { key: u.uid, onClick: () => onSelectUser(u), style: Object.assign(Object.assign({ width: '100%', padding: '13px 18px', display: 'flex', alignItems: 'center', gap: 13, background: 'transparent', border: 'none', borderBottom: '1px solid #f0f2f5', cursor: 'pointer', textAlign: 'left' }, (animateEntrance
+                ? { animation: `cw-fadeUp 0.28s ease both`, animationDelay: `${i * 0.05}s` }
+                : {})), { transition: 'background 0.14s' }), onMouseEnter: e => e.currentTarget.style.background = '#f8faff', onMouseLeave: e => e.currentTarget.style.background = 'transparent' },
+            react_1.default.createElement("div", { style: { position: 'relative', flexShrink: 0 } },
+                react_1.default.createElement("div", { style: {
+                        width: 44, height: 44, borderRadius: '50%',
+                        backgroundColor: (0, chat_1.avatarColor)(u.name),
+                        display: 'flex', alignItems: 'center', justifyContent: 'center',
+                        color: '#fff', fontWeight: 700, fontSize: 14,
+                    } }, (0, chat_1.initials)(u.name)),
+                react_1.default.createElement("span", { style: {
+                        position: 'absolute', bottom: 1, right: 1,
+                        width: 11, height: 11, borderRadius: '50%', border: '2px solid #fff',
+                        backgroundColor: u.status === 'online' ? '#22c55e' : u.status === 'away' ? '#f59e0b' : '#d1d5db',
+                    } })),
+            react_1.default.createElement("div", { style: { flex: 1, minWidth: 0 } },
+                react_1.default.createElement("div", { style: { fontWeight: 700, fontSize: 14, color: '#1a2332', marginBottom: 2 } }, u.name),
+                react_1.default.createElement("div", { style: { fontSize: 12, color: '#7b8fa1', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } },
+                    u.designation,
+                    " \u00B7 ",
+                    u.project)),
+            react_1.default.createElement("span", { style: {
+                    fontSize: 10, fontWeight: 700, padding: '3px 9px', borderRadius: 20,
+                    textTransform: 'uppercase', letterSpacing: '0.05em', flexShrink: 0,
+                    background: u.type === 'developer' ? `${primaryColor}15` : '#f0fdf4',
+                    color: u.type === 'developer' ? primaryColor : '#16a34a',
+                    border: `1px solid ${u.type === 'developer' ? primaryColor + '30' : '#16a34a30'}`,
+                } }, u.type === 'developer' ? 'Dev' : 'User')))))));
 };
-const BackBtn = ({ onClick }) => (_jsx("button", { type: "button", onClick: onClick, style: {
+exports.UserListScreen = UserListScreen;
+const BackBtn = ({ onClick }) => (react_1.default.createElement("button", { type: "button", onClick: onClick, style: {
         background: 'rgba(255,255,255,0.22)', border: 'none', borderRadius: '50%',
         width: 32, height: 32, display: 'flex', alignItems: 'center', justifyContent: 'center',
         cursor: 'pointer', flexShrink: 0,
-    }, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "#fff", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }));
-const HomeBtn = ({ onClick }) => (_jsx("button", { type: "button", onClick: onClick, title: "Home", "aria-label": "Home", style: {
+    } },
+    react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" },
+        react_1.default.createElement("path", { d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "#fff", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }))));
+const HomeBtn = ({ onClick }) => (react_1.default.createElement("button", { type: "button", onClick: onClick, title: "Home", "aria-label": "Home", style: {
         background: 'rgba(255,255,255,0.22)', border: 'none', borderRadius: '50%',
         width: 32, height: 32, display: 'flex', alignItems: 'center', justifyContent: 'center',
         cursor: 'pointer', flexShrink: 0,
-    }, children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: [_jsx("path", { d: "M3 9.5L12 3l9 6.5V20a1 1 0 01-1 1H4a1 1 0 01-1-1V9.5z", stroke: "#fff", strokeWidth: "2.2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M9 21V12h6v9", stroke: "#fff", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }));
-const Empty = ({ hasQuery }) => (_jsxs("div", { style: { padding: '50px 24px', textAlign: 'center' }, children: [_jsx("div", { style: { fontSize: 36, marginBottom: 10 }, children: hasQuery ? '🔍' : '👥' }), _jsx("div", { style: { fontWeight: 700, color: '#1a2332', marginBottom: 6 }, children: hasQuery ? 'No matches' : 'No users available' }), _jsx("div", { style: { fontSize: 13, color: '#7b8fa1' }, children: hasQuery ? 'Try a different search' : 'Check back later' })] }));
+    } },
+    react_1.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none" },
+        react_1.default.createElement("path", { d: "M3 9.5L12 3l9 6.5V20a1 1 0 01-1 1H4a1 1 0 01-1-1V9.5z", stroke: "#fff", strokeWidth: "2.2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M9 21V12h6v9", stroke: "#fff", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }))));
+const Empty = ({ hasQuery }) => (react_1.default.createElement("div", { style: { padding: '50px 24px', textAlign: 'center' } },
+    react_1.default.createElement("div", { style: { fontSize: 36, marginBottom: 10 } }, hasQuery ? '🔍' : '👥'),
+    react_1.default.createElement("div", { style: { fontWeight: 700, color: '#1a2332', marginBottom: 6 } }, hasQuery ? 'No matches' : 'No users available'),
+    react_1.default.createElement("div", { style: { fontSize: 13, color: '#7b8fa1' } }, hasQuery ? 'Try a different search' : 'Check back later')));
+//# sourceMappingURL=index.js.map

package/dist/components/UserListScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UserListScreen/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/ViewerBlockedScreen/index.d.ts

@@ -7,3 +7,4 @@ interface ViewerBlockedScreenProps {
 }
 export declare const ViewerBlockedScreen: React.FC<ViewerBlockedScreenProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ViewerBlockedScreen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ViewerBlockedScreen/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,UAAU,wBAAwB;IAChC,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+KlE,CAAC"}

package/dist/components/ViewerBlockedScreen/index.js

@@ -1,13 +1,48 @@
+"use strict";
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { submitReenableRequest } from '../../utils/reenableRequest';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewerBlockedScreen = void 0;
+const react_1 = __importStar(require("react"));
+const reenableRequest_1 = require("../../utils/reenableRequest");
 const DEFAULT_MESSAGE = 'You have been marked as Blocked user due to spam';
-export const ViewerBlockedScreen = ({ config, apiKey, onClose }) => {
+const ViewerBlockedScreen = ({ config, apiKey, onClose }) => {
     var _a, _b;
-    const [text, setText] = useState('');
-    const [status, setStatus] = useState('idle');
-    const [error, setError] = useState(null);
+    const [text, setText] = (0, react_1.useState)('');
+    const [status, setStatus] = (0, react_1.useState)('idle');
+    const [error, setError] = (0, react_1.useState)(null);
     const primary = config.primaryColor;
     const body = (((_a = config.blockedViewerMessage) === null || _a === void 0 ? void 0 : _a.trim()) || DEFAULT_MESSAGE);
     const url = (_b = config.reenableRequestUrl) === null || _b === void 0 ? void 0 : _b.trim();
@@ -26,7 +61,7 @@ export const ViewerBlockedScreen = ({ config, apiKey, onClose }) => {
         setError(null);
         setStatus('sending');
         try {
-            await submitReenableRequest(url, {
+            await (0, reenableRequest_1.submitReenableRequest)(url, {
                 widgetId: config.id,
                 apiKey,
                 viewerUid: ((_a = config.viewerUid) === null || _a === void 0 ? void 0 : _a.trim()) || undefined,
@@ -40,7 +75,7 @@ export const ViewerBlockedScreen = ({ config, apiKey, onClose }) => {
             setError(e instanceof Error ? e.message : 'Request failed');
         }
     };
-    return (_jsx("div", { className: "cw-scroll", style: {
+    return (react_1.default.createElement("div", { className: "cw-scroll", style: {
             flex: 1,
             display: 'flex',
             flexDirection: 'column',
@@ -50,58 +85,75 @@ export const ViewerBlockedScreen = ({ config, apiKey, onClose }) => {
             textAlign: 'center',
             overflowY: 'auto',
             minHeight: 0,
-        }, children: _jsxs("div", { style: { maxWidth: 380, width: '100%' }, children: [_jsx("div", { style: { fontSize: 44, marginBottom: 16 }, children: "\uD83D\uDEAB" }), _jsx("p", { style: {
-                        margin: '0 0 28px',
+        } },
+        react_1.default.createElement("div", { style: { maxWidth: 380, width: '100%' } },
+            react_1.default.createElement("div", { style: { fontSize: 44, marginBottom: 16 } }, "\uD83D\uDEAB"),
+            react_1.default.createElement("p", { style: {
+                    margin: '0 0 28px',
+                    fontSize: 15,
+                    fontWeight: 600,
+                    color: '#1e293b',
+                    lineHeight: 1.55,
+                } }, body),
+            status === 'sent' ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", { style: { margin: '0 0 16px', fontSize: 14, color: '#16a34a', fontWeight: 600 } }, "Your request was sent. We will review it shortly."),
+                react_1.default.createElement("button", { type: "button", onClick: onClose, style: {
+                        width: '100%',
+                        padding: '12px 16px',
+                        borderRadius: 12,
+                        border: '2px solid #ef4444',
+                        background: '#fff',
+                        color: '#ef4444',
+                        fontWeight: 700,
                         fontSize: 15,
-                        fontWeight: 600,
+                        cursor: 'pointer',
+                        fontFamily: 'inherit',
+                    } }, "Close"))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("label", { htmlFor: "cw-reenable-msg", style: { display: 'block', textAlign: 'left', fontSize: 13, fontWeight: 600, color: '#475569', marginBottom: 8 } }, "Request access restoration"),
+                react_1.default.createElement("textarea", { id: "cw-reenable-msg", value: text, onChange: e => { setText(e.target.value); setError(null); setStatus('idle'); }, placeholder: "Explain briefly why your access should be restored\u2026", rows: 4, maxLength: 500, minLength: 50, disabled: status === 'sending', style: {
+                        width: '100%',
+                        boxSizing: 'border-box',
+                        padding: '12px 14px',
+                        borderRadius: 12,
+                        border: '1.5px solid #e2e8f0',
+                        fontSize: 14,
+                        fontFamily: 'inherit',
                         color: '#1e293b',
-                        lineHeight: 1.55,
-                    }, children: body }), status === 'sent' ? (_jsxs(_Fragment, { children: [_jsx("p", { style: { margin: '0 0 16px', fontSize: 14, color: '#16a34a', fontWeight: 600 }, children: "Your request was sent. We will review it shortly." }), _jsx("button", { type: "button", onClick: onClose, style: {
-                                width: '100%',
-                                padding: '12px 16px',
-                                borderRadius: 12,
-                                border: '2px solid #ef4444',
-                                background: '#fff',
-                                color: '#ef4444',
-                                fontWeight: 700,
-                                fontSize: 15,
-                                cursor: 'pointer',
-                                fontFamily: 'inherit',
-                            }, children: "Close" })] })) : (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: "cw-reenable-msg", style: { display: 'block', textAlign: 'left', fontSize: 13, fontWeight: 600, color: '#475569', marginBottom: 8 }, children: "Request access restoration" }), _jsx("textarea", { id: "cw-reenable-msg", value: text, onChange: e => { setText(e.target.value); setError(null); setStatus('idle'); }, placeholder: "Explain briefly why your access should be restored\u2026", rows: 4, maxLength: 500, minLength: 50, disabled: status === 'sending', style: {
-                                width: '100%',
-                                boxSizing: 'border-box',
-                                padding: '12px 14px',
-                                borderRadius: 12,
-                                border: '1.5px solid #e2e8f0',
-                                fontSize: 14,
-                                fontFamily: 'inherit',
-                                color: '#1e293b',
-                                resize: 'none',
-                                minHeight: 100,
-                                maxHeight: 250,
-                                marginBottom: 14,
-                                outline: 'none',
-                            } }), _jsx("button", { type: "button", onClick: handleSubmit, disabled: status === 'sending' || !text.trim(), style: {
-                                width: '100%',
-                                padding: '12px 16px',
-                                borderRadius: 12,
-                                border: 'none',
-                                background: text.trim() && status !== 'sending' ? primary : '#e2e8f0',
-                                color: text.trim() && status !== 'sending' ? '#fff' : '#94a3b8',
-                                fontWeight: 700,
-                                fontSize: 15,
-                                cursor: text.trim() && status !== 'sending' ? 'pointer' : 'default',
-                            }, children: status === 'sending' ? 'Sending…' : 'Submit request' }), _jsx("button", { type: "button", onClick: onClose, style: {
-                                width: '100%',
-                                marginTop: 12,
-                                padding: '12px 16px',
-                                borderRadius: 12,
-                                border: '2px solid #ef4444',
-                                background: '#fff',
-                                color: '#ef4444',
-                                fontWeight: 700,
-                                fontSize: 15,
-                                cursor: 'pointer',
-                                fontFamily: 'inherit',
-                            }, children: "Close" }), error && (_jsx("p", { style: { margin: '12px 0 0', fontSize: 13, color: '#dc2626', lineHeight: 1.45 }, children: error })), !url && (_jsxs("p", { style: { margin: '14px 0 0', fontSize: 12, color: '#94a3b8', lineHeight: 1.5 }, children: ["Your administrator must set ", _jsx("code", { style: { fontSize: 11 }, children: "reenableRequestUrl" }), " in widget config for online requests."] }))] }))] }) }));
+                        resize: 'none',
+                        minHeight: 100,
+                        maxHeight: 250,
+                        marginBottom: 14,
+                        outline: 'none',
+                    } }),
+                react_1.default.createElement("button", { type: "button", onClick: handleSubmit, disabled: status === 'sending' || !text.trim(), style: {
+                        width: '100%',
+                        padding: '12px 16px',
+                        borderRadius: 12,
+                        border: 'none',
+                        background: text.trim() && status !== 'sending' ? primary : '#e2e8f0',
+                        color: text.trim() && status !== 'sending' ? '#fff' : '#94a3b8',
+                        fontWeight: 700,
+                        fontSize: 15,
+                        cursor: text.trim() && status !== 'sending' ? 'pointer' : 'default',
+                    } }, status === 'sending' ? 'Sending…' : 'Submit request'),
+                react_1.default.createElement("button", { type: "button", onClick: onClose, style: {
+                        width: '100%',
+                        marginTop: 12,
+                        padding: '12px 16px',
+                        borderRadius: 12,
+                        border: '2px solid #ef4444',
+                        background: '#fff',
+                        color: '#ef4444',
+                        fontWeight: 700,
+                        fontSize: 15,
+                        cursor: 'pointer',
+                        fontFamily: 'inherit',
+                    } }, "Close"),
+                error && (react_1.default.createElement("p", { style: { margin: '12px 0 0', fontSize: 13, color: '#dc2626', lineHeight: 1.45 } }, error)),
+                !url && (react_1.default.createElement("p", { style: { margin: '14px 0 0', fontSize: 12, color: '#94a3b8', lineHeight: 1.5 } },
+                    "Your administrator must set ",
+                    react_1.default.createElement("code", { style: { fontSize: 11 } }, "reenableRequestUrl"),
+                    " in widget config for online requests.")))))));
 };
+exports.ViewerBlockedScreen = ViewerBlockedScreen;
+//# sourceMappingURL=index.js.map

package/dist/components/ViewerBlockedScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ViewerBlockedScreen/index.tsx"],"names":[],"mappings":"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"}

package/dist/config/index.d.ts

@@ -5,3 +5,4 @@ import { LocalEnvConfig, RemoteChatData } from '../types';
  */
 export declare function fetchRemoteChatData(apiKey: string, widgetId: string): Promise<RemoteChatData>;
 export declare function loadLocalConfig(): LocalEnvConfig;
+//# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA2B1D;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,cAAc,CAAC,CAczB;AAED,wBAAgB,eAAe,IAAI,cAAc,CAKhD"}

package/dist/config/index.js

@@ -1,3 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchRemoteChatData = fetchRemoteChatData;
+exports.loadLocalConfig = loadLocalConfig;
 /**
  * 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`)
@@ -21,7 +25,7 @@ function getChatDataBaseUrl() {
  * 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) {
+async function fetchRemoteChatData(apiKey, widgetId) {
     const base = getChatDataBaseUrl();
     const url = new URL(base, typeof window !== 'undefined' ? window.location.origin : 'https://localhost');
     url.searchParams.set('key', apiKey);
@@ -36,10 +40,11 @@ export async function fetchRemoteChatData(apiKey, widgetId) {
         throw new Error(`Failed to load chat config: ${res.status}`);
     return res.json();
 }
-export function loadLocalConfig() {
+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,
     };
 }
+//# sourceMappingURL=index.js.map

package/dist/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":";;AA+BA,kDAiBC;AAED,0CAKC;AArDD;;;;GAIG;AACH,MAAM,sBAAsB,GAAG,iDAAiD,CAAC;AACjF,MAAM,YAAY,GAAK,UAAU,CAAC;AAClC,MAAM,cAAc,GAAG,MAAM,CAAC;AAE9B,SAAS,MAAM,CAAC,GAAW;;IACzB,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;QAClD,OAAO,CACL,MAAA,MAAA,MAAA,OAAO,CAAC,GAAG,CAAC,eAAe,GAAG,EAAE,CAAC,mCACjC,OAAO,CAAC,GAAG,CAAC,aAAa,GAAG,EAAE,CAAC,mCAC/B,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,mCAChB,SAAS,CACV,CAAC;IACJ,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB;;IACzB,OAAO,CAAA,MAAA,MAAM,CAAC,iBAAiB,CAAC,0CAAE,IAAI,EAAE,KAAI,sBAAsB,CAAC;AACrE,CAAC;AAED;;;GAGG;AACI,KAAK,UAAU,mBAAmB,CACvC,MAAc,EACd,QAAgB;IAEhB,MAAM,IAAI,GAAG,kBAAkB,EAAE,CAAC;IAClC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACxG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEzC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE;QACtC,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,MAAM;QACnB,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;KACxC,CAAC,CAAC;IACH,IAAI,CAAC,GAAG,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1E,OAAO,GAAG,CAAC,IAAI,EAA6B,CAAC;AAC/C,CAAC;AAED,SAAgB,eAAe;;IAC7B,OAAO;QACL,MAAM,EAAI,MAAA,MAAM,CAAC,cAAc,CAAC,mCAAO,YAAY;QACnD,QAAQ,EAAE,MAAA,MAAM,CAAC,gBAAgB,CAAC,mCAAK,cAAc;KACtD,CAAC;AACJ,CAAC"}

package/dist/hooks/useChat.d.ts

@@ -1,13 +1,21 @@
 import { ChatMessage, ChatUser } from '../types';
-export declare function useChat(initialMessages?: ChatMessage[]): {
+export interface UseChatOptions {
+    onEmitMessage?: (msg: ChatMessage) => void;
+    onEmitPause?: (roomId: string, targetUid: string, paused: boolean) => void;
+    onEmitReport?: (roomId: string) => void;
+}
+export declare function useChat(initialMessages?: ChatMessage[], opts?: UseChatOptions): {
     messages: ChatMessage[];
     activeUser: ChatUser | null;
     isPaused: boolean;
     isReported: boolean;
     selectUser: (user: ChatUser, history?: ChatMessage[]) => void;
     sendMessage: (text: string, type?: ChatMessage["type"], extra?: Partial<ChatMessage>) => void;
+    receiveMessage: (msg: ChatMessage) => void;
+    updateMessageStatus: (messageId: string, status: ChatMessage["status"]) => void;
     togglePause: () => void;
     reportChat: () => void;
     clearChat: () => void;
     setMessages: import("react").Dispatch<import("react").SetStateAction<ChatMessage[]>>;
 };
+//# sourceMappingURL=useChat.d.ts.map

package/dist/hooks/useChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,OAAO,CAAC,eAAe,GAAE,WAAW,EAAO,EAAE,IAAI,GAAE,cAAmB;;;;;uBAU9C,QAAQ,YAAW,WAAW,EAAE;wBAU9D,MAAM,SACN,WAAW,CAAC,MAAM,CAAC,UAClB,OAAO,CAAC,WAAW,CAAC;0BAkBY,WAAW;qCAOA,MAAM,UAAU,WAAW,CAAC,QAAQ,CAAC;;;;;EAsC1F"}