ajaxter-chat 3.0.17 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BlockList/index.d.ts +1 -0
- package/dist/components/BlockList/index.d.ts.map +1 -0
- package/dist/components/BlockList/index.js +55 -28
- package/dist/components/BlockList/index.js.map +1 -0
- package/dist/components/CallScreen/index.d.ts +1 -0
- package/dist/components/CallScreen/index.d.ts.map +1 -0
- package/dist/components/CallScreen/index.js +107 -39
- package/dist/components/CallScreen/index.js.map +1 -0
- package/dist/components/ChatScreen/index.d.ts +1 -0
- package/dist/components/ChatScreen/index.d.ts.map +1 -0
- package/dist/components/ChatScreen/index.js +493 -294
- package/dist/components/ChatScreen/index.js.map +1 -0
- package/dist/components/ChatWidget.d.ts +1 -0
- package/dist/components/ChatWidget.d.ts.map +1 -0
- package/dist/components/ChatWidget.js +350 -255
- package/dist/components/ChatWidget.js.map +1 -0
- package/dist/components/EmojiPicker/index.d.ts +1 -0
- package/dist/components/EmojiPicker/index.d.ts.map +1 -0
- package/dist/components/EmojiPicker/index.js +19 -7
- package/dist/components/EmojiPicker/index.js.map +1 -0
- package/dist/components/ErrorBoundary/index.d.ts +20 -0
- package/dist/components/ErrorBoundary/index.d.ts.map +1 -0
- package/dist/components/ErrorBoundary/index.js +76 -0
- package/dist/components/ErrorBoundary/index.js.map +1 -0
- package/dist/components/HomeScreen/index.d.ts +1 -0
- package/dist/components/HomeScreen/index.d.ts.map +1 -0
- package/dist/components/HomeScreen/index.js +236 -158
- package/dist/components/HomeScreen/index.js.map +1 -0
- package/dist/components/MaintenanceView/index.d.ts +1 -0
- package/dist/components/MaintenanceView/index.d.ts.map +1 -0
- package/dist/components/MaintenanceView/index.js +28 -12
- package/dist/components/MaintenanceView/index.js.map +1 -0
- package/dist/components/MiniCallBar/index.d.ts +1 -0
- package/dist/components/MiniCallBar/index.d.ts.map +1 -0
- package/dist/components/MiniCallBar/index.js +85 -37
- package/dist/components/MiniCallBar/index.js.map +1 -0
- package/dist/components/PermissionsGateScreen/index.d.ts +1 -0
- package/dist/components/PermissionsGateScreen/index.d.ts.map +1 -0
- package/dist/components/PermissionsGateScreen/index.js +82 -28
- package/dist/components/PermissionsGateScreen/index.js.map +1 -0
- package/dist/components/RecentChatsScreen/index.d.ts +1 -0
- package/dist/components/RecentChatsScreen/index.d.ts.map +1 -0
- package/dist/components/RecentChatsScreen/index.js +79 -19
- package/dist/components/RecentChatsScreen/index.js.map +1 -0
- package/dist/components/SlideNavMenu.d.ts +1 -0
- package/dist/components/SlideNavMenu.d.ts.map +1 -0
- package/dist/components/SlideNavMenu.js +82 -63
- package/dist/components/SlideNavMenu.js.map +1 -0
- package/dist/components/Tabs/BottomTabs.d.ts +1 -0
- package/dist/components/Tabs/BottomTabs.d.ts.map +1 -0
- package/dist/components/Tabs/BottomTabs.js +34 -19
- package/dist/components/Tabs/BottomTabs.js.map +1 -0
- package/dist/components/TicketDetailScreen/index.d.ts +1 -0
- package/dist/components/TicketDetailScreen/index.d.ts.map +1 -0
- package/dist/components/TicketDetailScreen/index.js +66 -27
- package/dist/components/TicketDetailScreen/index.js.map +1 -0
- package/dist/components/TicketFormScreen/index.d.ts +1 -0
- package/dist/components/TicketFormScreen/index.d.ts.map +1 -0
- package/dist/components/TicketFormScreen/index.js +99 -49
- package/dist/components/TicketFormScreen/index.js.map +1 -0
- package/dist/components/TicketScreen/index.d.ts +1 -0
- package/dist/components/TicketScreen/index.d.ts.map +1 -0
- package/dist/components/TicketScreen/index.js +95 -26
- package/dist/components/TicketScreen/index.js.map +1 -0
- package/dist/components/UserListScreen/index.d.ts +1 -0
- package/dist/components/UserListScreen/index.d.ts.map +1 -0
- package/dist/components/UserListScreen/index.js +127 -53
- package/dist/components/UserListScreen/index.js.map +1 -0
- package/dist/components/ViewerBlockedScreen/index.d.ts +1 -0
- package/dist/components/ViewerBlockedScreen/index.d.ts.map +1 -0
- package/dist/components/ViewerBlockedScreen/index.js +113 -61
- package/dist/components/ViewerBlockedScreen/index.js.map +1 -0
- package/dist/config/index.d.ts +1 -0
- package/dist/config/index.d.ts.map +1 -0
- package/dist/config/index.js +7 -2
- package/dist/config/index.js.map +1 -0
- package/dist/hooks/useChat.d.ts +9 -1
- package/dist/hooks/useChat.d.ts.map +1 -0
- package/dist/hooks/useChat.js +60 -18
- package/dist/hooks/useChat.js.map +1 -0
- package/dist/hooks/useRemoteConfig.d.ts +1 -0
- package/dist/hooks/useRemoteConfig.d.ts.map +1 -0
- package/dist/hooks/useRemoteConfig.js +12 -8
- package/dist/hooks/useRemoteConfig.js.map +1 -0
- package/dist/hooks/useSocket.d.ts +40 -0
- package/dist/hooks/useSocket.d.ts.map +1 -0
- package/dist/hooks/useSocket.js +190 -0
- package/dist/hooks/useSocket.js.map +1 -0
- package/dist/hooks/useWebRTC.d.ts +10 -2
- package/dist/hooks/useWebRTC.d.ts.map +1 -0
- package/dist/hooks/useWebRTC.js +101 -69
- package/dist/hooks/useWebRTC.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +67 -21
- package/dist/index.js.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +3 -1
- package/dist/types/index.js.map +1 -0
- package/dist/utils/chat.d.ts +1 -0
- package/dist/utils/chat.d.ts.map +1 -0
- package/dist/utils/chat.js +17 -7
- package/dist/utils/chat.js.map +1 -0
- package/dist/utils/fileName.d.ts +1 -0
- package/dist/utils/fileName.d.ts.map +1 -0
- package/dist/utils/fileName.js +5 -1
- package/dist/utils/fileName.js.map +1 -0
- package/dist/utils/messageSound.d.ts +1 -0
- package/dist/utils/messageSound.d.ts.map +1 -0
- package/dist/utils/messageSound.js +9 -3
- package/dist/utils/messageSound.js.map +1 -0
- package/dist/utils/presenceStatus.d.ts +1 -0
- package/dist/utils/presenceStatus.d.ts.map +1 -0
- package/dist/utils/presenceStatus.js +11 -4
- package/dist/utils/presenceStatus.js.map +1 -0
- package/dist/utils/privacyConsent.d.ts +1 -0
- package/dist/utils/privacyConsent.d.ts.map +1 -0
- package/dist/utils/privacyConsent.js +9 -3
- package/dist/utils/privacyConsent.js.map +1 -0
- package/dist/utils/reenableRequest.d.ts +1 -0
- package/dist/utils/reenableRequest.d.ts.map +1 -0
- package/dist/utils/reenableRequest.js +5 -1
- package/dist/utils/reenableRequest.js.map +1 -0
- package/dist/utils/theme.d.ts +1 -0
- package/dist/utils/theme.d.ts.map +1 -0
- package/dist/utils/theme.js +10 -4
- package/dist/utils/theme.js.map +1 -0
- package/dist/utils/widgetPermissions.d.ts +1 -0
- package/dist/utils/widgetPermissions.d.ts.map +1 -0
- package/dist/utils/widgetPermissions.js +13 -5
- package/dist/utils/widgetPermissions.js.map +1 -0
- package/dist/utils/widgetSession.d.ts +1 -0
- package/dist/utils/widgetSession.d.ts.map +1 -0
- package/dist/utils/widgetSession.js +9 -3
- package/dist/utils/widgetSession.js.map +1 -0
- package/package.json +3 -3
- package/src/components/ChatWidget.tsx +291 -269
- package/src/components/ErrorBoundary/index.tsx +62 -0
- package/src/hooks/useChat.ts +59 -12
- package/src/hooks/useSocket.ts +228 -0
- package/src/hooks/useWebRTC.ts +99 -64
- package/src/index.ts +7 -2
|
@@ -1,28 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.HomeScreen = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const SlideNavMenu_1 = require("../SlideNavMenu");
|
|
39
|
+
const chat_1 = require("../../utils/chat");
|
|
40
|
+
const presenceStatus_1 = require("../../utils/presenceStatus");
|
|
6
41
|
const STATUS_OPTIONS = [
|
|
7
42
|
{ value: 'ACTIVE', label: 'Active' },
|
|
8
43
|
{ value: 'AWAY', label: 'Away' },
|
|
9
44
|
{ value: 'DND', label: 'DND' },
|
|
10
45
|
];
|
|
11
|
-
|
|
46
|
+
const HomeScreen = ({ config, apiKey, onNavigate, onOpenTicket, tickets }) => {
|
|
12
47
|
var _a, _b, _c, _d;
|
|
13
|
-
const [menuOpen, setMenuOpen] = useState(false);
|
|
14
|
-
const [presence, setPresence] = useState(() => resolveInitialPresence(config.id, config.presenceStatus));
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
setPresence(resolveInitialPresence(config.id, config.presenceStatus));
|
|
48
|
+
const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
|
|
49
|
+
const [presence, setPresence] = (0, react_1.useState)(() => (0, presenceStatus_1.resolveInitialPresence)(config.id, config.presenceStatus));
|
|
50
|
+
(0, react_1.useEffect)(() => {
|
|
51
|
+
setPresence((0, presenceStatus_1.resolveInitialPresence)(config.id, config.presenceStatus));
|
|
17
52
|
}, [config.id, config.presenceStatus]);
|
|
18
53
|
const setPresenceAndSave = (s) => {
|
|
19
54
|
var _a, _b;
|
|
20
55
|
setPresence(s);
|
|
21
|
-
savePresenceStatus(config.id, s);
|
|
56
|
+
(0, presenceStatus_1.savePresenceStatus)(config.id, s);
|
|
22
57
|
const url = (_a = config.presenceUpdateUrl) === null || _a === void 0 ? void 0 : _a.trim();
|
|
23
58
|
if (!url)
|
|
24
59
|
return;
|
|
25
|
-
void syncPresenceToServer(url, {
|
|
60
|
+
void (0, presenceStatus_1.syncPresenceToServer)(url, {
|
|
26
61
|
widgetId: config.id,
|
|
27
62
|
apiKey,
|
|
28
63
|
viewerUid: ((_b = config.viewerUid) === null || _b === void 0 ? void 0 : _b.trim()) || undefined,
|
|
@@ -34,7 +69,7 @@ export const HomeScreen = ({ config, apiKey, onNavigate, onOpenTicket, tickets }
|
|
|
34
69
|
const showSupport = config.chatType === 'SUPPORT' || config.chatType === 'BOTH';
|
|
35
70
|
const showChat = config.chatType === 'CHAT' || config.chatType === 'BOTH';
|
|
36
71
|
const viewerIsDev = config.viewerType === 'developer';
|
|
37
|
-
const pendingTickets = useMemo(() => tickets
|
|
72
|
+
const pendingTickets = (0, react_1.useMemo)(() => tickets
|
|
38
73
|
.filter(t => t.status === 'open' || t.status === 'in-progress')
|
|
39
74
|
.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime())
|
|
40
75
|
.slice(0, 5), [tickets]);
|
|
@@ -49,163 +84,206 @@ export const HomeScreen = ({ config, apiKey, onNavigate, onOpenTicket, tickets }
|
|
|
49
84
|
return;
|
|
50
85
|
window.location.href = `tel:${raw.replace(/\s/g, '')}`;
|
|
51
86
|
};
|
|
52
|
-
return (
|
|
53
|
-
|
|
54
|
-
|
|
87
|
+
return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', position: 'relative', overflow: 'hidden', background: '#fafbfc' } },
|
|
88
|
+
react_1.default.createElement(SlideNavMenu_1.SlideNavMenu, { open: menuOpen, onClose: () => setMenuOpen(false), primaryColor: config.primaryColor, chatType: config.chatType, viewerType: (_d = config.viewerType) !== null && _d !== void 0 ? _d : 'user', onSelect: ctx => {
|
|
89
|
+
onNavigate(ctx, { fromMenu: true });
|
|
90
|
+
} }),
|
|
91
|
+
react_1.default.createElement("div", { style: {
|
|
92
|
+
flexShrink: 0,
|
|
93
|
+
padding: '12px 14px 12px',
|
|
94
|
+
display: 'flex',
|
|
95
|
+
alignItems: 'center',
|
|
96
|
+
gap: 10,
|
|
97
|
+
background: '#fff',
|
|
98
|
+
borderBottom: '1px solid #eef0f5',
|
|
99
|
+
} },
|
|
100
|
+
react_1.default.createElement("button", { type: "button", "aria-label": "Open menu", onClick: () => setMenuOpen(true), style: {
|
|
101
|
+
width: 40,
|
|
102
|
+
height: 40,
|
|
103
|
+
borderRadius: 10,
|
|
104
|
+
border: 'none',
|
|
105
|
+
background: '#f1f5f9',
|
|
106
|
+
cursor: 'pointer',
|
|
107
|
+
display: 'flex',
|
|
108
|
+
flexDirection: 'column',
|
|
109
|
+
alignItems: 'center',
|
|
110
|
+
justifyContent: 'center',
|
|
111
|
+
gap: 5,
|
|
55
112
|
flexShrink: 0,
|
|
56
|
-
|
|
113
|
+
} },
|
|
114
|
+
react_1.default.createElement("span", { style: { width: 18, height: 2, background: '#334155', borderRadius: 1 } }),
|
|
115
|
+
react_1.default.createElement("span", { style: { width: 18, height: 2, background: '#334155', borderRadius: 1 } }),
|
|
116
|
+
react_1.default.createElement("span", { style: { width: 18, height: 2, background: '#334155', borderRadius: 1 } })),
|
|
117
|
+
react_1.default.createElement("div", { style: { flex: 1, minWidth: 0 } }),
|
|
118
|
+
react_1.default.createElement("div", { style: {
|
|
57
119
|
display: 'flex',
|
|
58
120
|
alignItems: 'center',
|
|
59
|
-
gap:
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
121
|
+
gap: 6,
|
|
122
|
+
flexShrink: 0,
|
|
123
|
+
flexWrap: 'wrap',
|
|
124
|
+
justifyContent: 'flex-end',
|
|
125
|
+
} },
|
|
126
|
+
react_1.default.createElement("div", { role: "group", "aria-label": "Your status", style: {
|
|
127
|
+
display: 'flex',
|
|
128
|
+
borderRadius: 10,
|
|
129
|
+
padding: 3,
|
|
130
|
+
background: '#f1f5f9',
|
|
131
|
+
gap: 2,
|
|
132
|
+
} }, STATUS_OPTIONS.map(({ value, label }) => {
|
|
133
|
+
const isOn = presence === value;
|
|
134
|
+
return (react_1.default.createElement("button", { key: value, type: "button", onClick: () => setPresenceAndSave(value), style: {
|
|
66
135
|
border: 'none',
|
|
67
|
-
|
|
136
|
+
borderRadius: 8,
|
|
137
|
+
padding: '7px 10px',
|
|
138
|
+
fontSize: 11,
|
|
139
|
+
fontWeight: 700,
|
|
140
|
+
letterSpacing: '0.04em',
|
|
68
141
|
cursor: 'pointer',
|
|
69
|
-
|
|
70
|
-
|
|
142
|
+
fontFamily: 'inherit',
|
|
143
|
+
textTransform: 'uppercase',
|
|
144
|
+
background: isOn ? config.primaryColor : 'transparent',
|
|
145
|
+
color: isOn ? '#fff' : '#64748b',
|
|
146
|
+
boxShadow: isOn ? `0 2px 8px ${config.primaryColor}55` : 'none',
|
|
147
|
+
transition: 'background 0.15s, color 0.15s',
|
|
148
|
+
} }, label));
|
|
149
|
+
})))),
|
|
150
|
+
react_1.default.createElement("div", { className: "cw-scroll", style: { flex: 1, overflowY: 'auto', padding: '20px 18px 28px' } },
|
|
151
|
+
react_1.default.createElement("h1", { style: {
|
|
152
|
+
margin: '0 0 8px',
|
|
153
|
+
fontSize: 24,
|
|
154
|
+
fontWeight: 800,
|
|
155
|
+
color: '#0f172a',
|
|
156
|
+
letterSpacing: '-0.03em',
|
|
157
|
+
lineHeight: 1.2,
|
|
158
|
+
} }, config.welcomeTitle),
|
|
159
|
+
react_1.default.createElement("p", { style: { margin: '0 0 28px', fontSize: 14, color: '#64748b', lineHeight: 1.55 } }, config.welcomeSubtitle),
|
|
160
|
+
react_1.default.createElement("h2", { style: { margin: '0 0 12px', fontSize: 15, fontWeight: 800, color: '#0f172a' } }, "Continue with tickets"),
|
|
161
|
+
react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, marginBottom: 28 } }, pendingTickets.length > 0 ? (pendingTickets.map(t => (react_1.default.createElement("button", { key: t.id, type: "button", onClick: () => onOpenTicket(t.id), style: {
|
|
162
|
+
width: '100%',
|
|
163
|
+
textAlign: 'left',
|
|
164
|
+
padding: '14px 16px',
|
|
165
|
+
borderRadius: 14,
|
|
166
|
+
border: 'none',
|
|
167
|
+
background: '#e0f2fe',
|
|
168
|
+
color: '#0369a1',
|
|
169
|
+
cursor: 'pointer',
|
|
170
|
+
boxShadow: '0 1px 3px rgba(0,0,0,0.06)',
|
|
171
|
+
} },
|
|
172
|
+
react_1.default.createElement("div", { style: { fontSize: 14, fontWeight: 700, color: '#0c4a6e', marginBottom: 6 } }, t.title),
|
|
173
|
+
react_1.default.createElement("div", { style: { fontSize: 12, fontWeight: 500, color: '#64748b', lineHeight: 1.45 } }, (0, chat_1.truncateWords)(t.description, 50)))))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
174
|
+
react_1.default.createElement("div", { style: {
|
|
175
|
+
padding: '14px 16px',
|
|
176
|
+
borderRadius: 14,
|
|
177
|
+
background: '#e0f2fe',
|
|
178
|
+
color: '#64748b',
|
|
179
|
+
fontSize: 14,
|
|
180
|
+
fontWeight: 500,
|
|
181
|
+
} }, "No open tickets yet"),
|
|
182
|
+
react_1.default.createElement("div", { style: {
|
|
183
|
+
padding: '14px 16px',
|
|
184
|
+
borderRadius: 14,
|
|
185
|
+
background: '#e0f2fe',
|
|
186
|
+
color: '#64748b',
|
|
187
|
+
fontSize: 14,
|
|
188
|
+
fontWeight: 500,
|
|
189
|
+
} }, "Start via Raise ticket below")))),
|
|
190
|
+
react_1.default.createElement("h2", { style: { margin: '0 0 12px', fontSize: 15, fontWeight: 800, color: '#0f172a' } }, viewerIsDev ? 'Support tools' : 'Talk to support experts'),
|
|
191
|
+
showSupport && (react_1.default.createElement("button", { type: "button", onClick: () => onNavigate('support'), style: {
|
|
192
|
+
width: '100%',
|
|
193
|
+
display: 'flex',
|
|
194
|
+
alignItems: 'center',
|
|
195
|
+
justifyContent: 'center',
|
|
196
|
+
gap: 10,
|
|
197
|
+
padding: '14px 18px',
|
|
198
|
+
marginBottom: showChat ? 10 : 14,
|
|
199
|
+
borderRadius: 14,
|
|
200
|
+
border: 'none',
|
|
201
|
+
background: '#ede9fe',
|
|
202
|
+
color: '#5b21b6',
|
|
203
|
+
fontSize: 15,
|
|
204
|
+
fontWeight: 700,
|
|
205
|
+
cursor: 'pointer',
|
|
206
|
+
boxShadow: '0 2px 8px rgba(91,33,182,0.12)',
|
|
207
|
+
} },
|
|
208
|
+
react_1.default.createElement("span", { style: { fontSize: 18 } }, "\uD83D\uDC64"),
|
|
209
|
+
viewerIsDev ? 'Provide Support' : 'Support')),
|
|
210
|
+
showChat && showSupport && (react_1.default.createElement("button", { type: "button", onClick: () => onNavigate('conversation'), style: {
|
|
211
|
+
width: '100%',
|
|
212
|
+
padding: '12px 16px',
|
|
213
|
+
marginBottom: 14,
|
|
214
|
+
borderRadius: 12,
|
|
215
|
+
border: '1.5px solid #e9d5ff',
|
|
216
|
+
background: '#fff',
|
|
217
|
+
color: '#6d28d9',
|
|
218
|
+
fontSize: 14,
|
|
219
|
+
fontWeight: 600,
|
|
220
|
+
cursor: 'pointer',
|
|
221
|
+
} }, viewerIsDev ? 'Chat with a developer' : 'New Conversation')),
|
|
222
|
+
showChat && !showSupport && (react_1.default.createElement("button", { type: "button", onClick: () => onNavigate('conversation'), style: {
|
|
223
|
+
width: '100%',
|
|
224
|
+
display: 'flex',
|
|
225
|
+
alignItems: 'center',
|
|
226
|
+
justifyContent: 'center',
|
|
227
|
+
gap: 10,
|
|
228
|
+
padding: '14px 18px',
|
|
229
|
+
marginBottom: 14,
|
|
230
|
+
borderRadius: 14,
|
|
231
|
+
border: 'none',
|
|
232
|
+
background: '#ede9fe',
|
|
233
|
+
color: '#5b21b6',
|
|
234
|
+
fontSize: 15,
|
|
235
|
+
fontWeight: 700,
|
|
236
|
+
cursor: 'pointer',
|
|
237
|
+
} },
|
|
238
|
+
react_1.default.createElement("span", { style: { fontSize: 18 } }, "\uD83D\uDCAC"),
|
|
239
|
+
"New Conversation")),
|
|
240
|
+
react_1.default.createElement("div", { style: {
|
|
241
|
+
borderRadius: 18,
|
|
242
|
+
padding: '22px 20px 20px',
|
|
243
|
+
background: 'linear-gradient(145deg, #fce7f3 0%, #e9d5ff 45%, #ddd6fe 100%)',
|
|
244
|
+
position: 'relative',
|
|
245
|
+
overflow: 'hidden',
|
|
246
|
+
} },
|
|
247
|
+
react_1.default.createElement("div", { style: { position: 'absolute', top: -20, right: -20, width: 100, height: 100, borderRadius: '50%', background: 'rgba(255,255,255,0.35)' } }),
|
|
248
|
+
react_1.default.createElement("p", { style: { margin: '0 0 10px', fontSize: 15, fontWeight: 700, color: '#4c1d95', lineHeight: 1.45, position: 'relative' } }, promotionLead),
|
|
249
|
+
react_1.default.createElement("p", { style: { margin: '0 0 16px', fontSize: 13, fontWeight: 500, color: '#5b21b6', lineHeight: 1.5, position: 'relative' } },
|
|
250
|
+
react_1.default.createElement("strong", { style: { fontWeight: 800 } }, brand),
|
|
251
|
+
" \u2014 embedded chat for your workspace.",
|
|
252
|
+
' ',
|
|
253
|
+
react_1.default.createElement("span", { style: { whiteSpace: 'nowrap' } }, "Free for users."),
|
|
254
|
+
" 24\u00D77 availability. Dedicated workspace experience."),
|
|
255
|
+
react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap', gap: 10, position: 'relative' } },
|
|
256
|
+
tourUrl && (react_1.default.createElement("a", { href: tourUrl, target: "_blank", rel: "noopener noreferrer", style: {
|
|
257
|
+
display: 'inline-flex',
|
|
71
258
|
alignItems: 'center',
|
|
72
259
|
justifyContent: 'center',
|
|
73
|
-
gap: 5,
|
|
74
|
-
flexShrink: 0,
|
|
75
|
-
}, children: [_jsx("span", { style: { width: 18, height: 2, background: '#334155', borderRadius: 1 } }), _jsx("span", { style: { width: 18, height: 2, background: '#334155', borderRadius: 1 } }), _jsx("span", { style: { width: 18, height: 2, background: '#334155', borderRadius: 1 } })] }), _jsx("div", { style: { flex: 1, minWidth: 0 } }), _jsx("div", { style: {
|
|
76
|
-
display: 'flex',
|
|
77
|
-
alignItems: 'center',
|
|
78
260
|
gap: 6,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
justifyContent: 'flex-end',
|
|
82
|
-
}, children: _jsx("div", { role: "group", "aria-label": "Your status", style: {
|
|
83
|
-
display: 'flex',
|
|
84
|
-
borderRadius: 10,
|
|
85
|
-
padding: 3,
|
|
86
|
-
background: '#f1f5f9',
|
|
87
|
-
gap: 2,
|
|
88
|
-
}, children: STATUS_OPTIONS.map(({ value, label }) => {
|
|
89
|
-
const isOn = presence === value;
|
|
90
|
-
return (_jsx("button", { type: "button", onClick: () => setPresenceAndSave(value), style: {
|
|
91
|
-
border: 'none',
|
|
92
|
-
borderRadius: 8,
|
|
93
|
-
padding: '7px 10px',
|
|
94
|
-
fontSize: 11,
|
|
95
|
-
fontWeight: 700,
|
|
96
|
-
letterSpacing: '0.04em',
|
|
97
|
-
cursor: 'pointer',
|
|
98
|
-
fontFamily: 'inherit',
|
|
99
|
-
textTransform: 'uppercase',
|
|
100
|
-
background: isOn ? config.primaryColor : 'transparent',
|
|
101
|
-
color: isOn ? '#fff' : '#64748b',
|
|
102
|
-
boxShadow: isOn ? `0 2px 8px ${config.primaryColor}55` : 'none',
|
|
103
|
-
transition: 'background 0.15s, color 0.15s',
|
|
104
|
-
}, children: label }, value));
|
|
105
|
-
}) }) })] }), _jsxs("div", { className: "cw-scroll", style: { flex: 1, overflowY: 'auto', padding: '20px 18px 28px' }, children: [_jsx("h1", { style: {
|
|
106
|
-
margin: '0 0 8px',
|
|
107
|
-
fontSize: 24,
|
|
108
|
-
fontWeight: 800,
|
|
109
|
-
color: '#0f172a',
|
|
110
|
-
letterSpacing: '-0.03em',
|
|
111
|
-
lineHeight: 1.2,
|
|
112
|
-
}, children: config.welcomeTitle }), _jsx("p", { style: { margin: '0 0 28px', fontSize: 14, color: '#64748b', lineHeight: 1.55 }, children: config.welcomeSubtitle }), _jsx("h2", { style: { margin: '0 0 12px', fontSize: 15, fontWeight: 800, color: '#0f172a' }, children: "Continue with tickets" }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, marginBottom: 28 }, children: pendingTickets.length > 0 ? (pendingTickets.map(t => (_jsxs("button", { type: "button", onClick: () => onOpenTicket(t.id), style: {
|
|
113
|
-
width: '100%',
|
|
114
|
-
textAlign: 'left',
|
|
115
|
-
padding: '14px 16px',
|
|
116
|
-
borderRadius: 14,
|
|
117
|
-
border: 'none',
|
|
118
|
-
background: '#e0f2fe',
|
|
119
|
-
color: '#0369a1',
|
|
120
|
-
cursor: 'pointer',
|
|
121
|
-
boxShadow: '0 1px 3px rgba(0,0,0,0.06)',
|
|
122
|
-
}, children: [_jsx("div", { style: { fontSize: 14, fontWeight: 700, color: '#0c4a6e', marginBottom: 6 }, children: t.title }), _jsx("div", { style: { fontSize: 12, fontWeight: 500, color: '#64748b', lineHeight: 1.45 }, children: truncateWords(t.description, 50) })] }, t.id)))) : (_jsxs(_Fragment, { children: [_jsx("div", { style: {
|
|
123
|
-
padding: '14px 16px',
|
|
124
|
-
borderRadius: 14,
|
|
125
|
-
background: '#e0f2fe',
|
|
126
|
-
color: '#64748b',
|
|
127
|
-
fontSize: 14,
|
|
128
|
-
fontWeight: 500,
|
|
129
|
-
}, children: "No open tickets yet" }), _jsx("div", { style: {
|
|
130
|
-
padding: '14px 16px',
|
|
131
|
-
borderRadius: 14,
|
|
132
|
-
background: '#e0f2fe',
|
|
133
|
-
color: '#64748b',
|
|
134
|
-
fontSize: 14,
|
|
135
|
-
fontWeight: 500,
|
|
136
|
-
}, children: "Start via Raise ticket below" })] })) }), _jsx("h2", { style: { margin: '0 0 12px', fontSize: 15, fontWeight: 800, color: '#0f172a' }, children: viewerIsDev ? 'Support tools' : 'Talk to support experts' }), showSupport && (_jsxs("button", { type: "button", onClick: () => onNavigate('support'), style: {
|
|
137
|
-
width: '100%',
|
|
138
|
-
display: 'flex',
|
|
139
|
-
alignItems: 'center',
|
|
140
|
-
justifyContent: 'center',
|
|
141
|
-
gap: 10,
|
|
142
|
-
padding: '14px 18px',
|
|
143
|
-
marginBottom: showChat ? 10 : 14,
|
|
144
|
-
borderRadius: 14,
|
|
261
|
+
padding: '10px 16px',
|
|
262
|
+
borderRadius: 12,
|
|
145
263
|
border: 'none',
|
|
146
|
-
background: '#
|
|
264
|
+
background: '#fff',
|
|
147
265
|
color: '#5b21b6',
|
|
148
|
-
fontSize:
|
|
266
|
+
fontSize: 13,
|
|
149
267
|
fontWeight: 700,
|
|
150
|
-
|
|
151
|
-
boxShadow: '0 2px 8px rgba(91,33,182,0.
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
marginBottom: 14,
|
|
156
|
-
borderRadius: 12,
|
|
157
|
-
border: '1.5px solid #e9d5ff',
|
|
158
|
-
background: '#fff',
|
|
159
|
-
color: '#6d28d9',
|
|
160
|
-
fontSize: 14,
|
|
161
|
-
fontWeight: 600,
|
|
162
|
-
cursor: 'pointer',
|
|
163
|
-
}, children: viewerIsDev ? 'Chat with a developer' : 'New Conversation' })), showChat && !showSupport && (_jsxs("button", { type: "button", onClick: () => onNavigate('conversation'), style: {
|
|
164
|
-
width: '100%',
|
|
165
|
-
display: 'flex',
|
|
268
|
+
textDecoration: 'none',
|
|
269
|
+
boxShadow: '0 2px 8px rgba(91,33,182,0.15)',
|
|
270
|
+
} }, "Take a Website Tour")),
|
|
271
|
+
react_1.default.createElement("button", { type: "button", onClick: handleCallUs, disabled: !config.supportPhone, style: {
|
|
272
|
+
display: 'inline-flex',
|
|
166
273
|
alignItems: 'center',
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
marginBottom: 14,
|
|
171
|
-
borderRadius: 14,
|
|
274
|
+
gap: 8,
|
|
275
|
+
padding: '10px 18px',
|
|
276
|
+
borderRadius: 12,
|
|
172
277
|
border: 'none',
|
|
173
|
-
background: '#
|
|
174
|
-
color: '#
|
|
175
|
-
fontSize:
|
|
278
|
+
background: config.supportPhone ? config.primaryColor : '#94a3b8',
|
|
279
|
+
color: '#fff',
|
|
280
|
+
fontSize: 14,
|
|
176
281
|
fontWeight: 700,
|
|
177
|
-
cursor: 'pointer',
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
position: 'relative',
|
|
183
|
-
overflow: 'hidden',
|
|
184
|
-
}, children: [_jsx("div", { style: { position: 'absolute', top: -20, right: -20, width: 100, height: 100, borderRadius: '50%', background: 'rgba(255,255,255,0.35)' } }), _jsx("p", { style: { margin: '0 0 10px', fontSize: 15, fontWeight: 700, color: '#4c1d95', lineHeight: 1.45, position: 'relative' }, children: promotionLead }), _jsxs("p", { style: { margin: '0 0 16px', fontSize: 13, fontWeight: 500, color: '#5b21b6', lineHeight: 1.5, position: 'relative' }, children: [_jsx("strong", { style: { fontWeight: 800 }, children: brand }), " \u2014 embedded chat for your workspace.", ' ', _jsx("span", { style: { whiteSpace: 'nowrap' }, children: "Free for users." }), " 24\u00D77 availability. Dedicated workspace experience."] }), _jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', gap: 10, position: 'relative' }, children: [tourUrl && (_jsx("a", { href: tourUrl, target: "_blank", rel: "noopener noreferrer", style: {
|
|
185
|
-
display: 'inline-flex',
|
|
186
|
-
alignItems: 'center',
|
|
187
|
-
justifyContent: 'center',
|
|
188
|
-
gap: 6,
|
|
189
|
-
padding: '10px 16px',
|
|
190
|
-
borderRadius: 12,
|
|
191
|
-
border: 'none',
|
|
192
|
-
background: '#fff',
|
|
193
|
-
color: '#5b21b6',
|
|
194
|
-
fontSize: 13,
|
|
195
|
-
fontWeight: 700,
|
|
196
|
-
textDecoration: 'none',
|
|
197
|
-
boxShadow: '0 2px 8px rgba(91,33,182,0.15)',
|
|
198
|
-
}, children: "Take a Website Tour" })), _jsxs("button", { type: "button", onClick: handleCallUs, disabled: !config.supportPhone, style: {
|
|
199
|
-
display: 'inline-flex',
|
|
200
|
-
alignItems: 'center',
|
|
201
|
-
gap: 8,
|
|
202
|
-
padding: '10px 18px',
|
|
203
|
-
borderRadius: 12,
|
|
204
|
-
border: 'none',
|
|
205
|
-
background: config.supportPhone ? config.primaryColor : '#94a3b8',
|
|
206
|
-
color: '#fff',
|
|
207
|
-
fontSize: 14,
|
|
208
|
-
fontWeight: 700,
|
|
209
|
-
cursor: config.supportPhone ? 'pointer' : 'not-allowed',
|
|
210
|
-
}, children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8a19.79 19.79 0 01-3.07-8.68A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92v2z", fill: "#fff" }) }), "Get Free Widget"] })] })] })] })] }));
|
|
282
|
+
cursor: config.supportPhone ? 'pointer' : 'not-allowed',
|
|
283
|
+
} },
|
|
284
|
+
react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none" },
|
|
285
|
+
react_1.default.createElement("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8a19.79 19.79 0 01-3.07-8.68A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92v2z", fill: "#fff" })),
|
|
286
|
+
"Get Free Widget"))))));
|
|
211
287
|
};
|
|
288
|
+
exports.HomeScreen = HomeScreen;
|
|
289
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HomeScreen/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MaintenanceView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B1D,CAAC"}
|
|
@@ -1,14 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MaintenanceView = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const MaintenanceView = ({ primaryColor }) => (react_1.default.createElement("div", { style: {
|
|
3
9
|
display: 'flex', flexDirection: 'column', alignItems: 'center',
|
|
4
10
|
justifyContent: 'center', height: '100%', padding: '32px', textAlign: 'center', gap: 16,
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
} },
|
|
12
|
+
react_1.default.createElement("div", { style: {
|
|
13
|
+
width: 72, height: 72, borderRadius: '50%',
|
|
14
|
+
backgroundColor: `${primaryColor}15`,
|
|
15
|
+
display: 'flex', alignItems: 'center', justifyContent: 'center',
|
|
16
|
+
} },
|
|
17
|
+
react_1.default.createElement("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none" },
|
|
18
|
+
react_1.default.createElement("path", { d: "M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))),
|
|
19
|
+
react_1.default.createElement("h3", { style: { margin: 0, fontSize: 17, fontWeight: 800, color: '#1a2332', letterSpacing: '-0.02em' } }, "Under Maintenance"),
|
|
20
|
+
react_1.default.createElement("p", { style: { margin: 0, fontSize: 14, color: '#7b8fa1', lineHeight: 1.6, maxWidth: 220 } }, "Chat is under maintenance. We'll be back shortly!"),
|
|
21
|
+
react_1.default.createElement("span", { style: {
|
|
22
|
+
display: 'inline-flex', alignItems: 'center', gap: 6,
|
|
23
|
+
padding: '6px 14px', borderRadius: 20,
|
|
24
|
+
backgroundColor: '#fff3cd', color: '#856404',
|
|
25
|
+
fontSize: 12, fontWeight: 700, border: '1px solid #ffc10730',
|
|
26
|
+
} },
|
|
27
|
+
react_1.default.createElement("span", { style: { width: 6, height: 6, borderRadius: '50%', backgroundColor: '#ffc107', display: 'inline-block' } }),
|
|
28
|
+
"Temporarily Unavailable")));
|
|
29
|
+
exports.MaintenanceView = MaintenanceView;
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MaintenanceView/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,eAAe,GAAmC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACnF,uCAAK,KAAK,EAAE;QACV,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ;QAC9D,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;KACxF;IACC,uCAAK,KAAK,EAAE;YACV,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK;YAC1C,eAAe,EAAE,GAAG,YAAY,IAAI;YACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ;SAChE;QACC,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YACzD,wCAAM,CAAC,EAAC,sGAAsG,EAC5G,MAAM,EAAE,YAAY,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CACnF,CACF;IACN,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,wBAE9F;IACL,qCAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,wDAEnF;IACJ,wCAAM,KAAK,EAAE;YACX,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;YACpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE;YACrC,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;YAC5C,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,qBAAqB;SAC7D;QACC,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,GAAI;kCAE7G,CACH,CACP,CAAC;AA/BW,QAAA,eAAe,mBA+B1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MiniCallBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAY,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,aAAa,GAAG,cAAc,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmIlD,CAAC"}
|