ajaxter-chat 3.0.17 → 3.2.0

package/dist/components/TicketScreen/index.js

@@ -1,5 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo, useRef, useEffect } from 'react';
+"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.TicketScreen = void 0;
+const react_1 = __importStar(require("react"));
 function matchesTicket(t, q) {
     if (!q.trim())
         return true;
@@ -8,14 +43,14 @@ function matchesTicket(t, q) {
         t.description.toLowerCase().includes(s) ||
         t.id.toLowerCase().includes(s));
 }
-export const TicketScreen = ({ tickets, config, onNewTicket, onSelectTicket, animateEntrance = false, }) => {
-    const [query, setQuery] = useState('');
-    const searchRef = useRef(null);
-    useEffect(() => {
+const TicketScreen = ({ tickets, config, onNewTicket, onSelectTicket, 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(() => tickets.filter(t => matchesTicket(t, query)), [tickets, query]);
+    const filtered = (0, react_1.useMemo)(() => tickets.filter(t => matchesTicket(t, query)), [tickets, query]);
     const sm = {
         open: { label: 'Open', bg: `${config.primaryColor}14`, color: config.primaryColor },
         'in-progress': { label: 'In Progress', bg: '#fef3c7', color: '#d97706' },
@@ -27,23 +62,57 @@ export const TicketScreen = ({ tickets, config, onNewTicket, onSelectTicket, ani
         medium: { label: 'Medium', color: '#d97706' },
         high: { label: 'High', color: '#ef4444' },
     };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [_jsx("div", { style: {
-                    background: `linear-gradient(135deg,${config.primaryColor},${config.primaryColor}cc)`,
-                    padding: '18px 18px 14px', flexShrink: 0, position: 'relative',
-                }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 }, children: [_jsxs("div", { style: { minWidth: 0 }, children: [_jsx("h2", { style: { margin: 0, fontSize: 20, fontWeight: 800, color: '#fff', letterSpacing: '-0.02em' }, children: "Tickets" }), _jsxs("p", { style: { margin: '3px 0 0', fontSize: 12, color: 'rgba(255,255,255,0.8)' }, children: [tickets.length, " ticket", tickets.length !== 1 ? 's' : '', " raised"] })] }), _jsx("button", { type: "button", onClick: onNewTicket, style: {
-                                background: 'rgba(255,255,255,0.22)', border: 'none', borderRadius: 20,
-                                padding: '7px 14px', color: '#fff', fontWeight: 700, fontSize: 13,
-                                cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 5,
-                                flexShrink: 0,
-                            }, children: "+ New" })] }) }), _jsx("div", { style: { padding: '10px 14px', background: '#fff', borderBottom: '1px solid #eef0f5', flexShrink: 0 }, children: _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 tickets\u2026", autoComplete: "off", "aria-label": "Search tickets", 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 ? (_jsxs("div", { style: { padding: '50px 24px', textAlign: 'center' }, children: [_jsx("div", { style: { fontSize: 36, marginBottom: 10 }, children: query.trim() ? '🔍' : '🎫' }), _jsx("div", { style: { fontWeight: 700, color: '#1a2332', marginBottom: 6 }, children: query.trim() ? 'No matches' : 'No tickets yet' }), _jsx("div", { style: { fontSize: 13, color: '#7b8fa1' }, children: query.trim() ? 'Try a different search' : 'Raise a ticket for major issues' })] })) : filtered.map((t, i) => (_jsxs("button", { type: "button", onClick: () => onSelectTicket(t.id), style: Object.assign(Object.assign({ width: '100%', padding: '14px 16px', borderBottom: '1px solid #f0f2f5' }, (animateEntrance ? { animation: `cw-fadeUp 0.3s ease both`, animationDelay: `${i * 0.05}s` } : {})), { background: 'transparent', borderLeft: 'none', borderRight: 'none', borderTop: 'none', cursor: 'pointer', textAlign: 'left', fontFamily: 'inherit' }), children: [_jsxs("div", { style: { display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', marginBottom: 5 }, children: [_jsx("span", { style: { fontWeight: 700, fontSize: 14, color: '#1a2332', flex: 1, paddingRight: 10 }, children: t.title }), _jsx("span", { style: { fontSize: 10, fontWeight: 700, padding: '3px 9px', borderRadius: 20, backgroundColor: sm[t.status].bg, color: sm[t.status].color, whiteSpace: 'nowrap', textTransform: 'uppercase', letterSpacing: '0.04em', flexShrink: 0 }, children: sm[t.status].label })] }), t.description && _jsx("p", { style: { margin: '0 0 7px', fontSize: 13, color: '#7b8fa1', lineHeight: 1.5 }, children: t.description }), _jsxs("div", { style: { display: 'flex', gap: 10, fontSize: 11, color: '#b0bec5' }, children: [_jsxs("span", { style: { color: pm[t.priority].color, fontWeight: 700 }, children: ["\u25CF ", pm[t.priority].label] }), _jsxs("span", { children: ["#", t.id] }), _jsx("span", { children: new Date(t.createdAt).toLocaleDateString([], { month: 'short', day: 'numeric' }) })] })] }, t.id))) })] }));
+    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' } },
+        react_1.default.createElement("div", { style: {
+                background: `linear-gradient(135deg,${config.primaryColor},${config.primaryColor}cc)`,
+                padding: '18px 18px 14px', flexShrink: 0, position: 'relative',
+            } },
+            react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 } },
+                react_1.default.createElement("div", { style: { minWidth: 0 } },
+                    react_1.default.createElement("h2", { style: { margin: 0, fontSize: 20, fontWeight: 800, color: '#fff', letterSpacing: '-0.02em' } }, "Tickets"),
+                    react_1.default.createElement("p", { style: { margin: '3px 0 0', fontSize: 12, color: 'rgba(255,255,255,0.8)' } },
+                        tickets.length,
+                        " ticket",
+                        tickets.length !== 1 ? 's' : '',
+                        " raised")),
+                react_1.default.createElement("button", { type: "button", onClick: onNewTicket, style: {
+                        background: 'rgba(255,255,255,0.22)', border: 'none', borderRadius: 20,
+                        padding: '7px 14px', color: '#fff', fontWeight: 700, fontSize: 13,
+                        cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 5,
+                        flexShrink: 0,
+                    } }, "+ New"))),
+        react_1.default.createElement("div", { style: { padding: '10px 14px', background: '#fff', borderBottom: '1px solid #eef0f5', flexShrink: 0 } },
+            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 tickets\u2026", autoComplete: "off", "aria-label": "Search tickets", style: {
+                        flex: 1,
+                        minWidth: 0,
+                        border: 'none',
+                        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("div", { style: { padding: '50px 24px', textAlign: 'center' } },
+            react_1.default.createElement("div", { style: { fontSize: 36, marginBottom: 10 } }, query.trim() ? '🔍' : '🎫'),
+            react_1.default.createElement("div", { style: { fontWeight: 700, color: '#1a2332', marginBottom: 6 } }, query.trim() ? 'No matches' : 'No tickets yet'),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: '#7b8fa1' } }, query.trim() ? 'Try a different search' : 'Raise a ticket for major issues'))) : filtered.map((t, i) => (react_1.default.createElement("button", { key: t.id, type: "button", onClick: () => onSelectTicket(t.id), style: Object.assign(Object.assign({ width: '100%', padding: '14px 16px', borderBottom: '1px solid #f0f2f5' }, (animateEntrance ? { animation: `cw-fadeUp 0.3s ease both`, animationDelay: `${i * 0.05}s` } : {})), { background: 'transparent', borderLeft: 'none', borderRight: 'none', borderTop: 'none', cursor: 'pointer', textAlign: 'left', fontFamily: 'inherit' }) },
+            react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', marginBottom: 5 } },
+                react_1.default.createElement("span", { style: { fontWeight: 700, fontSize: 14, color: '#1a2332', flex: 1, paddingRight: 10 } }, t.title),
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, padding: '3px 9px', borderRadius: 20, backgroundColor: sm[t.status].bg, color: sm[t.status].color, whiteSpace: 'nowrap', textTransform: 'uppercase', letterSpacing: '0.04em', flexShrink: 0 } }, sm[t.status].label)),
+            t.description && react_1.default.createElement("p", { style: { margin: '0 0 7px', fontSize: 13, color: '#7b8fa1', lineHeight: 1.5 } }, t.description),
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 10, fontSize: 11, color: '#b0bec5' } },
+                react_1.default.createElement("span", { style: { color: pm[t.priority].color, fontWeight: 700 } },
+                    "\u25CF ",
+                    pm[t.priority].label),
+                react_1.default.createElement("span", null,
+                    "#",
+                    t.id),
+                react_1.default.createElement("span", null, new Date(t.createdAt).toLocaleDateString([], { month: 'short', day: 'numeric' })))))))));
 };
+exports.TicketScreen = TicketScreen;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserListScreen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGxD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAaD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiJxD,CAAC"}

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"}