turbodesk-livechat-react-native 0.1.0-alpha.0

package/dist/ui/components/LogMessage.d.ts

@@ -0,0 +1,5 @@
+export type LogMessageProps = {
+    message: any;
+};
+export declare function LogMessage({ message }: LogMessageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LogMessage.d.ts.map

package/dist/ui/components/LogMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogMessage.d.ts","sourceRoot":"","sources":["../../../src/ui/components/LogMessage.tsx"],"names":[],"mappings":"AA2DA,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,kDAmBtD"}

package/dist/ui/components/LogMessage.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogMessage = LogMessage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const LiveChatContext_1 = require("../../provider/LiveChatContext");
+function pickActorEntity(message) {
+    var _a;
+    const actor = (_a = message === null || message === void 0 ? void 0 : message.log) === null || _a === void 0 ? void 0 : _a.actor;
+    if (!(actor === null || actor === void 0 ? void 0 : actor.type))
+        return null;
+    if (actor.type === "user")
+        return actor.userId;
+    if (actor.type === "bot")
+        return actor.botId;
+    if (actor.type === "ai")
+        return actor.aiId;
+    return null;
+}
+function assignerDisplayName(message) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const entity = pickActorEntity(message);
+    const n = typeof (entity === null || entity === void 0 ? void 0 : entity.name) === "string"
+        ? entity.name.trim()
+        : typeof (entity === null || entity === void 0 ? void 0 : entity.displayName) === "string"
+            ? entity.displayName.trim()
+            : "";
+    if (n)
+        return n;
+    // fallback: parse from raw body string e.g. "jagan has joined the chat"
+    const body = (_d = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.livechat) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.body) !== null && _c !== void 0 ? _c : message === null || message === void 0 ? void 0 : message.content) !== null && _d !== void 0 ? _d : "";
+    const joinMatch = body.match(/^(.+?) has joined/i);
+    if (joinMatch)
+        return joinMatch[1].trim();
+    const closeMatch = body.match(/^(.+?) has closed/i);
+    if (closeMatch)
+        return closeMatch[1].trim();
+    const leftMatch = body.match(/^(.+?) has left/i);
+    if (leftMatch)
+        return leftMatch[1].trim();
+    return (_g = (_f = (_e = message === null || message === void 0 ? void 0 : message.userId) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : message === null || message === void 0 ? void 0 : message.actorName) !== null && _g !== void 0 ? _g : "Someone";
+}
+function resolveSuffix(message) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const event = (_b = (_a = message === null || message === void 0 ? void 0 : message.log) === null || _a === void 0 ? void 0 : _a.action) === null || _b === void 0 ? void 0 : _b.event;
+    if (event === "marked_as_spam")
+        return null;
+    if (event === "unassigned")
+        return "has left the chat";
+    if (event === "resolved")
+        return "has closed the chat";
+    if (event === "assigned")
+        return "has joined the chat";
+    if (event) {
+        const assign = (_d = (_c = message === null || message === void 0 ? void 0 : message.log) === null || _c === void 0 ? void 0 : _c.action) === null || _d === void 0 ? void 0 : _d.assign;
+        if (assign)
+            return "has joined the chat";
+        return null;
+    }
+    // fallback: parse from raw body
+    const body = (_h = (_g = (_f = (_e = message === null || message === void 0 ? void 0 : message.livechat) === null || _e === void 0 ? void 0 : _e.text) === null || _f === void 0 ? void 0 : _f.body) !== null && _g !== void 0 ? _g : message === null || message === void 0 ? void 0 : message.content) !== null && _h !== void 0 ? _h : "";
+    const logType = (_l = (_k = (_j = message === null || message === void 0 ? void 0 : message.livechat) === null || _j === void 0 ? void 0 : _j.logType) !== null && _k !== void 0 ? _k : message === null || message === void 0 ? void 0 : message.logType) !== null && _l !== void 0 ? _l : "";
+    if (logType === "resolved" || body.toLowerCase().includes("closed"))
+        return "has closed the chat";
+    if (logType === "unassigned" || body.toLowerCase().includes("left"))
+        return "has left the chat";
+    if (logType === "assigned" || body.toLowerCase().includes("joined"))
+        return "has joined the chat";
+    return body || null;
+}
+function LogMessage({ message }) {
+    const { theme: t } = (0, LiveChatContext_1.useLiveChatContext)();
+    const suffix = resolveSuffix(message);
+    if (!suffix)
+        return null;
+    const name = assignerDisplayName(message);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.row, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: t.colors.textMuted }], children: name ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: t.colors.text, fontWeight: "600" }, children: name }), " " + suffix] })) : suffix }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    row: { alignItems: "center", paddingVertical: 8, paddingHorizontal: 16 },
+    text: { textAlign: "center", fontSize: 12, lineHeight: 18 },
+});
+//# sourceMappingURL=LogMessage.js.map

package/dist/ui/components/LogMessage.js.map

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

package/dist/ui/components/MessageBubble.d.ts

@@ -0,0 +1,15 @@
+import type { InteractiveReplyPayload, ShowListPickerFn } from "./LivechatMessageRenderer";
+export type BubblePosition = "single" | "first" | "middle" | "last";
+export type MessageBubbleProps = {
+    message: any;
+    isOutgoing?: boolean;
+    position?: BubblePosition;
+    showFooter?: boolean;
+    senderName?: string;
+    roleLabel?: string;
+    onInteractiveReply?: (payload: InteractiveReplyPayload | string) => void;
+    onShowListPicker?: ShowListPickerFn;
+    disabled?: boolean;
+};
+export declare function MessageBubble({ message, isOutgoing, position, showFooter, senderName, roleLabel, onInteractiveReply, onShowListPicker, disabled, }: MessageBubbleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/ui/components/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MessageBubble.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,GAAG,MAAM,KAAK,IAAI,CAAC;IACzE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmEF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,UAAU,EACV,QAAmB,EACnB,UAAkB,EAClB,UAAU,EACV,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,GACT,EAAE,kBAAkB,2CA2CpB"}

package/dist/ui/components/MessageBubble.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageBubble = MessageBubble;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const LiveChatContext_1 = require("../../provider/LiveChatContext");
+const LivechatMessageRenderer_1 = require("./LivechatMessageRenderer");
+// ── bubble radius — mirrors web contact/agent bubble radius logic ─────────────
+function getBubbleRadius(position, outgoing, base) {
+    const sm = 5;
+    if (outgoing) {
+        switch (position) {
+            case "first": return { borderTopLeftRadius: base, borderTopRightRadius: base, borderBottomLeftRadius: base, borderBottomRightRadius: sm };
+            case "middle": return { borderTopLeftRadius: base, borderTopRightRadius: sm, borderBottomLeftRadius: base, borderBottomRightRadius: sm };
+            case "last": return { borderTopLeftRadius: base, borderTopRightRadius: sm, borderBottomLeftRadius: base, borderBottomRightRadius: base };
+            default: return { borderTopLeftRadius: base, borderTopRightRadius: base, borderBottomLeftRadius: base, borderBottomRightRadius: base };
+        }
+    }
+    else {
+        switch (position) {
+            case "first": return { borderTopLeftRadius: base, borderTopRightRadius: base, borderBottomLeftRadius: sm, borderBottomRightRadius: base };
+            case "middle": return { borderTopLeftRadius: sm, borderTopRightRadius: base, borderBottomLeftRadius: sm, borderBottomRightRadius: base };
+            case "last": return { borderTopLeftRadius: sm, borderTopRightRadius: base, borderBottomLeftRadius: base, borderBottomRightRadius: base };
+            default: return { borderTopLeftRadius: base, borderTopRightRadius: base, borderBottomLeftRadius: base, borderBottomRightRadius: base };
+        }
+    }
+}
+// ── footer — mirrors web buildAgentMeta / buildContactMeta ───────────────────
+function formatMetaRelativeTime(dateStr) {
+    if (!dateStr)
+        return "now";
+    const d = new Date(dateStr);
+    if (isNaN(d.getTime()))
+        return "now";
+    const diff = Date.now() - d.getTime();
+    if (diff < 60000)
+        return "now";
+    const m = Math.floor(diff / 60000);
+    if (m < 60)
+        return `${m}m`;
+    const h = Math.floor(m / 60);
+    if (h < 24)
+        return `${h}h`;
+    const day = Math.floor(h / 24);
+    if (day < 7)
+        return `${day}d`;
+    return d.toLocaleDateString([], { month: "short", day: "numeric" });
+}
+function GroupFooter({ message, outgoing, mutedColor, senderName, roleLabel, }) {
+    var _a;
+    const dateStr = (message === null || message === void 0 ? void 0 : message.createdAt) || ((_a = message === null || message === void 0 ? void 0 : message.livechat) === null || _a === void 0 ? void 0 : _a.timestamp);
+    const time = formatMetaRelativeTime(dateStr);
+    if (outgoing) {
+        return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.footerText, styles.footerRight, { color: mutedColor }], children: time });
+    }
+    // mirrors web buildAgentMeta: name • role • time
+    const parts = [senderName, roleLabel, time].filter(Boolean).join(" \u2022 ");
+    return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.footerText, { color: mutedColor }], numberOfLines: 1, children: parts });
+}
+// ── main component ────────────────────────────────────────────────────────────
+function MessageBubble({ message, isOutgoing, position = "single", showFooter = false, senderName, roleLabel, onInteractiveReply, onShowListPicker, disabled, }) {
+    const { theme: t } = (0, LiveChatContext_1.useLiveChatContext)();
+    const outgoing = isOutgoing !== undefined ? isOutgoing : (message === null || message === void 0 ? void 0 : message.senderType) === "contact";
+    const bubbleBg = outgoing
+        ? t.useBrandThemingForChat ? t.colors.brand : t.colors.bubbleOut
+        : t.colors.bubbleIn;
+    const textColor = outgoing ? t.colors.bubbleTextOut : t.colors.bubbleTextIn;
+    const radiusStyle = getBubbleRadius(position, outgoing, t.borderRadius.bubble);
+    const marginBottom = position === "single" || position === "last" ? t.spacing.sm : t.spacing.xs / 2;
+    // normalize onInteractiveReply — web passes full payload, legacy passes string label
+    const handleInteractiveReply = onInteractiveReply
+        ? (payload) => onInteractiveReply(payload)
+        : undefined;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { marginBottom }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.row, outgoing ? styles.rowRight : styles.rowLeft], children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.bubble, radiusStyle, { backgroundColor: bubbleBg, maxWidth: "78%" }], children: (0, jsx_runtime_1.jsx)(LivechatMessageRenderer_1.LivechatMessageRenderer, { message: message, textColor: textColor, fontSize: t.fontSizes.md, onInteractiveReply: handleInteractiveReply, onShowListPicker: onShowListPicker, disabled: disabled }) }) }), showFooter ? ((0, jsx_runtime_1.jsx)(GroupFooter, { message: message, outgoing: outgoing, mutedColor: t.colors.textMuted, senderName: senderName, roleLabel: roleLabel })) : null] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    row: { flexDirection: "row", paddingHorizontal: 12, marginVertical: 1 },
+    rowLeft: { justifyContent: "flex-start" },
+    rowRight: { justifyContent: "flex-end" },
+    bubble: { overflow: "hidden" },
+    footerText: { fontSize: 11, color: "#71717a", paddingHorizontal: 16, marginTop: 2, marginBottom: 2 },
+    footerRight: { textAlign: "right" },
+});
+//# sourceMappingURL=MessageBubble.js.map

package/dist/ui/components/MessageBubble.js.map

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

package/dist/ui/components/MessageComposer.d.ts

@@ -0,0 +1,31 @@
+export type PickedAttachmentKind = "image" | "video" | "audio" | "document";
+export type PickedAttachment = {
+    uri: string;
+    name: string;
+    type: string;
+    size?: number;
+    kind: PickedAttachmentKind;
+};
+export type UploadedAttachment = {
+    id: string;
+    fileId: string;
+    fileUrl: string;
+    fileName: string;
+    fileExtension: string;
+    fileType: string;
+    type: PickedAttachmentKind;
+};
+export type PendingAttachment = {
+    id: string;
+    uri: string;
+    name: string;
+    mimeType: string;
+    kind: PickedAttachmentKind;
+};
+export type MessageComposerProps = {
+    onSend: (text: string, uploadedAttachments?: UploadedAttachment[]) => void | Promise<void>;
+    disabled?: boolean;
+    placeholder?: string;
+};
+export declare function MessageComposer({ onSend, disabled, placeholder, }: MessageComposerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageComposer.d.ts.map

package/dist/ui/components/MessageComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageComposer.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MessageComposer.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,oBAAoB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,oBAAoB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,oBAAoB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwNF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAgB,EAChB,WAAwB,GACzB,EAAE,oBAAoB,2CAwFtB"}

package/dist/ui/components/MessageComposer.js

@@ -0,0 +1,295 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageComposer = MessageComposer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const LiveChatContext_1 = require("../../provider/LiveChatContext");
+const file_api_1 = require("../../api/file-api");
+const icons_1 = require("../icons");
+const MAX_ATTACHMENTS = 5;
+function newId() {
+    return typeof crypto !== "undefined" && crypto.randomUUID
+        ? crypto.randomUUID()
+        : `a-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function AttachmentMenu({ onPick, disabled, attachmentCount, color }) {
+    const { theme: t } = (0, LiveChatContext_1.useLiveChatContext)();
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const atLimit = attachmentCount >= MAX_ATTACHMENTS;
+    const triggerDisabled = disabled || atLimit;
+    const handleKind = (0, react_1.useCallback)(async (kind) => {
+        var _a, _b;
+        setOpen(false);
+        if (triggerDisabled)
+            return;
+        try {
+            let picked = null;
+            if (kind === "image") {
+                // Try react-native-image-picker
+                const ImagePicker = require("react-native-image-picker");
+                await new Promise((resolve) => {
+                    ImagePicker.launchImageLibrary({ mediaType: "photo", quality: 0.8 }, (res) => {
+                        var _a, _b, _c;
+                        if (res.didCancel || res.errorCode) {
+                            resolve();
+                            return;
+                        }
+                        const asset = (_a = res.assets) === null || _a === void 0 ? void 0 : _a[0];
+                        if (!asset) {
+                            resolve();
+                            return;
+                        }
+                        picked = {
+                            uri: asset.uri,
+                            name: (_b = asset.fileName) !== null && _b !== void 0 ? _b : "image.jpg",
+                            type: (_c = asset.type) !== null && _c !== void 0 ? _c : "image/jpeg",
+                            size: asset.fileSize,
+                            kind: "image",
+                        };
+                        resolve();
+                    });
+                });
+            }
+            else if (kind === "video") {
+                const ImagePicker = require("react-native-image-picker");
+                await new Promise((resolve) => {
+                    ImagePicker.launchImageLibrary({ mediaType: "video" }, (res) => {
+                        var _a, _b, _c;
+                        if (res.didCancel || res.errorCode) {
+                            resolve();
+                            return;
+                        }
+                        const asset = (_a = res.assets) === null || _a === void 0 ? void 0 : _a[0];
+                        if (!asset) {
+                            resolve();
+                            return;
+                        }
+                        picked = {
+                            uri: asset.uri,
+                            name: (_b = asset.fileName) !== null && _b !== void 0 ? _b : "video.mp4",
+                            type: (_c = asset.type) !== null && _c !== void 0 ? _c : "video/mp4",
+                            size: asset.fileSize,
+                            kind: "video",
+                        };
+                        resolve();
+                    });
+                });
+            }
+            else {
+                // audio / document — use react-native-document-picker
+                const DocumentPicker = require("react-native-document-picker");
+                const types = kind === "audio"
+                    ? [DocumentPicker.types.audio]
+                    : [DocumentPicker.types.pdf, DocumentPicker.types.plainText, DocumentPicker.types.doc, DocumentPicker.types.docx];
+                const res = await DocumentPicker.pick({ type: types });
+                const file = Array.isArray(res) ? res[0] : res;
+                if (file) {
+                    picked = {
+                        uri: file.uri,
+                        name: (_a = file.name) !== null && _a !== void 0 ? _a : "file",
+                        type: (_b = file.type) !== null && _b !== void 0 ? _b : "application/octet-stream",
+                        size: file.size,
+                        kind,
+                    };
+                }
+            }
+            if (picked)
+                onPick(picked);
+        }
+        catch (e) {
+            if ((e === null || e === void 0 ? void 0 : e.code) !== "DOCUMENT_PICKER_CANCELED") {
+                react_native_1.Alert.alert("Error", "Could not pick file.");
+            }
+        }
+    }, [triggerDisabled, onPick]);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.attachMenuRoot, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => !triggerDisabled && setOpen((o) => !o), disabled: triggerDisabled, style: [styles.iconBtn, triggerDisabled && styles.disabled], accessibilityLabel: "Attach file", children: (0, jsx_runtime_1.jsx)(icons_1.PaperclipIcon, { size: 20, color: color }) }), open ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.attachPopover, { backgroundColor: t.colors.surface, borderColor: t.colors.border }], children: [["image", "video", "audio", "document"].map((kind) => ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => void handleKind(kind), style: styles.attachMenuItem, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.attachMenuLabel, { color: t.colors.text }], children: kind.charAt(0).toUpperCase() + kind.slice(1) }) }, kind))), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => setOpen(false), style: [styles.attachMenuClose, { borderTopColor: t.colors.border }], children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { size: 14, color: t.colors.textMuted }) })] })) : null] }));
+}
+// ── file previews ─────────────────────────────────────────────────────────────
+function FilePreviews({ items, onRemove, borderColor, }) {
+    const { theme: t } = (0, LiveChatContext_1.useLiveChatContext)();
+    if (!items.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.previewScroll, contentContainerStyle: styles.previewContent, children: items.map((item) => {
+            const isImage = item.kind === "image";
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.previewItem, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.previewThumb, { borderColor }], children: isImage ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: item.uri }, style: styles.previewImage, resizeMode: "cover" })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.previewFileIcon, { backgroundColor: t.colors.bubbleIn }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.previewFileIconText, children: "\uD83D\uDCC4" }) })) }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => onRemove(item.id), style: [styles.previewRemoveBtn, { backgroundColor: t.colors.surface, borderColor: t.colors.border }], accessibilityLabel: `Remove ${item.name}`, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { size: 10, color: borderColor }) })] }, item.id));
+        }) }));
+}
+// ── upload helper ─────────────────────────────────────────────────────────────
+async function uploadAttachment(pending, visitorQueryParams) {
+    var _a, _b, _c;
+    try {
+        const ext = (_a = pending.name.split(".").pop()) !== null && _a !== void 0 ? _a : "";
+        const presigned = await file_api_1.fileApi.getFileUrl({
+            operation: "putObject",
+            name: pending.name,
+            type: pending.mimeType,
+            extension: ext,
+            fileMode: "app",
+        }, visitorQueryParams ? { params: visitorQueryParams } : undefined);
+        await fetch((_b = presigned === null || presigned === void 0 ? void 0 : presigned.data) === null || _b === void 0 ? void 0 : _b.signedUrl, {
+            method: "PUT",
+            headers: { "Content-Type": pending.mimeType },
+            body: { uri: pending.uri, type: pending.mimeType, name: pending.name },
+        });
+        const uploaded = (_c = presigned === null || presigned === void 0 ? void 0 : presigned.data) === null || _c === void 0 ? void 0 : _c.file;
+        return {
+            id: pending.id,
+            fileId: uploaded._id,
+            fileUrl: uploaded.url,
+            fileName: uploaded.name,
+            fileExtension: uploaded.extension,
+            fileType: pending.mimeType,
+            type: pending.kind,
+        };
+    }
+    catch {
+        return null;
+    }
+}
+// ── main composer ─────────────────────────────────────────────────────────────
+function MessageComposer({ onSend, disabled = false, placeholder = "Message…", }) {
+    const { theme: t, visitorQueryParams } = (0, LiveChatContext_1.useLiveChatContext)();
+    const [text, setText] = (0, react_1.useState)("");
+    const [attachments, setAttachments] = (0, react_1.useState)([]);
+    const [isSending, setIsSending] = (0, react_1.useState)(false);
+    const inputRef = (0, react_1.useRef)(null);
+    const trimmed = text.trim();
+    const canSend = (trimmed.length > 0 || attachments.length > 0) && !disabled && !isSending;
+    const handlePick = (0, react_1.useCallback)((item) => {
+        setAttachments((prev) => {
+            if (prev.length >= MAX_ATTACHMENTS)
+                return prev;
+            return [...prev, { id: newId(), uri: item.uri, name: item.name, mimeType: item.type, kind: item.kind }];
+        });
+    }, []);
+    const handleRemove = (0, react_1.useCallback)((id) => {
+        setAttachments((prev) => prev.filter((a) => a.id !== id));
+    }, []);
+    const handleSend = (0, react_1.useCallback)(async () => {
+        if (!canSend)
+            return;
+        setIsSending(true);
+        const snapshot = [...attachments];
+        const sendText = text.trim();
+        try {
+            const uploadResults = await Promise.all(snapshot.map((a) => uploadAttachment(a, visitorQueryParams)));
+            const uploaded = uploadResults.filter((r) => r !== null);
+            await onSend(sendText, uploaded);
+            setText("");
+            setAttachments([]);
+        }
+        catch {
+            /* ignore */
+        }
+        finally {
+            setIsSending(false);
+        }
+    }, [canSend, text, attachments, onSend, visitorQueryParams]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor: t.colors.composerBackground, borderTopColor: t.colors.composerBorder }], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.inner, { borderColor: t.colors.composerBorder }], children: [(0, jsx_runtime_1.jsx)(FilePreviews, { items: attachments, onRemove: handleRemove, borderColor: t.colors.border }), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: inputRef, style: [styles.input, { color: t.colors.inputText, fontSize: t.fontSizes.md }], value: text, onChangeText: setText, placeholder: placeholder, placeholderTextColor: t.colors.textMuted, multiline: true, maxLength: 4000, editable: !disabled, returnKeyType: "default", blurOnSubmit: false }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.toolbar, children: [(0, jsx_runtime_1.jsx)(AttachmentMenu, { onPick: handlePick, disabled: disabled || isSending, attachmentCount: attachments.length, color: t.colors.textMuted }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => void handleSend(), disabled: !canSend, activeOpacity: 0.75, style: [
+                                styles.sendBtn,
+                                { backgroundColor: canSend ? t.colors.sendButtonBackground : t.colors.border },
+                            ], accessibilityLabel: "Send message", children: isSending ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "small", color: t.colors.sendButtonIcon })) : ((0, jsx_runtime_1.jsx)(icons_1.SendPlaneIcon, { size: 18, color: canSend ? t.colors.sendButtonIcon : t.colors.textMuted })) })] })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        borderTopWidth: 1,
+        paddingHorizontal: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+    },
+    inner: {
+        borderWidth: 1,
+        borderRadius: 12,
+        paddingHorizontal: 12,
+        paddingTop: 10,
+        paddingBottom: 6,
+    },
+    input: {
+        minHeight: 30,
+        maxHeight: 200,
+        paddingVertical: 4,
+        paddingHorizontal: 4,
+    },
+    toolbar: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginTop: 6,
+    },
+    iconBtn: {
+        width: 36,
+        height: 36,
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 18,
+    },
+    disabled: { opacity: 0.4 },
+    sendBtn: {
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    // attachment menu
+    attachMenuRoot: { position: "relative" },
+    attachPopover: {
+        position: "absolute",
+        bottom: 44,
+        left: 0,
+        borderRadius: 12,
+        borderWidth: 1,
+        paddingVertical: 4,
+        minWidth: 140,
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.12,
+        shadowRadius: 8,
+        elevation: 6,
+        zIndex: 20,
+    },
+    attachMenuItem: {
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+    },
+    attachMenuLabel: {
+        fontSize: 14,
+    },
+    attachMenuClose: {
+        alignItems: "center",
+        paddingVertical: 8,
+        borderTopWidth: react_native_1.StyleSheet.hairlineWidth,
+    },
+    // previews
+    previewScroll: { marginBottom: 8 },
+    previewContent: { gap: 8, paddingBottom: 2 },
+    previewItem: { position: "relative" },
+    previewThumb: {
+        borderWidth: 1,
+        borderRadius: 8,
+        padding: 2,
+        overflow: "hidden",
+    },
+    previewImage: { width: 44, height: 44, borderRadius: 6 },
+    previewFileIcon: {
+        width: 44,
+        height: 44,
+        borderRadius: 6,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    previewFileIconText: { fontSize: 20 },
+    previewRemoveBtn: {
+        position: "absolute",
+        top: -4,
+        right: -4,
+        width: 18,
+        height: 18,
+        borderRadius: 9,
+        borderWidth: 1,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+//# sourceMappingURL=MessageComposer.js.map

package/dist/ui/components/MessageComposer.js.map

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

package/dist/ui/components/WsStatusStrip.d.ts

@@ -0,0 +1,2 @@
+export declare function WsStatusStrip(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=WsStatusStrip.d.ts.map

package/dist/ui/components/WsStatusStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WsStatusStrip.d.ts","sourceRoot":"","sources":["../../../src/ui/components/WsStatusStrip.tsx"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,mDA2E5B"}