turbodesk-livechat-react-native 0.1.0-alpha.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/CHANGELOG.md +30 -0
- package/README.md +91 -0
- package/dist/api/conversation-api.d.ts +16 -0
- package/dist/api/conversation-api.d.ts.map +1 -0
- package/dist/api/conversation-api.js +44 -0
- package/dist/api/conversation-api.js.map +1 -0
- package/dist/api/file-api.d.ts +5 -0
- package/dist/api/file-api.d.ts.map +1 -0
- package/dist/api/file-api.js +15 -0
- package/dist/api/file-api.js.map +1 -0
- package/dist/api/widget-api.d.ts +4 -0
- package/dist/api/widget-api.d.ts.map +1 -0
- package/dist/api/widget-api.js +15 -0
- package/dist/api/widget-api.js.map +1 -0
- package/dist/axios/axios.d.ts +32 -0
- package/dist/axios/axios.d.ts.map +1 -0
- package/dist/axios/axios.js +120 -0
- package/dist/axios/axios.js.map +1 -0
- package/dist/core/config.d.ts +17 -0
- package/dist/core/config.d.ts.map +1 -0
- package/dist/core/config.js +42 -0
- package/dist/core/config.js.map +1 -0
- package/dist/core/http-client.d.ts +33 -0
- package/dist/core/http-client.d.ts.map +1 -0
- package/dist/core/http-client.js +104 -0
- package/dist/core/http-client.js.map +1 -0
- package/dist/core/identity.d.ts +7 -0
- package/dist/core/identity.d.ts.map +1 -0
- package/dist/core/identity.js +62 -0
- package/dist/core/identity.js.map +1 -0
- package/dist/core/visitor-params.d.ts +15 -0
- package/dist/core/visitor-params.d.ts.map +1 -0
- package/dist/core/visitor-params.js +45 -0
- package/dist/core/visitor-params.js.map +1 -0
- package/dist/hooks/use-conversations.d.ts +12 -0
- package/dist/hooks/use-conversations.d.ts.map +1 -0
- package/dist/hooks/use-conversations.js +177 -0
- package/dist/hooks/use-conversations.js.map +1 -0
- package/dist/hooks/use-live-chat.d.ts +30 -0
- package/dist/hooks/use-live-chat.d.ts.map +1 -0
- package/dist/hooks/use-live-chat.js +52 -0
- package/dist/hooks/use-live-chat.js.map +1 -0
- package/dist/hooks/use-messages.d.ts +11 -0
- package/dist/hooks/use-messages.d.ts.map +1 -0
- package/dist/hooks/use-messages.js +185 -0
- package/dist/hooks/use-messages.js.map +1 -0
- package/dist/hooks/use-send-message.d.ts +22 -0
- package/dist/hooks/use-send-message.d.ts.map +1 -0
- package/dist/hooks/use-send-message.js +125 -0
- package/dist/hooks/use-send-message.js.map +1 -0
- package/dist/index.d.ts +49 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +97 -0
- package/dist/index.js.map +1 -0
- package/dist/navigation/LiveChatPanel.d.ts +5 -0
- package/dist/navigation/LiveChatPanel.d.ts.map +1 -0
- package/dist/navigation/LiveChatPanel.js +81 -0
- package/dist/navigation/LiveChatPanel.js.map +1 -0
- package/dist/navigation/panel-router-context.d.ts +22 -0
- package/dist/navigation/panel-router-context.d.ts.map +1 -0
- package/dist/navigation/panel-router-context.js +42 -0
- package/dist/navigation/panel-router-context.js.map +1 -0
- package/dist/navigation/router-types.d.ts +2 -0
- package/dist/navigation/router-types.d.ts.map +1 -0
- package/dist/navigation/router-types.js +3 -0
- package/dist/navigation/router-types.js.map +1 -0
- package/dist/provider/LiveChatContext.d.ts +4 -0
- package/dist/provider/LiveChatContext.d.ts.map +1 -0
- package/dist/provider/LiveChatContext.js +35 -0
- package/dist/provider/LiveChatContext.js.map +1 -0
- package/dist/provider/LiveChatProvider.d.ts +3 -0
- package/dist/provider/LiveChatProvider.d.ts.map +1 -0
- package/dist/provider/LiveChatProvider.js +308 -0
- package/dist/provider/LiveChatProvider.js.map +1 -0
- package/dist/provider/types.d.ts +42 -0
- package/dist/provider/types.d.ts.map +1 -0
- package/dist/provider/types.js +3 -0
- package/dist/provider/types.js.map +1 -0
- package/dist/realtime/ws-client.d.ts +51 -0
- package/dist/realtime/ws-client.d.ts.map +1 -0
- package/dist/realtime/ws-client.js +322 -0
- package/dist/realtime/ws-client.js.map +1 -0
- package/dist/ui/components/AssigneeAvatar.d.ts +12 -0
- package/dist/ui/components/AssigneeAvatar.d.ts.map +1 -0
- package/dist/ui/components/AssigneeAvatar.js +58 -0
- package/dist/ui/components/AssigneeAvatar.js.map +1 -0
- package/dist/ui/components/Avatar.d.ts +10 -0
- package/dist/ui/components/Avatar.d.ts.map +1 -0
- package/dist/ui/components/Avatar.js +76 -0
- package/dist/ui/components/Avatar.js.map +1 -0
- package/dist/ui/components/ConversationHeader.d.ts +10 -0
- package/dist/ui/components/ConversationHeader.d.ts.map +1 -0
- package/dist/ui/components/ConversationHeader.js +90 -0
- package/dist/ui/components/ConversationHeader.js.map +1 -0
- package/dist/ui/components/ConversationListScreen.d.ts +9 -0
- package/dist/ui/components/ConversationListScreen.d.ts.map +1 -0
- package/dist/ui/components/ConversationListScreen.js +350 -0
- package/dist/ui/components/ConversationListScreen.js.map +1 -0
- package/dist/ui/components/ConversationScreen.d.ts +8 -0
- package/dist/ui/components/ConversationScreen.d.ts.map +1 -0
- package/dist/ui/components/ConversationScreen.js +235 -0
- package/dist/ui/components/ConversationScreen.js.map +1 -0
- package/dist/ui/components/HomeScreen.d.ts +6 -0
- package/dist/ui/components/HomeScreen.d.ts.map +1 -0
- package/dist/ui/components/HomeScreen.js +133 -0
- package/dist/ui/components/HomeScreen.js.map +1 -0
- package/dist/ui/components/LivechatMessageRenderer.d.ts +17 -0
- package/dist/ui/components/LivechatMessageRenderer.d.ts.map +1 -0
- package/dist/ui/components/LivechatMessageRenderer.js +122 -0
- package/dist/ui/components/LivechatMessageRenderer.js.map +1 -0
- package/dist/ui/components/LogMessage.d.ts +5 -0
- package/dist/ui/components/LogMessage.d.ts.map +1 -0
- package/dist/ui/components/LogMessage.js +83 -0
- package/dist/ui/components/LogMessage.js.map +1 -0
- package/dist/ui/components/MessageBubble.d.ts +15 -0
- package/dist/ui/components/MessageBubble.d.ts.map +1 -0
- package/dist/ui/components/MessageBubble.js +84 -0
- package/dist/ui/components/MessageBubble.js.map +1 -0
- package/dist/ui/components/MessageComposer.d.ts +31 -0
- package/dist/ui/components/MessageComposer.d.ts.map +1 -0
- package/dist/ui/components/MessageComposer.js +295 -0
- package/dist/ui/components/MessageComposer.js.map +1 -0
- package/dist/ui/components/WsStatusStrip.d.ts +2 -0
- package/dist/ui/components/WsStatusStrip.d.ts.map +1 -0
- package/dist/ui/components/WsStatusStrip.js +103 -0
- package/dist/ui/components/WsStatusStrip.js.map +1 -0
- package/dist/ui/icons.d.ts +22 -0
- package/dist/ui/icons.d.ts.map +1 -0
- package/dist/ui/icons.js +71 -0
- package/dist/ui/icons.js.map +1 -0
- package/dist/ui/theme.d.ts +72 -0
- package/dist/ui/theme.d.ts.map +1 -0
- package/dist/ui/theme.js +170 -0
- package/dist/ui/theme.js.map +1 -0
- package/docs/backend-contract.md +392 -0
- package/docs/migration-notes.md +32 -0
- package/package.json +60 -0
- package/src/api/conversation-api.ts +71 -0
- package/src/api/file-api.ts +14 -0
- package/src/api/widget-api.ts +12 -0
- package/src/axios/axios.ts +159 -0
- package/src/core/config.ts +54 -0
- package/src/core/http-client.ts +136 -0
- package/src/core/identity.ts +68 -0
- package/src/core/visitor-params.ts +48 -0
- package/src/hooks/use-conversations.ts +181 -0
- package/src/hooks/use-live-chat.ts +84 -0
- package/src/hooks/use-messages.ts +188 -0
- package/src/hooks/use-send-message.ts +159 -0
- package/src/index.ts +114 -0
- package/src/navigation/LiveChatPanel.tsx +118 -0
- package/src/navigation/panel-router-context.tsx +89 -0
- package/src/navigation/router-types.ts +1 -0
- package/src/provider/LiveChatContext.ts +33 -0
- package/src/provider/LiveChatProvider.tsx +380 -0
- package/src/provider/types.ts +57 -0
- package/src/realtime/ws-client.ts +369 -0
- package/src/types/react-native-svg.d.ts +10 -0
- package/src/ui/components/AssigneeAvatar.tsx +102 -0
- package/src/ui/components/Avatar.tsx +110 -0
- package/src/ui/components/ConversationHeader.tsx +202 -0
- package/src/ui/components/ConversationListScreen.tsx +454 -0
- package/src/ui/components/ConversationScreen.tsx +362 -0
- package/src/ui/components/HomeScreen.tsx +278 -0
- package/src/ui/components/LivechatMessageRenderer.tsx +268 -0
- package/src/ui/components/LogMessage.tsx +88 -0
- package/src/ui/components/MessageBubble.tsx +148 -0
- package/src/ui/components/MessageComposer.tsx +461 -0
- package/src/ui/components/WsStatusStrip.tsx +123 -0
- package/src/ui/icons.tsx +111 -0
- package/src/ui/theme.ts +237 -0
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ConversationScreen = ConversationScreen;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const LiveChatContext_1 = require("../../provider/LiveChatContext");
|
|
8
|
+
const conversation_api_1 = require("../../api/conversation-api");
|
|
9
|
+
const use_messages_1 = require("../../hooks/use-messages");
|
|
10
|
+
const use_send_message_1 = require("../../hooks/use-send-message");
|
|
11
|
+
const ConversationHeader_1 = require("./ConversationHeader");
|
|
12
|
+
const MessageBubble_1 = require("./MessageBubble");
|
|
13
|
+
const LogMessage_1 = require("./LogMessage");
|
|
14
|
+
const MessageComposer_1 = require("./MessageComposer");
|
|
15
|
+
const theme_1 = require("../../ui/theme");
|
|
16
|
+
// ── date separator ────────────────────────────────────────────────────────────
|
|
17
|
+
function DateSeparator({ label, color }) {
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.dateSep, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.dateSepText, { color }], children: label }) }));
|
|
19
|
+
}
|
|
20
|
+
function getDateLabel(dateStr) {
|
|
21
|
+
const d = new Date(dateStr);
|
|
22
|
+
if (isNaN(d.getTime()))
|
|
23
|
+
return "";
|
|
24
|
+
const now = new Date();
|
|
25
|
+
const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
|
|
26
|
+
const yesterday = new Date(today);
|
|
27
|
+
yesterday.setDate(yesterday.getDate() - 1);
|
|
28
|
+
const md = new Date(d.getFullYear(), d.getMonth(), d.getDate());
|
|
29
|
+
if (md.getTime() === today.getTime())
|
|
30
|
+
return "TODAY";
|
|
31
|
+
if (md.getTime() === yesterday.getTime())
|
|
32
|
+
return "YESTERDAY";
|
|
33
|
+
return d.toLocaleDateString([], { day: "2-digit", month: "short" }).toUpperCase();
|
|
34
|
+
}
|
|
35
|
+
// ── helpers ───────────────────────────────────────────────────────────────────
|
|
36
|
+
function makeGreetingMessage(greeting) {
|
|
37
|
+
return {
|
|
38
|
+
_id: "__lc_greeting__",
|
|
39
|
+
senderType: "ai",
|
|
40
|
+
channelType: "livechat",
|
|
41
|
+
livechat: { type: "text", text: { body: greeting } },
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
function getBubblePosition(messages, index) {
|
|
45
|
+
const msg = messages[index];
|
|
46
|
+
const prev = messages[index - 1];
|
|
47
|
+
const next = messages[index + 1];
|
|
48
|
+
const prevSame = prev && !prev._isDateSep && prev.channelType !== "log" && prev.senderType === msg.senderType;
|
|
49
|
+
const nextSame = next && !next._isDateSep && next.channelType !== "log" && next.senderType === msg.senderType;
|
|
50
|
+
let position = "single";
|
|
51
|
+
if (!prevSame && nextSame)
|
|
52
|
+
position = "first";
|
|
53
|
+
else if (prevSame && nextSame)
|
|
54
|
+
position = "middle";
|
|
55
|
+
else if (prevSame && !nextSame)
|
|
56
|
+
position = "last";
|
|
57
|
+
return { position, showFooter: position === "single" || position === "last" };
|
|
58
|
+
}
|
|
59
|
+
function buildRenderList(messages, greeting) {
|
|
60
|
+
var _a;
|
|
61
|
+
const result = [makeGreetingMessage(greeting)];
|
|
62
|
+
// Sort by createdAt ascending — mirrors web's transformMessagesToDateSeperators sort
|
|
63
|
+
const sorted = [...messages].sort((a, b) => {
|
|
64
|
+
var _a, _b;
|
|
65
|
+
const ta = new Date((a === null || a === void 0 ? void 0 : a.createdAt) || ((_a = a === null || a === void 0 ? void 0 : a.livechat) === null || _a === void 0 ? void 0 : _a.timestamp) || 0).getTime();
|
|
66
|
+
const tb = new Date((b === null || b === void 0 ? void 0 : b.createdAt) || ((_b = b === null || b === void 0 ? void 0 : b.livechat) === null || _b === void 0 ? void 0 : _b.timestamp) || 0).getTime();
|
|
67
|
+
return ta - tb;
|
|
68
|
+
});
|
|
69
|
+
let lastDateLabel = "";
|
|
70
|
+
for (const m of sorted) {
|
|
71
|
+
const dateStr = (m === null || m === void 0 ? void 0 : m.createdAt) || ((_a = m === null || m === void 0 ? void 0 : m.livechat) === null || _a === void 0 ? void 0 : _a.timestamp);
|
|
72
|
+
if (dateStr) {
|
|
73
|
+
const label = getDateLabel(dateStr);
|
|
74
|
+
if (label && label !== lastDateLabel) {
|
|
75
|
+
result.push({ _isDateSep: true, label, _id: "date-" + label });
|
|
76
|
+
lastDateLabel = label;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
result.push(m);
|
|
80
|
+
}
|
|
81
|
+
return result;
|
|
82
|
+
}
|
|
83
|
+
function getRoleLabel(message) {
|
|
84
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
85
|
+
const type = (_b = (_a = message === null || message === void 0 ? void 0 : message.assigneeType) !== null && _a !== void 0 ? _a : message === null || message === void 0 ? void 0 : message.senderType) !== null && _b !== void 0 ? _b : null;
|
|
86
|
+
if (type === "ai")
|
|
87
|
+
return "AI Agent";
|
|
88
|
+
if (type === "bot")
|
|
89
|
+
return "Bot";
|
|
90
|
+
if (type === "agent" || type === "user")
|
|
91
|
+
return (_e = (_c = message === null || message === void 0 ? void 0 : message.assigneeRole) !== null && _c !== void 0 ? _c : (_d = message === null || message === void 0 ? void 0 : message.userId) === null || _d === void 0 ? void 0 : _d.role) !== null && _e !== void 0 ? _e : "Agent";
|
|
92
|
+
if ((message === null || message === void 0 ? void 0 : message.senderType) === "agent")
|
|
93
|
+
return (_h = (_f = message === null || message === void 0 ? void 0 : message.assigneeRole) !== null && _f !== void 0 ? _f : (_g = message === null || message === void 0 ? void 0 : message.userId) === null || _g === void 0 ? void 0 : _g.role) !== null && _h !== void 0 ? _h : "Agent";
|
|
94
|
+
return "";
|
|
95
|
+
}
|
|
96
|
+
function patchConversationShell(prev, conversationId, incoming) {
|
|
97
|
+
if (!prev || !conversationId || !(incoming === null || incoming === void 0 ? void 0 : incoming._id))
|
|
98
|
+
return prev;
|
|
99
|
+
if (String(incoming._id) !== String(conversationId))
|
|
100
|
+
return prev;
|
|
101
|
+
const nested = prev.conversation;
|
|
102
|
+
if (nested != null && typeof nested === "object") {
|
|
103
|
+
return { ...prev, conversation: { ...nested, ...incoming } };
|
|
104
|
+
}
|
|
105
|
+
return { ...prev, ...incoming };
|
|
106
|
+
}
|
|
107
|
+
// ── main screen ───────────────────────────────────────────────────────────────
|
|
108
|
+
function ConversationScreen({ conversationId, onBack, onClose, onConversationCreated, }) {
|
|
109
|
+
var _a, _b, _c;
|
|
110
|
+
const { theme: t, widgetName, widgetConfig, wsClient, visitorQueryParams } = (0, LiveChatContext_1.useLiveChatContext)();
|
|
111
|
+
const { messages, loading, loadingOlder, hasOlder, loadOlder, markAsRead } = (0, use_messages_1.useMessages)(conversationId);
|
|
112
|
+
const { sendText, sendAttachment, sendInteractive, sending } = (0, use_send_message_1.useSendMessage)();
|
|
113
|
+
const flatListRef = (0, react_1.useRef)(null);
|
|
114
|
+
const settings = (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.widgetSettings) !== null && _a !== void 0 ? _a : {};
|
|
115
|
+
const greeting = (0, theme_1.getWidgetGreeting)(settings);
|
|
116
|
+
// ── fetch conversation ────────────────────────────────────────────────────
|
|
117
|
+
const [conversation, setConversation] = (0, react_1.useState)(null);
|
|
118
|
+
const [listPickerState, setListPickerState] = (0, react_1.useState)(null);
|
|
119
|
+
const prevConvIdRef = (0, react_1.useRef)(null);
|
|
120
|
+
(0, react_1.useEffect)(() => {
|
|
121
|
+
const isNew = !conversationId || conversationId === "new";
|
|
122
|
+
if (isNew || !visitorQueryParams) {
|
|
123
|
+
setConversation(null);
|
|
124
|
+
prevConvIdRef.current = conversationId;
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
if (prevConvIdRef.current != null && prevConvIdRef.current !== "new" && prevConvIdRef.current !== conversationId) {
|
|
128
|
+
setConversation(null);
|
|
129
|
+
}
|
|
130
|
+
prevConvIdRef.current = conversationId;
|
|
131
|
+
const ac = new AbortController();
|
|
132
|
+
(async () => {
|
|
133
|
+
var _a;
|
|
134
|
+
try {
|
|
135
|
+
const raw = await conversation_api_1.conversationApi.getConversation(conversationId, {
|
|
136
|
+
params: visitorQueryParams,
|
|
137
|
+
signal: ac.signal,
|
|
138
|
+
});
|
|
139
|
+
if (ac.signal.aborted)
|
|
140
|
+
return;
|
|
141
|
+
setConversation((_a = raw === null || raw === void 0 ? void 0 : raw.data) !== null && _a !== void 0 ? _a : raw);
|
|
142
|
+
}
|
|
143
|
+
catch (e) {
|
|
144
|
+
if (ac.signal.aborted || (e === null || e === void 0 ? void 0 : e.name) === "AbortError")
|
|
145
|
+
return;
|
|
146
|
+
setConversation(null);
|
|
147
|
+
}
|
|
148
|
+
})();
|
|
149
|
+
return () => ac.abort();
|
|
150
|
+
}, [conversationId, visitorQueryParams]);
|
|
151
|
+
// ── WS patches ────────────────────────────────────────────────────────────
|
|
152
|
+
(0, react_1.useEffect)(() => {
|
|
153
|
+
if (!wsClient || !conversationId || conversationId === "new")
|
|
154
|
+
return;
|
|
155
|
+
const patch = (payload) => {
|
|
156
|
+
var _a;
|
|
157
|
+
const data = (_a = payload === null || payload === void 0 ? void 0 : payload.data) !== null && _a !== void 0 ? _a : payload;
|
|
158
|
+
const incoming = data === null || data === void 0 ? void 0 : data.conversation;
|
|
159
|
+
setConversation((prev) => patchConversationShell(prev, conversationId, incoming));
|
|
160
|
+
};
|
|
161
|
+
const u1 = wsClient.subscribe("conversation_resolved", patch);
|
|
162
|
+
const u2 = wsClient.subscribe("conversation_intervened", patch);
|
|
163
|
+
const u3 = wsClient.subscribe("conversation_unassigned", patch);
|
|
164
|
+
const u4 = wsClient.subscribe("conversation_transferred", patch);
|
|
165
|
+
return () => { u1(); u2(); u3(); u4(); };
|
|
166
|
+
}, [wsClient, conversationId]);
|
|
167
|
+
const isNewConversation = !conversationId || conversationId === "new";
|
|
168
|
+
const convDoc = (_c = (_b = conversation === null || conversation === void 0 ? void 0 : conversation.conversation) !== null && _b !== void 0 ? _b : conversation) !== null && _c !== void 0 ? _c : null;
|
|
169
|
+
const isResolved = !isNewConversation && !!conversation && (convDoc === null || convDoc === void 0 ? void 0 : convDoc.status) === "resolved";
|
|
170
|
+
const renderList = buildRenderList(messages, greeting);
|
|
171
|
+
const renderListRef = (0, react_1.useRef)(renderList);
|
|
172
|
+
renderListRef.current = renderList;
|
|
173
|
+
(0, react_1.useEffect)(() => { if (conversationId && conversationId !== "new")
|
|
174
|
+
markAsRead(); }, [conversationId, markAsRead]);
|
|
175
|
+
(0, react_1.useEffect)(() => {
|
|
176
|
+
if (renderList.length > 0) {
|
|
177
|
+
setTimeout(() => { var _a; return (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToEnd({ animated: true }); }, 100);
|
|
178
|
+
}
|
|
179
|
+
}, [renderList.length]);
|
|
180
|
+
const handleSend = (0, react_1.useCallback)(async (text, uploadedAttachments) => {
|
|
181
|
+
if (uploadedAttachments === null || uploadedAttachments === void 0 ? void 0 : uploadedAttachments.length) {
|
|
182
|
+
let activeId = conversationId;
|
|
183
|
+
for (let i = 0; i < uploadedAttachments.length; i++) {
|
|
184
|
+
const att = uploadedAttachments[i];
|
|
185
|
+
const caption = i === 0 && text ? text : undefined;
|
|
186
|
+
const returnedId = await sendAttachment({ fileId: att.fileId, fileUrl: att.fileUrl, fileName: att.fileName, fileExtension: att.fileExtension, type: att.type, caption }, activeId === "new" ? null : activeId);
|
|
187
|
+
if ((!activeId || activeId === "new") && returnedId) {
|
|
188
|
+
activeId = returnedId;
|
|
189
|
+
onConversationCreated === null || onConversationCreated === void 0 ? void 0 : onConversationCreated(returnedId);
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
return;
|
|
193
|
+
}
|
|
194
|
+
const returnedId = await sendText(text, isNewConversation ? null : conversationId);
|
|
195
|
+
if (isNewConversation && returnedId)
|
|
196
|
+
onConversationCreated === null || onConversationCreated === void 0 ? void 0 : onConversationCreated(returnedId);
|
|
197
|
+
}, [conversationId, sendText, sendAttachment, onConversationCreated]);
|
|
198
|
+
const renderItem = (0, react_1.useCallback)(({ item, index }) => {
|
|
199
|
+
var _a, _b, _c;
|
|
200
|
+
if (item._isDateSep) {
|
|
201
|
+
return (0, jsx_runtime_1.jsx)(DateSeparator, { label: item.label, color: t.colors.textMuted });
|
|
202
|
+
}
|
|
203
|
+
if (item.channelType === "log") {
|
|
204
|
+
return (0, jsx_runtime_1.jsx)(LogMessage_1.LogMessage, { message: item });
|
|
205
|
+
}
|
|
206
|
+
const { position, showFooter } = getBubblePosition(renderListRef.current, index);
|
|
207
|
+
return ((0, jsx_runtime_1.jsx)(MessageBubble_1.MessageBubble, { message: item, position: position, showFooter: showFooter, senderName: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.userId) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : item === null || item === void 0 ? void 0 : item.senderName) !== null && _c !== void 0 ? _c : widgetName, roleLabel: getRoleLabel(item), onInteractiveReply: (payload) => {
|
|
208
|
+
if (typeof payload === "string") {
|
|
209
|
+
handleSend(payload);
|
|
210
|
+
}
|
|
211
|
+
else {
|
|
212
|
+
sendInteractive({ type: payload.type, id: payload.id, title: payload.title }, isNewConversation ? null : conversationId);
|
|
213
|
+
}
|
|
214
|
+
}, onShowListPicker: (sections, onSelect) => setListPickerState({ sections, onSelect }) }));
|
|
215
|
+
}, [t, widgetName, handleSend]);
|
|
216
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.KeyboardAvoidingView, { style: [styles.flex, { backgroundColor: t.colors.background }], behavior: react_native_1.Platform.OS === "ios" ? "padding" : "height", keyboardVerticalOffset: 0, children: [(0, jsx_runtime_1.jsx)(ConversationHeader_1.ConversationHeader, { conversation: isNewConversation ? null : conversation, isLoading: !isNewConversation && conversation === null, onBack: onBack, onClose: onClose }), loadingOlder && ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: t.colors.brand, style: { marginTop: 8 } })), (0, jsx_runtime_1.jsx)(react_native_1.FlatList, { ref: flatListRef, data: renderList, keyExtractor: (item, i) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item._id) !== null && _a !== void 0 ? _a : String(i); }, renderItem: renderItem, style: styles.flex, contentContainerStyle: { paddingVertical: 8 }, onEndReached: hasOlder ? loadOlder : undefined, onEndReachedThreshold: 0.2, maintainVisibleContentPosition: { minIndexForVisible: 0 }, onContentSizeChange: () => { var _a; return (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToEnd({ animated: true }); }, ListHeaderComponent: loading && messages.length === 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.center, children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: t.colors.brand, size: "large", style: { marginVertical: 24 } }) })) : null, ListEmptyComponent: !loading ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.flex, styles.center], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: t.colors.textMuted, fontSize: t.fontSizes.md }, children: "Start the conversation" }) })) : null }), (0, jsx_runtime_1.jsx)(MessageComposer_1.MessageComposer, { onSend: handleSend, disabled: isResolved || sending, placeholder: isResolved ? "This conversation is resolved" : "Message…" }), listPickerState && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.listPicker, { backgroundColor: t.colors.surface }], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.listPickerHeader, { borderBottomColor: t.colors.border }], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.listPickerTitle, { color: t.colors.text }], children: "Select an option" }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => setListPickerState(null), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: t.colors.textMuted, fontSize: 20 }, children: "\u00D7" }) })] }), (0, jsx_runtime_1.jsx)(react_native_1.FlatList, { data: listPickerState.sections, keyExtractor: (_, i) => String(i), renderItem: ({ item: section }) => {
|
|
217
|
+
var _a;
|
|
218
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [section.title ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.listPickerSectionTitle, { color: t.colors.textMuted }], children: section.title })) : null, ((_a = section.rows) !== null && _a !== void 0 ? _a : []).map((row) => ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: () => { listPickerState.onSelect(row.id, row.title); setListPickerState(null); }, style: [styles.listPickerRow, { borderBottomColor: t.colors.border }], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.listPickerRowTitle, { color: t.colors.text }], children: row.title }), row.description ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.listPickerRowDesc, { color: t.colors.textMuted }], children: row.description }) : null] }, row.id)))] }));
|
|
219
|
+
} })] })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.poweredBy, { color: t.colors.textMuted }], children: theme_1.POWERED_BY_TEXT })] }));
|
|
220
|
+
}
|
|
221
|
+
const styles = react_native_1.StyleSheet.create({
|
|
222
|
+
flex: { flex: 1 },
|
|
223
|
+
center: { alignItems: "center", justifyContent: "center" },
|
|
224
|
+
dateSep: { alignItems: "center", paddingVertical: 10 },
|
|
225
|
+
dateSepText: { fontSize: 11, fontWeight: "600", letterSpacing: 0.5 },
|
|
226
|
+
poweredBy: { textAlign: "center", fontSize: 11, paddingVertical: 8 },
|
|
227
|
+
listPicker: { position: "absolute", inset: 0, top: 0, left: 0, right: 0, bottom: 0, zIndex: 20 },
|
|
228
|
+
listPickerHeader: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingHorizontal: 16, paddingVertical: 12, borderBottomWidth: react_native_1.StyleSheet.hairlineWidth },
|
|
229
|
+
listPickerTitle: { fontSize: 14, fontWeight: "600" },
|
|
230
|
+
listPickerSectionTitle: { fontSize: 11, fontWeight: "600", textTransform: "uppercase", letterSpacing: 0.5, paddingHorizontal: 16, paddingTop: 12, paddingBottom: 4 },
|
|
231
|
+
listPickerRow: { paddingHorizontal: 16, paddingVertical: 12, borderBottomWidth: react_native_1.StyleSheet.hairlineWidth },
|
|
232
|
+
listPickerRowTitle: { fontSize: 14, fontWeight: "500" },
|
|
233
|
+
listPickerRowDesc: { fontSize: 12, marginTop: 2 },
|
|
234
|
+
});
|
|
235
|
+
//# sourceMappingURL=ConversationScreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConversationScreen.js","sourceRoot":"","sources":["../../../src/ui/components/ConversationScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type HomeScreenProps = {
|
|
2
|
+
onStartConversation: () => void;
|
|
3
|
+
onOpenPreviousChats: () => void;
|
|
4
|
+
};
|
|
5
|
+
export declare function HomeScreen({ onStartConversation, onOpenPreviousChats, }: HomeScreenProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=HomeScreen.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HomeScreen.d.ts","sourceRoot":"","sources":["../../../src/ui/components/HomeScreen.tsx"],"names":[],"mappings":"AA0EA,MAAM,MAAM,eAAe,GAAG;IAC5B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AASF,wBAAgB,UAAU,CAAC,EACzB,mBAAmB,EACnB,mBAAmB,GACpB,EAAE,eAAe,2CAyIjB"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HomeScreen = HomeScreen;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const LiveChatContext_1 = require("../../provider/LiveChatContext");
|
|
8
|
+
const conversation_api_1 = require("../../api/conversation-api");
|
|
9
|
+
const Avatar_1 = require("./Avatar");
|
|
10
|
+
const theme_1 = require("../theme");
|
|
11
|
+
const icons_1 = require("../icons");
|
|
12
|
+
let LinearGradient = null;
|
|
13
|
+
try {
|
|
14
|
+
LinearGradient = require("react-native-linear-gradient").default;
|
|
15
|
+
}
|
|
16
|
+
catch {
|
|
17
|
+
LinearGradient = null;
|
|
18
|
+
}
|
|
19
|
+
function GradientBackground({ brandColor, darkColor, style, children, }) {
|
|
20
|
+
if (LinearGradient) {
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(LinearGradient, { colors: [brandColor, brandColor, darkColor], locations: [0, 0.3, 1], start: { x: 0.5, y: 0 }, end: { x: 0.5, y: 1 }, style: style, children: children }));
|
|
22
|
+
}
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [style, { backgroundColor: brandColor }], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: {
|
|
24
|
+
position: "absolute",
|
|
25
|
+
left: 0,
|
|
26
|
+
right: 0,
|
|
27
|
+
top: "30%",
|
|
28
|
+
bottom: 0,
|
|
29
|
+
backgroundColor: darkColor,
|
|
30
|
+
} }), children] }));
|
|
31
|
+
}
|
|
32
|
+
function pickCount(raw) {
|
|
33
|
+
var _a, _b, _c, _d, _e;
|
|
34
|
+
const body = (_a = raw === null || raw === void 0 ? void 0 : raw.data) !== null && _a !== void 0 ? _a : raw;
|
|
35
|
+
const inner = (_b = body === null || body === void 0 ? void 0 : body.data) !== null && _b !== void 0 ? _b : body;
|
|
36
|
+
const v = (_e = (_d = (_c = inner === null || inner === void 0 ? void 0 : inner.conversationCount) !== null && _c !== void 0 ? _c : inner === null || inner === void 0 ? void 0 : inner.count) !== null && _d !== void 0 ? _d : inner === null || inner === void 0 ? void 0 : inner.total) !== null && _e !== void 0 ? _e : 0;
|
|
37
|
+
return typeof v === "number" ? v : parseInt(v, 10) || 0;
|
|
38
|
+
}
|
|
39
|
+
function HomeScreen({ onStartConversation, onOpenPreviousChats, }) {
|
|
40
|
+
var _a;
|
|
41
|
+
const { theme: t, widgetConfig, totalUnread, visitorQueryParams, embedLoadState, } = (0, LiveChatContext_1.useLiveChatContext)();
|
|
42
|
+
const [conversationCount, setConversationCount] = (0, react_1.useState)(0);
|
|
43
|
+
const settings = (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.widgetSettings) !== null && _a !== void 0 ? _a : {};
|
|
44
|
+
const title = (0, theme_1.getWidgetTitle)(widgetConfig);
|
|
45
|
+
const widgetName = (0, theme_1.getWidgetName)(widgetConfig);
|
|
46
|
+
const description = (0, theme_1.getWidgetDescription)(settings);
|
|
47
|
+
const logoUrl = (0, theme_1.getBrandLogoUrl)(settings);
|
|
48
|
+
const brandColor = (0, theme_1.getBrandColor)(settings) || t.colors.brand;
|
|
49
|
+
const contrastText = (0, theme_1.contrastingTextOnBrand)(brandColor);
|
|
50
|
+
const notificationColor = (0, theme_1.getNotificationIconColor)(settings);
|
|
51
|
+
const showUnreadDot = totalUnread > 0;
|
|
52
|
+
(0, react_1.useEffect)(() => {
|
|
53
|
+
if (!visitorQueryParams)
|
|
54
|
+
return;
|
|
55
|
+
let cancelled = false;
|
|
56
|
+
conversation_api_1.conversationApi
|
|
57
|
+
.getConversationCount(visitorQueryParams)
|
|
58
|
+
.then((raw) => {
|
|
59
|
+
if (!cancelled)
|
|
60
|
+
setConversationCount(pickCount(raw));
|
|
61
|
+
})
|
|
62
|
+
.catch(() => { });
|
|
63
|
+
return () => {
|
|
64
|
+
cancelled = true;
|
|
65
|
+
};
|
|
66
|
+
}, [visitorQueryParams]);
|
|
67
|
+
// Dark color anchoring the bottom of the gradient — matches web widget
|
|
68
|
+
const darkColor = t.appearance === "dark" ? "#09090b" : "#111827";
|
|
69
|
+
const isLoading = embedLoadState === "loading";
|
|
70
|
+
return ((0, jsx_runtime_1.jsxs)(GradientBackground, { brandColor: brandColor, darkColor: darkColor, style: styles.flex, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.header, children: [logoUrl ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: logoUrl }, style: styles.brandLogo, resizeMode: "cover" })) : ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: widgetName, size: 44 })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.headerTitle, { color: contrastText }], numberOfLines: 2, children: title }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.headerSubtitle, { color: contrastText, opacity: 0.82 }], numberOfLines: 3, children: description })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottom, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.actions, children: [conversationCount > 0 ? ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: onOpenPreviousChats, activeOpacity: 0.7, style: [
|
|
71
|
+
styles.prevRow,
|
|
72
|
+
{
|
|
73
|
+
backgroundColor: "rgba(0,0,0,0.35)",
|
|
74
|
+
borderColor: "rgba(255,255,255,0.1)",
|
|
75
|
+
},
|
|
76
|
+
], accessibilityLabel: `Previous chats${showUnreadDot ? ", unread messages" : ""}${conversationCount > 1
|
|
77
|
+
? `, ${conversationCount} conversations`
|
|
78
|
+
: ""}`, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.prevRowLeft, children: [(0, jsx_runtime_1.jsx)(icons_1.HistoryChatsIcon, { size: 20, color: "#ffffff" }), (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.prevRowLabel, { color: "#ffffff" }], children: ["Previous chats", conversationCount > 1 ? ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: { fontWeight: "400", color: "rgba(255,255,255,0.7)" }, children: [" ", "(", conversationCount, ")"] })) : null] })] }), showUnreadDot ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
79
|
+
styles.unreadDot,
|
|
80
|
+
{ backgroundColor: notificationColor },
|
|
81
|
+
] })) : null] })) : null, isLoading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: "#ffffff", style: { marginVertical: 8 } })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: onStartConversation, activeOpacity: 0.85, style: [styles.startBtn, { backgroundColor: "#ffffff" }], accessibilityLabel: "Send us a message", children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.startBtnText, { color: "#111827" }], children: "Send us a message" }), (0, jsx_runtime_1.jsx)(icons_1.SendPlaneIcon, { size: 18, color: brandColor })] })] }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.poweredBy, { color: "rgba(255,255,255,0.7)" }], children: theme_1.POWERED_BY_TEXT })] }));
|
|
82
|
+
}
|
|
83
|
+
const styles = react_native_1.StyleSheet.create({
|
|
84
|
+
flex: { flex: 1 },
|
|
85
|
+
header: {
|
|
86
|
+
flex: 0.3,
|
|
87
|
+
paddingHorizontal: 20,
|
|
88
|
+
paddingTop: 52,
|
|
89
|
+
paddingBottom: 32,
|
|
90
|
+
gap: 12,
|
|
91
|
+
justifyContent: "flex-start",
|
|
92
|
+
},
|
|
93
|
+
brandLogo: { width: 44, height: 44, borderRadius: 22 },
|
|
94
|
+
headerTitle: {
|
|
95
|
+
fontSize: 28,
|
|
96
|
+
fontWeight: "700",
|
|
97
|
+
lineHeight: 34,
|
|
98
|
+
marginTop: 16,
|
|
99
|
+
},
|
|
100
|
+
headerSubtitle: {
|
|
101
|
+
fontSize: 15,
|
|
102
|
+
lineHeight: 22,
|
|
103
|
+
marginTop: 8,
|
|
104
|
+
},
|
|
105
|
+
bottom: {
|
|
106
|
+
flex: 0.7,
|
|
107
|
+
justifyContent: "flex-end",
|
|
108
|
+
},
|
|
109
|
+
actions: { paddingHorizontal: 16, gap: 12, paddingBottom: 8 },
|
|
110
|
+
prevRow: {
|
|
111
|
+
flexDirection: "row",
|
|
112
|
+
alignItems: "center",
|
|
113
|
+
justifyContent: "space-between",
|
|
114
|
+
paddingHorizontal: 16,
|
|
115
|
+
paddingVertical: 14,
|
|
116
|
+
borderRadius: 12,
|
|
117
|
+
borderWidth: 1,
|
|
118
|
+
},
|
|
119
|
+
prevRowLeft: { flexDirection: "row", alignItems: "center", gap: 12, flex: 1 },
|
|
120
|
+
prevRowLabel: { fontSize: 15, fontWeight: "600" },
|
|
121
|
+
unreadDot: { width: 10, height: 10, borderRadius: 5 },
|
|
122
|
+
startBtn: {
|
|
123
|
+
flexDirection: "row",
|
|
124
|
+
alignItems: "center",
|
|
125
|
+
justifyContent: "space-between",
|
|
126
|
+
paddingHorizontal: 20,
|
|
127
|
+
paddingVertical: 14,
|
|
128
|
+
borderRadius: 12,
|
|
129
|
+
},
|
|
130
|
+
startBtnText: { fontSize: 15, fontWeight: "600" },
|
|
131
|
+
poweredBy: { textAlign: "center", fontSize: 11, paddingVertical: 8 },
|
|
132
|
+
});
|
|
133
|
+
//# sourceMappingURL=HomeScreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HomeScreen.js","sourceRoot":"","sources":["../../../src/ui/components/HomeScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type InteractiveReplyPayload = {
|
|
2
|
+
type: "button_reply" | "list_reply";
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
messageId: string;
|
|
6
|
+
};
|
|
7
|
+
export type ShowListPickerFn = (sections: any[], onSelect: (id: string, title: string) => void) => void;
|
|
8
|
+
export type LivechatMessageRendererProps = {
|
|
9
|
+
message: any;
|
|
10
|
+
textColor: string;
|
|
11
|
+
fontSize: number;
|
|
12
|
+
onInteractiveReply?: (payload: InteractiveReplyPayload) => void;
|
|
13
|
+
onShowListPicker?: ShowListPickerFn;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export declare function LivechatMessageRenderer({ message, textColor, fontSize, onInteractiveReply, onShowListPicker, disabled, }: LivechatMessageRendererProps): import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
//# sourceMappingURL=LivechatMessageRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LivechatMessageRenderer.d.ts","sourceRoot":"","sources":["../../../src/ui/components/LivechatMessageRenderer.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,cAAc,GAAG,YAAY,CAAC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,CAC7B,QAAQ,EAAE,GAAG,EAAE,EACf,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,KAC1C,IAAI,CAAC;AAmLV,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,GAAG,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,GACT,EAAE,4BAA4B,kDA6B9B"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.LivechatMessageRenderer = LivechatMessageRenderer;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
// ── text ──────────────────────────────────────────────────────────────────────
|
|
7
|
+
function TextRenderer({ body, textColor, fontSize }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: body }));
|
|
9
|
+
}
|
|
10
|
+
// ── image ─────────────────────────────────────────────────────────────────────
|
|
11
|
+
function ImageRenderer({ url, caption, textColor }) {
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: () => react_native_1.Linking.openURL(url), activeOpacity: 0.85, style: styles.mediaPad, children: [(0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: url }, style: styles.mediaImage, resizeMode: "contain" }), caption ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.caption, { color: textColor }], children: caption }) : null] }));
|
|
13
|
+
}
|
|
14
|
+
// ── video ─────────────────────────────────────────────────────────────────────
|
|
15
|
+
function VideoRenderer({ url, caption, textColor }) {
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: () => react_native_1.Linking.openURL(url), activeOpacity: 0.85, style: [styles.mediaPad, styles.videoBox], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.playOverlay, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.playIcon, children: "\u25B6" }) }), caption ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.caption, { color: textColor }], children: caption }) : null] }));
|
|
17
|
+
}
|
|
18
|
+
// ── audio ─────────────────────────────────────────────────────────────────────
|
|
19
|
+
function AudioRenderer({ url }) {
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: () => react_native_1.Linking.openURL(url), activeOpacity: 0.85, style: styles.audioRow, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.audioIcon, children: "\uD83C\uDFB5" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.audioLabel, children: "Audio message" })] }));
|
|
21
|
+
}
|
|
22
|
+
// ── document ──────────────────────────────────────────────────────────────────
|
|
23
|
+
function DocumentRenderer({ url, filename, textColor }) {
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: () => react_native_1.Linking.openURL(url), activeOpacity: 0.85, style: styles.docRow, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.docIcon, children: "\uD83D\uDCC4" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.docName, { color: textColor }], numberOfLines: 1, children: filename }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.docDownload, { color: textColor }], children: "\u2193" })] }));
|
|
25
|
+
}
|
|
26
|
+
// ── interactive ───────────────────────────────────────────────────────────────
|
|
27
|
+
function InteractiveRenderer({ message, textColor, fontSize, onReply, onShowListPicker, disabled, }) {
|
|
28
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
29
|
+
const interactive = (_a = message === null || message === void 0 ? void 0 : message.livechat) === null || _a === void 0 ? void 0 : _a.interactive;
|
|
30
|
+
if (!interactive)
|
|
31
|
+
return null;
|
|
32
|
+
const { type } = interactive;
|
|
33
|
+
const messageId = (_b = message === null || message === void 0 ? void 0 : message._id) !== null && _b !== void 0 ? _b : "";
|
|
34
|
+
// contact replies — display only
|
|
35
|
+
if (type === "button_reply") {
|
|
36
|
+
return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: (_c = interactive.button_reply) === null || _c === void 0 ? void 0 : _c.title });
|
|
37
|
+
}
|
|
38
|
+
if (type === "list_reply") {
|
|
39
|
+
return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: (_d = interactive.list_reply) === null || _d === void 0 ? void 0 : _d.title });
|
|
40
|
+
}
|
|
41
|
+
if (type === "nfm_reply") {
|
|
42
|
+
let parsed = null;
|
|
43
|
+
try {
|
|
44
|
+
parsed = JSON.parse((_f = (_e = interactive.nfm_reply) === null || _e === void 0 ? void 0 : _e.response_json) !== null && _f !== void 0 ? _f : "");
|
|
45
|
+
}
|
|
46
|
+
catch { /* ignore */ }
|
|
47
|
+
const entries = parsed ? Object.entries(parsed).filter(([k]) => k !== "flow_token") : [];
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.pad, children: entries.length === 0
|
|
49
|
+
? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: "Form submitted." })
|
|
50
|
+
: entries.map(([k, v]) => ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: [(0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: { fontWeight: "600" }, children: [k.replace(/^screen_\d+_/, "").replace(/_/g, " "), ": "] }), String(v).replace(/^\d+_/, "").replace(/_-_/g, " - ").replace(/_/g, " ")] }, k))) }));
|
|
51
|
+
}
|
|
52
|
+
// agent-sent interactive
|
|
53
|
+
const bodyText = (_h = (_g = interactive.body) === null || _g === void 0 ? void 0 : _g.text) !== null && _h !== void 0 ? _h : null;
|
|
54
|
+
const footerText = (_k = (_j = interactive.footer) === null || _j === void 0 ? void 0 : _j.text) !== null && _k !== void 0 ? _k : null;
|
|
55
|
+
const headerText = ((_l = interactive.header) === null || _l === void 0 ? void 0 : _l.type) === "text" ? interactive.header.text : null;
|
|
56
|
+
if (type === "cta_url") {
|
|
57
|
+
const url = (_o = (_m = interactive.action) === null || _m === void 0 ? void 0 : _m.parameters) === null || _o === void 0 ? void 0 : _o.url;
|
|
58
|
+
const label = (_q = (_p = interactive.action) === null || _p === void 0 ? void 0 : _p.parameters) === null || _q === void 0 ? void 0 : _q.display_text;
|
|
59
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [headerText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.iHeader, { color: textColor }], children: headerText }) : null, bodyText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: bodyText }) : null, footerText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.iFooter, { color: textColor }], children: footerText }) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.divider, { borderTopColor: textColor + "22" }] }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => url && react_native_1.Linking.openURL(url), style: styles.iActionBtn, disabled: !url, children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.iActionText, { color: textColor, fontSize }], children: ["\uD83D\uDD17 ", label !== null && label !== void 0 ? label : url] }) })] }));
|
|
60
|
+
}
|
|
61
|
+
if (type === "list") {
|
|
62
|
+
const sections = (_s = (_r = interactive.action) === null || _r === void 0 ? void 0 : _r.sections) !== null && _s !== void 0 ? _s : [];
|
|
63
|
+
const btnLabel = (_t = interactive.action) === null || _t === void 0 ? void 0 : _t.button;
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [headerText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.iHeader, { color: textColor }], children: headerText }) : null, bodyText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: bodyText }) : null, footerText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.iFooter, { color: textColor }], children: footerText }) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.divider, { borderTopColor: textColor + "22" }] }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.iActionBtn, disabled: disabled || !onReply, onPress: () => onShowListPicker && onReply && onShowListPicker(sections, (id, title) => onReply({ type: "list_reply", id, title, messageId })), children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.iActionText, { color: textColor, fontSize }], children: ["\u2630 ", btnLabel] }) })] }));
|
|
65
|
+
}
|
|
66
|
+
if (type === "button") {
|
|
67
|
+
const buttons = (_v = (_u = interactive.action) === null || _u === void 0 ? void 0 : _u.buttons) !== null && _v !== void 0 ? _v : [];
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [headerText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.iHeader, { color: textColor }], children: headerText }) : null, bodyText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: bodyText }) : null, footerText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.iFooter, { color: textColor }], children: footerText }) : null, buttons.map((btn, i) => {
|
|
69
|
+
var _a, _b, _c, _d, _e;
|
|
70
|
+
const id = (_b = (_a = btn === null || btn === void 0 ? void 0 : btn.reply) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : String(i);
|
|
71
|
+
const title = (_e = (_d = (_c = btn === null || btn === void 0 ? void 0 : btn.reply) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : btn === null || btn === void 0 ? void 0 : btn.text) !== null && _e !== void 0 ? _e : "";
|
|
72
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.divider, { borderTopColor: textColor + "22" }] }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.iActionBtn, disabled: disabled || !onReply, onPress: () => onReply === null || onReply === void 0 ? void 0 : onReply({ type: "button_reply", id, title, messageId }), children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.iActionText, { color: textColor, fontSize }], children: ["\u21A9 ", title] }) })] }, i));
|
|
73
|
+
})] }));
|
|
74
|
+
}
|
|
75
|
+
// fallback
|
|
76
|
+
return bodyText ? (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: bodyText }) : null;
|
|
77
|
+
}
|
|
78
|
+
function LivechatMessageRenderer({ message, textColor, fontSize, onInteractiveReply, onShowListPicker, disabled, }) {
|
|
79
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
80
|
+
const lc = message === null || message === void 0 ? void 0 : message.livechat;
|
|
81
|
+
if (!lc)
|
|
82
|
+
return null;
|
|
83
|
+
switch (lc.type) {
|
|
84
|
+
case "text":
|
|
85
|
+
return (0, jsx_runtime_1.jsx)(TextRenderer, { body: (_b = (_a = lc.text) === null || _a === void 0 ? void 0 : _a.body) !== null && _b !== void 0 ? _b : "", textColor: textColor, fontSize: fontSize });
|
|
86
|
+
case "image":
|
|
87
|
+
return (0, jsx_runtime_1.jsx)(ImageRenderer, { url: (_f = (_d = (_c = lc.image) === null || _c === void 0 ? void 0 : _c.link) !== null && _d !== void 0 ? _d : (_e = lc.image) === null || _e === void 0 ? void 0 : _e.url) !== null && _f !== void 0 ? _f : "", caption: (_g = lc.image) === null || _g === void 0 ? void 0 : _g.caption, textColor: textColor });
|
|
88
|
+
case "video":
|
|
89
|
+
return (0, jsx_runtime_1.jsx)(VideoRenderer, { url: (_l = (_j = (_h = lc.video) === null || _h === void 0 ? void 0 : _h.link) !== null && _j !== void 0 ? _j : (_k = lc.video) === null || _k === void 0 ? void 0 : _k.url) !== null && _l !== void 0 ? _l : "", caption: (_m = lc.video) === null || _m === void 0 ? void 0 : _m.caption, textColor: textColor });
|
|
90
|
+
case "audio":
|
|
91
|
+
return (0, jsx_runtime_1.jsx)(AudioRenderer, { url: (_r = (_p = (_o = lc.audio) === null || _o === void 0 ? void 0 : _o.link) !== null && _p !== void 0 ? _p : (_q = lc.audio) === null || _q === void 0 ? void 0 : _q.url) !== null && _r !== void 0 ? _r : "" });
|
|
92
|
+
case "document":
|
|
93
|
+
return (0, jsx_runtime_1.jsx)(DocumentRenderer, { url: (_v = (_t = (_s = lc.document) === null || _s === void 0 ? void 0 : _s.link) !== null && _t !== void 0 ? _t : (_u = lc.document) === null || _u === void 0 ? void 0 : _u.url) !== null && _v !== void 0 ? _v : "", filename: (_y = (_x = (_w = lc.document) === null || _w === void 0 ? void 0 : _w.filename) !== null && _x !== void 0 ? _x : message === null || message === void 0 ? void 0 : message.fileName) !== null && _y !== void 0 ? _y : "Document", textColor: textColor });
|
|
94
|
+
case "interactive":
|
|
95
|
+
return ((0, jsx_runtime_1.jsx)(InteractiveRenderer, { message: message, textColor: textColor, fontSize: fontSize, onReply: onInteractiveReply, onShowListPicker: onShowListPicker, disabled: disabled }));
|
|
96
|
+
default:
|
|
97
|
+
return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: textColor, fontSize }], children: "[Message]" });
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
const styles = react_native_1.StyleSheet.create({
|
|
101
|
+
text: { lineHeight: 22, paddingHorizontal: 12, paddingVertical: 8, flexShrink: 1 },
|
|
102
|
+
pad: { paddingHorizontal: 12, paddingVertical: 8 },
|
|
103
|
+
caption: { fontSize: 12, paddingHorizontal: 8, paddingBottom: 6, marginTop: 2 },
|
|
104
|
+
mediaPad: { padding: 4 },
|
|
105
|
+
mediaImage: { width: 260, height: 180, borderRadius: 8 },
|
|
106
|
+
videoBox: { width: 260, height: 160, backgroundColor: "#000", borderRadius: 8, alignItems: "center", justifyContent: "center" },
|
|
107
|
+
playOverlay: { width: 48, height: 48, borderRadius: 24, backgroundColor: "rgba(255,255,255,0.85)", alignItems: "center", justifyContent: "center" },
|
|
108
|
+
playIcon: { fontSize: 20, marginLeft: 3 },
|
|
109
|
+
audioRow: { flexDirection: "row", alignItems: "center", paddingHorizontal: 12, paddingVertical: 10, gap: 8 },
|
|
110
|
+
audioIcon: { fontSize: 18 },
|
|
111
|
+
audioLabel: { fontSize: 13, color: "#71717a" },
|
|
112
|
+
docRow: { flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 12, paddingVertical: 10, maxWidth: 260 },
|
|
113
|
+
docIcon: { fontSize: 20 },
|
|
114
|
+
docName: { flex: 1, fontSize: 13 },
|
|
115
|
+
docDownload: { fontSize: 16, fontWeight: "600" },
|
|
116
|
+
iHeader: { fontSize: 14, fontWeight: "600", paddingHorizontal: 12, paddingTop: 10, paddingBottom: 2 },
|
|
117
|
+
iFooter: { fontSize: 11, fontStyle: "italic", paddingHorizontal: 12, paddingBottom: 6, opacity: 0.6 },
|
|
118
|
+
divider: { borderTopWidth: react_native_1.StyleSheet.hairlineWidth, marginHorizontal: 0 },
|
|
119
|
+
iActionBtn: { paddingHorizontal: 12, paddingVertical: 10, alignItems: "center" },
|
|
120
|
+
iActionText: { fontWeight: "500", textAlign: "center" },
|
|
121
|
+
});
|
|
122
|
+
//# sourceMappingURL=LivechatMessageRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LivechatMessageRenderer.js","sourceRoot":"","sources":["../../../src/ui/components/LivechatMessageRenderer.tsx"],"names":[],"mappings":"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"}
|