ajaxter-chat 3.0.17 → 3.1.0

package/dist/components/SlideNavMenu.js

@@ -1,5 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const SlideNavMenu = ({ open, onClose, primaryColor, chatType, viewerType = 'user', onSelect, onBackHome, }) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlideNavMenu = void 0;
+const react_1 = __importDefault(require("react"));
+const SlideNavMenu = ({ open, onClose, primaryColor, chatType, viewerType = 'user', onSelect, onBackHome, }) => {
     const showSupport = chatType === 'SUPPORT' || chatType === 'BOTH';
     const showChat = chatType === 'CHAT' || chatType === 'BOTH';
     const isStaff = viewerType === 'developer';
@@ -10,65 +16,78 @@ export const SlideNavMenu = ({ open, onClose, primaryColor, chatType, viewerType
     ];
     if (!open)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "aria-label": "Close menu", onClick: onClose, style: {
-                    position: 'absolute',
-                    inset: 0,
-                    zIndex: 200,
-                    background: 'rgba(15,23,42,0.45)',
-                    border: 'none',
-                    cursor: 'pointer',
-                    animation: 'cw-fadeIn 0.2s ease',
-                } }), _jsx("style", { children: `@keyframes cw-fadeIn { from { opacity: 0; } to { opacity: 1; } }` }), _jsxs("nav", { style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    bottom: 0,
-                    width: 'min(300px, 88%)',
-                    zIndex: 210,
-                    background: '#fff',
-                    boxShadow: '8px 0 32px rgba(0,0,0,0.12)',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    padding: '20px 0 16px',
-                    animation: 'cw-slideNavIn 0.28s cubic-bezier(0.22, 1, 0.36, 1)',
-                }, children: [_jsx("style", { children: `@keyframes cw-slideNavIn { from { transform: translateX(-100%); } to { transform: translateX(0); } }` }), _jsx("div", { style: { padding: '0 20px 16px', borderBottom: '1px solid #eef0f5' }, children: _jsx("p", { style: { margin: 0, fontSize: 13, fontWeight: 700, color: '#64748b', letterSpacing: '0.04em' }, children: "Menu" }) }), _jsx("div", { style: { flex: 1, overflowY: 'auto', padding: '12px 12px' }, children: items.filter(Boolean).map(item => {
-                            const it = item;
-                            return (_jsxs("button", { type: "button", onClick: () => {
-                                    onSelect(it.key);
-                                    onClose();
-                                }, style: {
-                                    width: '100%',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: 12,
-                                    padding: '14px 14px',
-                                    marginBottom: 6,
-                                    border: 'none',
-                                    borderRadius: 12,
-                                    background: '#f8fafc',
-                                    cursor: 'pointer',
-                                    textAlign: 'left',
-                                    fontSize: 15,
-                                    fontWeight: 600,
-                                    color: '#1e293b',
-                                    transition: 'background 0.15s',
-                                }, onMouseEnter: e => {
-                                    e.currentTarget.style.background = `${primaryColor}12`;
-                                }, onMouseLeave: e => {
-                                    e.currentTarget.style.background = '#f8fafc';
-                                }, children: [_jsx("span", { style: { fontSize: 20 }, children: it.icon }), it.title] }, it.key));
-                        }) }), onBackHome && (_jsx("div", { style: { padding: '0 12px', borderTop: '1px solid #eef0f5', paddingTop: 12 }, children: _jsx("button", { type: "button", onClick: () => {
-                                onBackHome();
-                                onClose();
-                            }, style: {
-                                width: '100%',
-                                padding: '12px 14px',
-                                border: '1.5px solid #e2e8f0',
-                                borderRadius: 12,
-                                background: '#fff',
-                                fontSize: 14,
-                                fontWeight: 600,
-                                color: '#475569',
-                                cursor: 'pointer',
-                            }, children: "\u2190 Back to home" }) }))] })] }));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("button", { type: "button", "aria-label": "Close menu", onClick: onClose, style: {
+                position: 'absolute',
+                inset: 0,
+                zIndex: 200,
+                background: 'rgba(15,23,42,0.45)',
+                border: 'none',
+                cursor: 'pointer',
+                animation: 'cw-fadeIn 0.2s ease',
+            } }),
+        react_1.default.createElement("style", null, `@keyframes cw-fadeIn { from { opacity: 0; } to { opacity: 1; } }`),
+        react_1.default.createElement("nav", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                bottom: 0,
+                width: 'min(300px, 88%)',
+                zIndex: 210,
+                background: '#fff',
+                boxShadow: '8px 0 32px rgba(0,0,0,0.12)',
+                display: 'flex',
+                flexDirection: 'column',
+                padding: '20px 0 16px',
+                animation: 'cw-slideNavIn 0.28s cubic-bezier(0.22, 1, 0.36, 1)',
+            } },
+            react_1.default.createElement("style", null, `@keyframes cw-slideNavIn { from { transform: translateX(-100%); } to { transform: translateX(0); } }`),
+            react_1.default.createElement("div", { style: { padding: '0 20px 16px', borderBottom: '1px solid #eef0f5' } },
+                react_1.default.createElement("p", { style: { margin: 0, fontSize: 13, fontWeight: 700, color: '#64748b', letterSpacing: '0.04em' } }, "Menu")),
+            react_1.default.createElement("div", { style: { flex: 1, overflowY: 'auto', padding: '12px 12px' } }, items.filter(Boolean).map(item => {
+                const it = item;
+                return (react_1.default.createElement("button", { key: it.key, type: "button", onClick: () => {
+                        onSelect(it.key);
+                        onClose();
+                    }, style: {
+                        width: '100%',
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 12,
+                        padding: '14px 14px',
+                        marginBottom: 6,
+                        border: 'none',
+                        borderRadius: 12,
+                        background: '#f8fafc',
+                        cursor: 'pointer',
+                        textAlign: 'left',
+                        fontSize: 15,
+                        fontWeight: 600,
+                        color: '#1e293b',
+                        transition: 'background 0.15s',
+                    }, onMouseEnter: e => {
+                        e.currentTarget.style.background = `${primaryColor}12`;
+                    }, onMouseLeave: e => {
+                        e.currentTarget.style.background = '#f8fafc';
+                    } },
+                    react_1.default.createElement("span", { style: { fontSize: 20 } }, it.icon),
+                    it.title));
+            })),
+            onBackHome && (react_1.default.createElement("div", { style: { padding: '0 12px', borderTop: '1px solid #eef0f5', paddingTop: 12 } },
+                react_1.default.createElement("button", { type: "button", onClick: () => {
+                        onBackHome();
+                        onClose();
+                    }, style: {
+                        width: '100%',
+                        padding: '12px 14px',
+                        border: '1.5px solid #e2e8f0',
+                        borderRadius: 12,
+                        background: '#fff',
+                        fontSize: 14,
+                        fontWeight: 600,
+                        color: '#475569',
+                        cursor: 'pointer',
+                    } }, "\u2190 Back to home"))))));
 };
+exports.SlideNavMenu = SlideNavMenu;
+//# sourceMappingURL=SlideNavMenu.js.map

package/dist/components/SlideNavMenu.js.map

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

package/dist/components/Tabs/BottomTabs.d.ts

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

package/dist/components/Tabs/BottomTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomTabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/BottomTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,UAAU,eAAe;IACvB,MAAM,EAAQ,SAAS,CAAC;IACxB,QAAQ,EAAM,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqChD,CAAC"}

package/dist/components/Tabs/BottomTabs.js

@@ -1,27 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const BottomTabs = ({ active, onChange, primaryColor }) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomTabs = void 0;
+const react_1 = __importDefault(require("react"));
+const BottomTabs = ({ active, onChange, primaryColor }) => {
     const tabs = [
         { key: 'home', label: 'Home', Icon: HomeIcon },
         { key: 'chats', label: 'Chats', Icon: ChatsIcon },
         { key: 'tickets', label: 'Tickets', Icon: TicketsIcon },
     ];
-    return (_jsx("div", { style: {
+    return (react_1.default.createElement("div", { style: {
             display: 'flex', borderTop: '1px solid #eef0f5',
             backgroundColor: '#fff', flexShrink: 0,
-        }, children: tabs.map(tab => {
-            const isActive = active === tab.key;
-            return (_jsxs("button", { type: "button", onClick: () => onChange(tab.key), style: {
-                    flex: 1, padding: '10px 0 8px',
-                    display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 3,
-                    background: 'transparent', border: 'none', cursor: 'pointer',
-                    fontSize: '10px', fontWeight: isActive ? 700 : 500,
-                    color: isActive ? primaryColor : '#9aa3af',
-                    borderTop: isActive ? `2px solid ${primaryColor}` : '2px solid transparent',
-                    transition: 'color 0.15s',
-                    fontFamily: 'inherit',
-                }, children: [_jsx(tab.Icon, { a: isActive, c: isActive ? primaryColor : '#b0bec5' }), tab.label] }, tab.key));
-        }) }));
+        } }, tabs.map(tab => {
+        const isActive = active === tab.key;
+        return (react_1.default.createElement("button", { key: tab.key, type: "button", onClick: () => onChange(tab.key), style: {
+                flex: 1, padding: '10px 0 8px',
+                display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 3,
+                background: 'transparent', border: 'none', cursor: 'pointer',
+                fontSize: '10px', fontWeight: isActive ? 700 : 500,
+                color: isActive ? primaryColor : '#9aa3af',
+                borderTop: isActive ? `2px solid ${primaryColor}` : '2px solid transparent',
+                transition: 'color 0.15s',
+                fontFamily: 'inherit',
+            } },
+            react_1.default.createElement(tab.Icon, { a: isActive, c: isActive ? primaryColor : '#b0bec5' }),
+            tab.label));
+    })));
 };
-const HomeIcon = ({ a, c }) => (_jsxs("svg", { width: "20", height: "20", 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: c, strokeWidth: a ? 2.2 : 1.8, fill: a ? `${c}20` : 'none', strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M9 21V12h6v9", stroke: c, strokeWidth: a ? 2.2 : 1.8, strokeLinecap: "round", strokeLinejoin: "round" })] }));
-const ChatsIcon = ({ a, c }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z", stroke: c, strokeWidth: a ? 2.2 : 1.8, fill: a ? `${c}20` : 'none', strokeLinecap: "round", strokeLinejoin: "round" }) }));
-const TicketsIcon = ({ a, c }) => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [_jsx("path", { d: "M15 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V9l-4-4z", stroke: c, strokeWidth: a ? 2.2 : 1.8, fill: a ? `${c}20` : 'none', strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M15 5v4h4M9 13h6M9 17h4", stroke: c, strokeWidth: a ? 2.2 : 1.8, strokeLinecap: "round" })] }));
+exports.BottomTabs = BottomTabs;
+const HomeIcon = ({ a, c }) => (react_1.default.createElement("svg", { width: "20", height: "20", 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: c, strokeWidth: a ? 2.2 : 1.8, fill: a ? `${c}20` : 'none', strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M9 21V12h6v9", stroke: c, strokeWidth: a ? 2.2 : 1.8, strokeLinecap: "round", strokeLinejoin: "round" })));
+const ChatsIcon = ({ a, c }) => (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" },
+    react_1.default.createElement("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z", stroke: c, strokeWidth: a ? 2.2 : 1.8, fill: a ? `${c}20` : 'none', strokeLinecap: "round", strokeLinejoin: "round" })));
+const TicketsIcon = ({ a, c }) => (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" },
+    react_1.default.createElement("path", { d: "M15 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V9l-4-4z", stroke: c, strokeWidth: a ? 2.2 : 1.8, fill: a ? `${c}20` : 'none', strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M15 5v4h4M9 13h6M9 17h4", stroke: c, strokeWidth: a ? 2.2 : 1.8, strokeLinecap: "round" })));
+//# sourceMappingURL=BottomTabs.js.map

package/dist/components/Tabs/BottomTabs.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TicketDetailScreen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAeD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwFhE,CAAC"}

package/dist/components/TicketDetailScreen/index.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TicketDetailScreen = void 0;
+const react_1 = __importDefault(require("react"));
 const sm = {
     open: { label: 'Open', bg: '', color: '' },
     'in-progress': { label: 'In Progress', bg: '#fef3c7', color: '#d97706' },
@@ -10,37 +16,70 @@ const pm = {
     medium: { label: 'Medium', color: '#d97706' },
     high: { label: 'High', color: '#ef4444' },
 };
-export const TicketDetailScreen = ({ ticket, config, onBack }) => {
+const TicketDetailScreen = ({ ticket, config, onBack }) => {
     const st = sm[ticket.status];
     const pr = pm[ticket.priority];
     const stBg = ticket.status === 'open' ? `${config.primaryColor}14` : st.bg;
     const stColor = ticket.status === 'open' ? config.primaryColor : st.color;
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', animation: 'cw-slideIn 0.22s ease' }, children: [_jsxs("div", { style: {
-                    background: `linear-gradient(135deg,${config.primaryColor},${config.primaryColor}cc)`,
-                    padding: '14px 18px',
+    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', animation: 'cw-slideIn 0.22s ease' } },
+        react_1.default.createElement("div", { style: {
+                background: `linear-gradient(135deg,${config.primaryColor},${config.primaryColor}cc)`,
+                padding: '14px 18px',
+                display: 'flex',
+                alignItems: 'center',
+                gap: 12,
+                flexShrink: 0,
+            } },
+            react_1.default.createElement("button", { type: "button", onClick: onBack, style: {
+                    background: 'rgba(255,255,255,0.22)',
+                    border: 'none',
+                    borderRadius: '50%',
+                    width: 36,
+                    height: 36,
                     display: 'flex',
                     alignItems: 'center',
-                    gap: 12,
+                    justifyContent: 'center',
+                    cursor: 'pointer',
                     flexShrink: 0,
-                }, children: [_jsx("button", { type: "button", onClick: onBack, style: {
-                            background: 'rgba(255,255,255,0.22)',
-                            border: 'none',
-                            borderRadius: '50%',
-                            width: 36,
-                            height: 36,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            cursor: 'pointer',
-                            flexShrink: 0,
-                        }, children: _jsx("svg", { width: "18", height: "18", 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" }) }) }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: { fontWeight: 800, fontSize: 16, color: '#fff', lineHeight: 1.25 }, children: ticket.title }), _jsxs("div", { style: { fontSize: 12, color: 'rgba(255,255,255,0.85)', marginTop: 2 }, children: ["#", ticket.id] })] })] }), _jsxs("div", { className: "cw-scroll", style: { flex: 1, overflowY: 'auto', padding: '20px 18px' }, children: [_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', gap: 8, marginBottom: 16 }, children: [_jsx("span", { style: {
-                                    fontSize: 11,
-                                    fontWeight: 700,
-                                    padding: '5px 12px',
-                                    borderRadius: 20,
-                                    backgroundColor: stBg,
-                                    color: stColor,
-                                    textTransform: 'uppercase',
-                                    letterSpacing: '0.04em',
-                                }, children: st.label }), _jsxs("span", { style: { fontSize: 11, fontWeight: 700, padding: '5px 12px', borderRadius: 20, color: pr.color, background: `${pr.color}15` }, children: ["\u25CF ", pr.label, " priority"] })] }), _jsx("h3", { style: { margin: '0 0 8px', fontSize: 13, fontWeight: 700, color: '#64748b', textTransform: 'uppercase', letterSpacing: '0.06em' }, children: "Description" }), _jsx("p", { style: { margin: '0 0 24px', fontSize: 15, color: '#1e293b', lineHeight: 1.65, whiteSpace: 'pre-wrap' }, children: ticket.description || '—' }), _jsxs("div", { style: { fontSize: 13, color: '#94a3b8', display: 'grid', gap: 8 }, children: [_jsxs("div", { children: [_jsx("strong", { style: { color: '#64748b' }, children: "Created" }), " \u00B7 ", new Date(ticket.createdAt).toLocaleString()] }), _jsxs("div", { children: [_jsx("strong", { style: { color: '#64748b' }, children: "Updated" }), " \u00B7 ", new Date(ticket.updatedAt).toLocaleString()] }), ticket.assignedTo && (_jsxs("div", { children: [_jsx("strong", { style: { color: '#64748b' }, children: "Assigned" }), " \u00B7 ", ticket.assignedTo] }))] })] })] }));
+                } },
+                react_1.default.createElement("svg", { width: "18", height: "18", 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" }))),
+            react_1.default.createElement("div", { style: { flex: 1, minWidth: 0 } },
+                react_1.default.createElement("div", { style: { fontWeight: 800, fontSize: 16, color: '#fff', lineHeight: 1.25 } }, ticket.title),
+                react_1.default.createElement("div", { style: { fontSize: 12, color: 'rgba(255,255,255,0.85)', marginTop: 2 } },
+                    "#",
+                    ticket.id))),
+        react_1.default.createElement("div", { className: "cw-scroll", style: { flex: 1, overflowY: 'auto', padding: '20px 18px' } },
+            react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap', gap: 8, marginBottom: 16 } },
+                react_1.default.createElement("span", { style: {
+                        fontSize: 11,
+                        fontWeight: 700,
+                        padding: '5px 12px',
+                        borderRadius: 20,
+                        backgroundColor: stBg,
+                        color: stColor,
+                        textTransform: 'uppercase',
+                        letterSpacing: '0.04em',
+                    } }, st.label),
+                react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, padding: '5px 12px', borderRadius: 20, color: pr.color, background: `${pr.color}15` } },
+                    "\u25CF ",
+                    pr.label,
+                    " priority")),
+            react_1.default.createElement("h3", { style: { margin: '0 0 8px', fontSize: 13, fontWeight: 700, color: '#64748b', textTransform: 'uppercase', letterSpacing: '0.06em' } }, "Description"),
+            react_1.default.createElement("p", { style: { margin: '0 0 24px', fontSize: 15, color: '#1e293b', lineHeight: 1.65, whiteSpace: 'pre-wrap' } }, ticket.description || '—'),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: '#94a3b8', display: 'grid', gap: 8 } },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("strong", { style: { color: '#64748b' } }, "Created"),
+                    " \u00B7 ",
+                    new Date(ticket.createdAt).toLocaleString()),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("strong", { style: { color: '#64748b' } }, "Updated"),
+                    " \u00B7 ",
+                    new Date(ticket.updatedAt).toLocaleString()),
+                ticket.assignedTo && (react_1.default.createElement("div", null,
+                    react_1.default.createElement("strong", { style: { color: '#64748b' } }, "Assigned"),
+                    " \u00B7 ",
+                    ticket.assignedTo))))));
 };
+exports.TicketDetailScreen = TicketDetailScreen;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TicketFormScreen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC9E,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAiBD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8H5D,CAAC"}

package/dist/components/TicketFormScreen/index.js

@@ -1,5 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } 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.TicketFormScreen = void 0;
+const react_1 = __importStar(require("react"));
 function inputStyle(primaryColor) {
     return {
         width: '100%',
@@ -14,10 +49,10 @@ function inputStyle(primaryColor) {
         transition: 'border-color 0.2s',
     };
 }
-export const TicketFormScreen = ({ config, onSubmit, onCancel }) => {
-    const [title, setTitle] = useState('');
-    const [desc, setDesc] = useState('');
-    const [priority, setPriority] = useState('medium');
+const TicketFormScreen = ({ config, onSubmit, onCancel }) => {
+    const [title, setTitle] = (0, react_1.useState)('');
+    const [desc, setDesc] = (0, react_1.useState)('');
+    const [priority, setPriority] = (0, react_1.useState)('medium');
     const pm = {
         low: { label: 'Low', color: '#6b7280' },
         medium: { label: 'Medium', color: '#d97706' },
@@ -28,49 +63,64 @@ export const TicketFormScreen = ({ config, onSubmit, onCancel }) => {
             return;
         onSubmit(title.trim(), desc.trim(), priority);
     };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', background: '#fff', minHeight: 0 }, children: [_jsxs("div", { style: {
-                    background: `linear-gradient(135deg,${config.primaryColor},${config.primaryColor}cc)`,
-                    padding: '14px 18px',
+    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', background: '#fff', minHeight: 0 } },
+        react_1.default.createElement("div", { style: {
+                background: `linear-gradient(135deg,${config.primaryColor},${config.primaryColor}cc)`,
+                padding: '14px 18px',
+                display: 'flex',
+                alignItems: 'center',
+                gap: 12,
+                flexShrink: 0,
+            } },
+            react_1.default.createElement("button", { type: "button", onClick: onCancel, style: {
+                    background: 'rgba(255,255,255,0.22)',
+                    border: 'none',
+                    borderRadius: '50%',
+                    width: 36,
+                    height: 36,
                     display: 'flex',
                     alignItems: 'center',
-                    gap: 12,
-                    flexShrink: 0,
-                }, children: [_jsx("button", { type: "button", onClick: onCancel, style: {
-                            background: 'rgba(255,255,255,0.22)',
-                            border: 'none',
-                            borderRadius: '50%',
-                            width: 36,
-                            height: 36,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            cursor: 'pointer',
-                        }, children: _jsx("svg", { width: "18", height: "18", 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" }) }) }), _jsxs("div", { children: [_jsx("h2", { style: { margin: 0, fontSize: 18, fontWeight: 800, color: '#fff' }, children: "Raise a ticket" }), _jsx("p", { style: { margin: '4px 0 0', fontSize: 12, color: 'rgba(255,255,255,0.85)' }, children: "Please fill out the ticket form below and we will get back to you as soon as possible." })] })] }), _jsxs("div", { className: "cw-scroll", style: { flex: 1, overflowY: 'auto', padding: '20px 18px', minHeight: 0 }, children: [_jsx("input", { placeholder: "Title *", value: title, onChange: e => setTitle(e.target.value), style: inputStyle(config.primaryColor), onFocus: e => (e.target.style.borderColor = config.primaryColor), onBlur: e => (e.target.style.borderColor = '#e5e7eb') }), _jsx("textarea", { placeholder: "Describe the issue\u2026", value: desc, onChange: e => setDesc(e.target.value), rows: 5, style: Object.assign(Object.assign({}, inputStyle(config.primaryColor)), { resize: 'none', marginTop: 12 }), onFocus: e => (e.target.style.borderColor = config.primaryColor), onBlur: e => (e.target.style.borderColor = '#e5e7eb') }), _jsx("div", { style: { display: 'flex', gap: 8, marginTop: 12, paddingBottom: 8 }, children: ['low', 'medium', 'high'].map(p => (_jsx("button", { type: "button", onClick: () => setPriority(p), style: {
-                                flex: 1,
-                                padding: '8px',
-                                border: `1.5px solid ${priority === p ? pm[p].color : '#e5e7eb'}`,
-                                borderRadius: 8,
-                                background: priority === p ? `${pm[p].color}15` : '#fff',
-                                color: pm[p].color,
-                                fontWeight: 700,
-                                fontSize: 12,
-                                cursor: 'pointer',
-                                textTransform: 'capitalize',
-                            }, children: pm[p].label }, p))) })] }), _jsx("div", { style: {
-                    flexShrink: 0,
-                    padding: '12px 18px 18px',
-                    borderTop: '1px solid #eef0f5',
-                    background: '#fff',
-                    boxShadow: '0 -4px 20px rgba(15,23,42,0.06)',
-                }, children: _jsx("button", { type: "button", onClick: handleSubmit, disabled: !title.trim(), style: {
-                        width: '100%',
-                        padding: '14px',
-                        borderRadius: 10,
-                        border: 'none',
-                        background: title.trim() ? config.primaryColor : '#e5e7eb',
-                        color: title.trim() ? '#fff' : '#9ca3af',
-                        fontWeight: 700,
-                        fontSize: 15,
-                        cursor: title.trim() ? 'pointer' : 'not-allowed',
-                    }, children: "Submit ticket" }) })] }));
+                    justifyContent: 'center',
+                    cursor: 'pointer',
+                } },
+                react_1.default.createElement("svg", { width: "18", height: "18", 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" }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h2", { style: { margin: 0, fontSize: 18, fontWeight: 800, color: '#fff' } }, "Raise a ticket"),
+                react_1.default.createElement("p", { style: { margin: '4px 0 0', fontSize: 12, color: 'rgba(255,255,255,0.85)' } }, "Please fill out the ticket form below and we will get back to you as soon as possible."))),
+        react_1.default.createElement("div", { className: "cw-scroll", style: { flex: 1, overflowY: 'auto', padding: '20px 18px', minHeight: 0 } },
+            react_1.default.createElement("input", { placeholder: "Title *", value: title, onChange: e => setTitle(e.target.value), style: inputStyle(config.primaryColor), onFocus: e => (e.target.style.borderColor = config.primaryColor), onBlur: e => (e.target.style.borderColor = '#e5e7eb') }),
+            react_1.default.createElement("textarea", { placeholder: "Describe the issue\u2026", value: desc, onChange: e => setDesc(e.target.value), rows: 5, style: Object.assign(Object.assign({}, inputStyle(config.primaryColor)), { resize: 'none', marginTop: 12 }), onFocus: e => (e.target.style.borderColor = config.primaryColor), onBlur: e => (e.target.style.borderColor = '#e5e7eb') }),
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 8, marginTop: 12, paddingBottom: 8 } }, ['low', 'medium', 'high'].map(p => (react_1.default.createElement("button", { key: p, type: "button", onClick: () => setPriority(p), style: {
+                    flex: 1,
+                    padding: '8px',
+                    border: `1.5px solid ${priority === p ? pm[p].color : '#e5e7eb'}`,
+                    borderRadius: 8,
+                    background: priority === p ? `${pm[p].color}15` : '#fff',
+                    color: pm[p].color,
+                    fontWeight: 700,
+                    fontSize: 12,
+                    cursor: 'pointer',
+                    textTransform: 'capitalize',
+                } }, pm[p].label))))),
+        react_1.default.createElement("div", { style: {
+                flexShrink: 0,
+                padding: '12px 18px 18px',
+                borderTop: '1px solid #eef0f5',
+                background: '#fff',
+                boxShadow: '0 -4px 20px rgba(15,23,42,0.06)',
+            } },
+            react_1.default.createElement("button", { type: "button", onClick: handleSubmit, disabled: !title.trim(), style: {
+                    width: '100%',
+                    padding: '14px',
+                    borderRadius: 10,
+                    border: 'none',
+                    background: title.trim() ? config.primaryColor : '#e5e7eb',
+                    color: title.trim() ? '#fff' : '#9ca3af',
+                    fontWeight: 700,
+                    fontSize: 15,
+                    cursor: title.trim() ? 'pointer' : 'not-allowed',
+                } }, "Submit ticket"))));
 };
+exports.TicketFormScreen = TicketFormScreen;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TicketScreen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,iBAAiB;IACzB,OAAO,EAAQ,MAAM,EAAE,CAAC;IACxB,MAAM,EAAS,YAAY,CAAC;IAC5B,WAAW,EAAI,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAYD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkHpD,CAAC"}