@chatlychat/react-native 0.0.0-stage → 0.1.0

package/dist/components/Composer.js

@@ -0,0 +1,180 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ActivityIndicator, Pressable, ScrollView, StyleSheet, Text, TextInput, View, } from 'react-native';
+import { useChatly } from '../useChatly';
+export function Composer({ conversationId, onSent, placeholder = 'Type a message…', }) {
+    const { rest, theme } = useChatly();
+    const [value, setValue] = useState('');
+    const [sending, setSending] = useState(false);
+    const [uploading, setUploading] = useState(false);
+    const [staged, setStaged] = useState([]);
+    const send = async () => {
+        const trimmed = value.trim();
+        if ((trimmed.length === 0 && staged.length === 0) || sending) {
+            return;
+        }
+        setSending(true);
+        try {
+            const attachments = staged.length > 0 ? staged : undefined;
+            if (conversationId === null) {
+                const res = await rest.start(trimmed, attachments);
+                onSent?.(res.conversation.id);
+            }
+            else {
+                await rest.reply(conversationId, trimmed, attachments);
+                onSent?.(conversationId);
+            }
+            setValue('');
+            setStaged([]);
+        }
+        catch {
+            // Non-fatal: leave the input populated so the user can retry.
+        }
+        finally {
+            setSending(false);
+        }
+    };
+    const attach = async () => {
+        const picker = globalThis.__chatlyPicker;
+        if (picker === undefined) {
+            // No picker installed — silently no-op so the host doesn't crash. Hosts
+            // can detect this by checking `globalThis.__chatlyPicker` themselves.
+            return;
+        }
+        if (uploading) {
+            return;
+        }
+        setUploading(true);
+        try {
+            const picked = await picker();
+            if (picked === null) {
+                return;
+            }
+            const attachment = await rest.uploadAttachment({
+                bytes: picked.bytes,
+                filename: picked.filename,
+                mimeType: picked.mimeType,
+            });
+            setStaged((prev) => [...prev, attachment]);
+        }
+        catch {
+            // No-op; the user can retry.
+        }
+        finally {
+            setUploading(false);
+        }
+    };
+    const removeStaged = (id) => {
+        setStaged((prev) => prev.filter((a) => a.id !== id));
+    };
+    const sendDisabled = sending || (value.trim().length === 0 && staged.length === 0);
+    return (_jsxs(View, { style: [
+            styles.column,
+            {
+                borderTopColor: theme.colors.border,
+                backgroundColor: theme.colors.background,
+                padding: theme.spacing.sm,
+            },
+        ], children: [(staged.length > 0 || uploading) && (_jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.chipScroll, contentContainerStyle: styles.chipRow, children: [uploading && (_jsxs(View, { style: [
+                            styles.chip,
+                            {
+                                backgroundColor: theme.colors.surface,
+                                borderColor: theme.colors.border,
+                                borderRadius: theme.radius.md,
+                            },
+                        ], children: [_jsx(ActivityIndicator, { color: theme.colors.primary, size: "small" }), _jsx(Text, { style: {
+                                    color: theme.colors.foreground,
+                                    fontSize: theme.typography.sizeSmall,
+                                    marginLeft: 6,
+                                }, children: "Uploading\u2026" })] })), staged.map((a) => (_jsxs(View, { style: [
+                            styles.chip,
+                            {
+                                backgroundColor: theme.colors.surface,
+                                borderColor: theme.colors.border,
+                                borderRadius: theme.radius.md,
+                            },
+                        ], children: [_jsx(Text, { style: {
+                                    color: theme.colors.foreground,
+                                    fontSize: theme.typography.sizeSmall,
+                                    maxWidth: 140,
+                                }, numberOfLines: 1, ellipsizeMode: "middle", children: a.filename }), _jsx(Pressable, { onPress: () => removeStaged(a.id), accessibilityRole: "button", accessibilityLabel: "Remove attachment", style: styles.removeBtn, children: _jsx(Text, { style: { color: theme.colors.mutedForeground }, children: "\u00D7" }) })] }, a.id)))] })), _jsxs(View, { style: styles.row, children: [_jsx(Pressable, { onPress: attach, disabled: uploading || sending, accessibilityRole: "button", accessibilityLabel: "Attach a file", style: ({ pressed }) => [
+                            styles.attach,
+                            {
+                                opacity: pressed || uploading ? 0.6 : 1,
+                                marginRight: theme.spacing.sm,
+                            },
+                        ], children: uploading ? (_jsx(ActivityIndicator, { color: theme.colors.primary })) : (_jsx(Text, { style: {
+                                color: theme.colors.primary,
+                                fontSize: theme.typography.sizeBody + 6,
+                                fontWeight: theme.typography.weightMedium,
+                            }, children: "+" })) }), _jsx(TextInput, { value: value, onChangeText: setValue, placeholder: placeholder, placeholderTextColor: theme.colors.mutedForeground, multiline: true, editable: !sending, style: [
+                            styles.input,
+                            {
+                                color: theme.colors.foreground,
+                                backgroundColor: theme.colors.surface,
+                                borderColor: theme.colors.border,
+                                borderRadius: theme.radius.md,
+                                paddingHorizontal: theme.spacing.md,
+                                paddingVertical: theme.spacing.sm,
+                                fontSize: theme.typography.sizeBody,
+                            },
+                        ] }), _jsx(Pressable, { onPress: send, disabled: sendDisabled, accessibilityRole: "button", accessibilityLabel: "Send message", style: ({ pressed }) => [
+                            styles.send,
+                            {
+                                backgroundColor: theme.colors.primary,
+                                borderRadius: theme.radius.md,
+                                paddingHorizontal: theme.spacing.md,
+                                paddingVertical: theme.spacing.sm,
+                                opacity: pressed || sendDisabled ? 0.6 : 1,
+                                marginLeft: theme.spacing.sm,
+                            },
+                        ], children: sending ? (_jsx(ActivityIndicator, { color: theme.colors.onPrimary })) : (_jsx(Text, { style: {
+                                color: theme.colors.onPrimary,
+                                fontWeight: theme.typography.weightMedium,
+                                fontSize: theme.typography.sizeBody,
+                            }, children: "Send" })) })] })] }));
+}
+const styles = StyleSheet.create({
+    column: {
+        flexDirection: 'column',
+        borderTopWidth: StyleSheet.hairlineWidth,
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+    },
+    chipScroll: { marginBottom: 6 },
+    chipRow: { alignItems: 'center', paddingVertical: 2 },
+    chip: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 10,
+        paddingVertical: 4,
+        borderWidth: StyleSheet.hairlineWidth,
+        marginRight: 6,
+    },
+    removeBtn: {
+        marginLeft: 6,
+        paddingHorizontal: 4,
+        minWidth: 16,
+        alignItems: 'center',
+    },
+    attach: {
+        height: 40,
+        width: 40,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    input: {
+        flex: 1,
+        minHeight: 40,
+        maxHeight: 120,
+        borderWidth: StyleSheet.hairlineWidth,
+    },
+    send: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: 40,
+    },
+});
+//# sourceMappingURL=Composer.js.map

package/dist/components/Composer.js.map

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

package/dist/components/HelpCenter.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface HelpCenterProps {
+    /** Initial query to seed the search box. */
+    initialQuery?: string;
+}
+/**
+ * Renders a KB search box, a result list, and an article reader. We do not
+ * pull in a markdown renderer (would add a non-RN-primitive dep); instead we
+ * display the plaintext `body` field. Consumers who want rich rendering can
+ * embed their own renderer by re-using `useChatly().rest.getKbArticle`.
+ */
+export declare function HelpCenter({ initialQuery }: HelpCenterProps): React.JSX.Element;
+//# sourceMappingURL=HelpCenter.d.ts.map

package/dist/components/HelpCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpCenter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAiBhE,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,YAAiB,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkKpF"}

package/dist/components/HelpCenter.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { ActivityIndicator, FlatList, Pressable, ScrollView, StyleSheet, Text, TextInput, View, } from 'react-native';
+import { useChatly } from '../useChatly';
+/**
+ * Renders a KB search box, a result list, and an article reader. We do not
+ * pull in a markdown renderer (would add a non-RN-primitive dep); instead we
+ * display the plaintext `body` field. Consumers who want rich rendering can
+ * embed their own renderer by re-using `useChatly().rest.getKbArticle`.
+ */
+export function HelpCenter({ initialQuery = '' }) {
+    const { rest, theme } = useChatly();
+    const [query, setQuery] = useState(initialQuery);
+    const [results, setResults] = useState([]);
+    const [article, setArticle] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const runSearch = useCallback(async (q) => {
+        if (q.trim().length === 0) {
+            setResults([]);
+            return;
+        }
+        setLoading(true);
+        try {
+            const res = await rest.searchKb(q.trim());
+            setResults(res.results);
+        }
+        catch {
+            setResults([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [rest]);
+    useEffect(() => {
+        const handle = setTimeout(() => {
+            void runSearch(query);
+        }, 200);
+        return () => clearTimeout(handle);
+    }, [query, runSearch]);
+    const openArticle = useCallback(async (slug) => {
+        setLoading(true);
+        try {
+            const res = await rest.getKbArticle(slug);
+            setArticle(res.article);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [rest]);
+    if (article !== null) {
+        return (_jsxs(View, { style: [styles.container, { backgroundColor: theme.colors.background }], children: [_jsx(Pressable, { onPress: () => setArticle(null), accessibilityRole: "button", accessibilityLabel: "Back to results", style: { padding: theme.spacing.md }, children: _jsx(Text, { style: { color: theme.colors.primary, fontSize: theme.typography.sizeBody }, children: "\u2190 Back" }) }), _jsxs(ScrollView, { contentContainerStyle: { padding: theme.spacing.lg }, children: [_jsx(Text, { style: {
+                                color: theme.colors.foreground,
+                                fontSize: theme.typography.sizeTitle,
+                                fontWeight: theme.typography.weightBold,
+                                marginBottom: theme.spacing.md,
+                            }, children: article.title }), _jsx(Text, { style: {
+                                color: theme.colors.foreground,
+                                fontSize: theme.typography.sizeBody,
+                                lineHeight: theme.typography.sizeBody * 1.5,
+                            }, children: article.body })] })] }));
+    }
+    const renderItem = ({ item }) => (_jsxs(Pressable, { onPress: () => void openArticle(item.slug), accessibilityRole: "button", accessibilityLabel: `Open article ${item.title}`, style: ({ pressed }) => [
+            {
+                padding: theme.spacing.md,
+                backgroundColor: pressed ? theme.colors.surface : theme.colors.background,
+                borderBottomColor: theme.colors.border,
+                borderBottomWidth: StyleSheet.hairlineWidth,
+            },
+        ], children: [_jsx(Text, { style: {
+                    color: theme.colors.foreground,
+                    fontWeight: theme.typography.weightMedium,
+                    fontSize: theme.typography.sizeBody,
+                }, children: item.title }), _jsx(Text, { style: {
+                    color: theme.colors.mutedForeground,
+                    fontSize: theme.typography.sizeSmall,
+                    marginTop: 2,
+                }, numberOfLines: 2, children: item.excerpt })] }));
+    return (_jsxs(View, { style: [styles.container, { backgroundColor: theme.colors.background }], children: [_jsx(View, { style: { padding: theme.spacing.md }, children: _jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search help articles\u2026", placeholderTextColor: theme.colors.mutedForeground, style: {
+                        color: theme.colors.foreground,
+                        backgroundColor: theme.colors.surface,
+                        borderColor: theme.colors.border,
+                        borderWidth: StyleSheet.hairlineWidth,
+                        borderRadius: theme.radius.md,
+                        paddingHorizontal: theme.spacing.md,
+                        paddingVertical: theme.spacing.sm,
+                        fontSize: theme.typography.sizeBody,
+                    } }) }), loading ? (_jsx(ActivityIndicator, { color: theme.colors.primary, style: { marginTop: theme.spacing.lg } })) : (_jsx(FlatList, { data: results, keyExtractor: (r) => r.id, renderItem: renderItem, ListEmptyComponent: _jsx(Text, { style: {
+                        color: theme.colors.mutedForeground,
+                        textAlign: 'center',
+                        padding: theme.spacing.lg,
+                    }, children: query.trim().length === 0 ? 'Type to search.' : 'No results.' }) }))] }));
+}
+const styles = StyleSheet.create({
+    container: { flex: 1 },
+});
+//# sourceMappingURL=HelpCenter.js.map

package/dist/components/HelpCenter.js.map

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

package/dist/components/MessageBlocks.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Rich blocks on a native screen — INTERACTIVE, unlike the agent app's.
+ *
+ * ── What makes this one different ──────────────────────────────────────
+ *
+ * `apps/mobile-agent`'s renderer draws every action as plain text, because an
+ * agent on their phone has no visitor session to act as. This one is the
+ * visitor's own app, so a button is a button: a `postback` sends a reply, a
+ * `url` opens a link, a `step` asks for a canvas, and a `host_event` is handed
+ * to the APP.
+ *
+ * `host_event` is the whole reason the spec asked for this package. A card
+ * saying "Pay $48.20" has to run Stripe with the buyer's real session, and on
+ * a phone that means a native payment sheet — not a WebView, not a browser
+ * hop. So the action does nothing here and calls `onAction` from the
+ * provider, which is the integrator's own code.
+ *
+ * ── A carousel is a horizontal ScrollView, a grid is a stack ───────────
+ *
+ * Never two columns. Two cards at 160px on a phone are narrower than the
+ * images they carry, which is the same call `apps/mobile-agent` made. A
+ * `carousel` layout is honoured because it is horizontal rather than narrow:
+ * each card gets most of the width and the row scrolls.
+ *
+ * ── `status` is rendered here, and skipped in the agent app ────────────
+ *
+ * There it is "progress, not content" for somebody reading history. Here the
+ * shopper is watching it happen — "Looking through the shop…" patched to
+ * "Found 6" is the feedback that stops them tapping again.
+ */
+import React from 'react';
+export interface MessageBlocksProps {
+    /** The stored envelope, straight off the message row. Unvalidated. */
+    readonly blocks: unknown;
+    /** The conversation the blocks belong to, for `reportAction` and postbacks. */
+    readonly conversationId: string | null;
+    /** The message they are on, for the same reason. */
+    readonly messageId: string;
+}
+export declare function MessageBlocks(props: MessageBlocksProps): React.JSX.Element | null;
+//# sourceMappingURL=MessageBlocks.d.ts.map

package/dist/components/MessageBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBlocks.d.ts","sourceRoot":"","sources":["../../src/components/MessageBlocks.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,oDAAoD;IACpD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AA8OD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuEjF"}

package/dist/components/MessageBlocks.js

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Linking, Pressable, ScrollView, Text, View } from 'react-native';
+import { formatMoney } from '../blocks/money';
+import { readBlocksEnvelope } from '../blocks/read-envelope';
+import { useChatly } from '../useChatly';
+/**
+ * The price.
+ *
+ * ONE line of text rather than a struck-through was-price beside it: React
+ * Native has no `<s>`, and `textDecorationLine: 'line-through'` on a nested
+ * `Text` is unreliable across the two platforms. "Was X" reads correctly in
+ * both and in a screen reader, which the visual version does not — the same
+ * call `apps/mobile-agent` made.
+ */
+function Price({ value }) {
+    const { theme } = useChatly();
+    if (value === undefined) {
+        return null;
+    }
+    const was = value.compareAt !== undefined && value.compareAt > value.amount
+        ? formatMoney({ amount: value.compareAt, currency: value.currency })
+        : null;
+    const now = formatMoney(value);
+    return (_jsx(Text, { style: { color: theme.colors.foreground, fontSize: theme.typography.sizeBody }, children: was === null ? now : `${now} (was ${was})` }));
+}
+function ActionButton(props) {
+    const { theme } = useChatly();
+    const { action, onRun } = props;
+    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: action.label, onPress: () => onRun(action), style: {
+            borderRadius: theme.radius.md,
+            paddingHorizontal: theme.spacing.md,
+            paddingVertical: theme.spacing.sm,
+            backgroundColor: action.style === 'primary' ? theme.colors.primary : theme.colors.surface,
+            borderColor: theme.colors.border,
+            borderWidth: action.style === 'primary' ? 0 : 1,
+        }, children: _jsx(Text, { style: {
+                color: action.style === 'primary' ? theme.colors.onPrimary : theme.colors.foreground,
+                fontSize: theme.typography.sizeBody,
+            }, children: action.label }) }));
+}
+function Card(props) {
+    const { theme } = useChatly();
+    const { card, width } = props;
+    return (_jsxs(View, { style: {
+            borderWidth: 1,
+            borderColor: theme.colors.border,
+            borderRadius: theme.radius.bubble,
+            backgroundColor: theme.colors.surface,
+            padding: theme.spacing.sm,
+            gap: 4,
+            ...(width === undefined ? {} : { width }),
+        }, children: [card.image !== undefined && (_jsx(Image, { source: { uri: card.image }, accessibilityLabel: card.title, accessibilityIgnoresInvertColors: true, style: { width: '100%', height: 140, borderRadius: theme.radius.md } })), card.badge !== undefined && (_jsx(Text, { style: { color: theme.colors.mutedForeground, fontSize: theme.typography.sizeSmall }, children: card.badge })), _jsx(Text, { style: { color: theme.colors.foreground, fontSize: theme.typography.sizeBody }, children: card.title }), card.subtitle !== undefined && (_jsx(Text, { style: { color: theme.colors.mutedForeground, fontSize: theme.typography.sizeSmall }, children: card.subtitle })), _jsx(Price, { value: card.price }), (card.fields ?? []).map((f, i) => (_jsx(Text, { style: { color: theme.colors.mutedForeground, fontSize: theme.typography.sizeSmall }, children: `${f.label}: ${f.value}` }, `${f.label}-${String(i)}`))), (card.actions ?? []).length > 0 && (_jsx(View, { style: { flexDirection: 'row', flexWrap: 'wrap', gap: 6, marginTop: 4 }, children: (card.actions ?? []).map((a, i) => (_jsx(ActionButton, { action: a, onRun: props.onRun }, `${a.label}-${String(i)}`))) }))] }));
+}
+function Block(props) {
+    const { theme } = useChatly();
+    const { block, onRun, onReply } = props;
+    const muted = { color: theme.colors.mutedForeground, fontSize: theme.typography.sizeSmall };
+    const body = { color: theme.colors.foreground, fontSize: theme.typography.sizeBody };
+    switch (block.type) {
+        case 'text':
+            /*
+             * The markdown is rendered as PLAIN TEXT, deliberately.
+             *
+             * A markdown renderer on React Native is a dependency, and this package
+             * has exactly one (`socket.io-client`). The characters a bot actually
+             * emits — `**bold**`, a bullet, a link — read acceptably raw, and the
+             * alternative a consumer has is to render the block themselves from the
+             * envelope, which `readBlocksEnvelope` is exported for.
+             */
+            return _jsx(Text, { style: body, children: block.markdown });
+        case 'media':
+            return block.kind === 'image' ? (_jsx(Image, { source: { uri: block.url }, accessibilityLabel: block.alt, accessibilityIgnoresInvertColors: true, style: { width: '100%', height: 180, borderRadius: theme.radius.md } })) : (
+            // No video element without a dependency. The alt text plus a tappable
+            // link is strictly better than a blank space.
+            _jsx(Pressable, { accessibilityRole: "link", onPress: () => void Linking.openURL(block.url), children: _jsx(Text, { style: body, children: block.alt }) }));
+        case 'fields':
+            return (_jsx(View, { style: { gap: 2 }, children: block.items.map((f, i) => (_jsx(Text, { style: muted, children: `${f.label}: ${f.value}` }, `${f.label}-${String(i)}`))) }));
+        case 'card':
+            return _jsx(Card, { card: block, onRun: onRun });
+        case 'card_grid':
+            return block.layout === 'carousel' ? (_jsx(ScrollView, { horizontal: true, accessibilityLabel: "Scrollable options", children: _jsx(View, { style: { flexDirection: 'row', gap: 8 }, children: block.cards.map((c, i) => (_jsx(Card, { card: c, onRun: onRun, width: 240 }, c.id ?? String(i)))) }) })) : (_jsx(View, { style: { gap: 8 }, children: block.cards.map((c, i) => (_jsx(Card, { card: c, onRun: onRun }, c.id ?? String(i)))) }));
+        case 'actions':
+            return (_jsx(View, { style: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 }, children: block.actions.map((a, i) => (_jsx(ActionButton, { action: a, onRun: onRun }, `${a.label}-${String(i)}`))) }));
+        case 'quick_replies':
+            return (_jsx(View, { accessibilityLabel: "Quick replies", style: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 }, children: block.options.map((o, i) => (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: o.label, onPress: () => onReply(o.value), style: {
+                        borderRadius: 999,
+                        borderWidth: 1,
+                        borderColor: theme.colors.border,
+                        paddingHorizontal: theme.spacing.md,
+                        paddingVertical: 6,
+                    }, children: _jsx(Text, { style: body, children: o.label }) }, `${o.value}-${String(i)}`))) }));
+        case 'status':
+            return (_jsx(Text, { accessibilityRole: "text", style: muted, children: block.state === 'failed' ? `${block.text} — failed` : block.text }));
+        case 'divider':
+            return (_jsx(View, { style: { height: 1, backgroundColor: theme.colors.border, marginVertical: 4 }, accessibilityLabel: "divider" }));
+        default:
+            // Unreachable: `readBlocksEnvelope` drops an unknown type. Present so
+            // adding one to the schema is a compile error here rather than a blank
+            // space on a shopper's screen — which is what
+            // `check-block-renderer-parity.mjs` is also watching for.
+            return null;
+    }
+}
+export function MessageBlocks(props) {
+    const { rest, onAction } = useChatly();
+    const envelope = readBlocksEnvelope(props.blocks);
+    if (envelope === null) {
+        return null;
+    }
+    /**
+     * Run one action.
+     *
+     * `host_event` is handed to the app and nothing else happens here — the app
+     * reports the outcome back with `rest.reportAction`, which is what appends
+     * "Added to your cart" under the card and tells the owning bot. Everything
+     * else is a call this package can make itself.
+     */
+    const onRun = (action) => {
+        const conversationId = props.conversationId;
+        switch (action.kind) {
+            case 'host_event':
+                onAction?.({
+                    event: action.event,
+                    data: action.data ?? {},
+                    conversationId,
+                    messageId: props.messageId,
+                    actionId: action.id ?? action.event,
+                });
+                return;
+            case 'url':
+                void Linking.openURL(action.href);
+                return;
+            case 'postback':
+                if (conversationId !== null) {
+                    void rest.postback(conversationId, {
+                        value: action.value,
+                        ...(action.payload === undefined ? {} : { payload: action.payload }),
+                        silent: action.silent === true,
+                    });
+                }
+                return;
+            case 'step':
+                if (conversationId !== null) {
+                    void rest.requestCanvasStep(conversationId, action.canvasId, action.params);
+                }
+                return;
+            case 'copy':
+                /*
+                 * No clipboard. `@react-native-clipboard/clipboard` is a native
+                 * module and this package has no native dependencies by design — a
+                 * consumer adding one would have to rebuild. The text is shown
+                 * instead, which is selectable, and an integrator who wants a real
+                 * copy button renders the envelope themselves.
+                 */
+                return;
+            default:
+                return;
+        }
+    };
+    const onReply = (value) => {
+        if (props.conversationId !== null) {
+            void rest.reply(props.conversationId, value);
+        }
+    };
+    return (_jsx(View, { style: { gap: 6, marginTop: 6 }, children: envelope.blocks.map((b, i) => (_jsx(Block, { block: b, onRun: onRun, onReply: onReply }, b.id ?? `${b.type}-${String(i)}`))) }));
+}
+//# sourceMappingURL=MessageBlocks.js.map

package/dist/components/MessageBlocks.js.map

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

package/dist/components/MessageBubble.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MessageRow } from '../client/types';
+export interface MessageBubbleProps {
+    message: MessageRow;
+    /**
+     * The conversation the message is in, so a card action knows where to
+     * report. Optional, because a consumer rendering a bubble outside a thread
+     * (a preview, a notification) has no conversation — and then an action
+     * renders and does nothing rather than posting to the wrong place.
+     */
+    conversationId?: string | null;
+}
+export declare function MessageBubble({ message, conversationId }: MessageBubbleProps): React.JSX.Element;
+//# sourceMappingURL=MessageBubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../src/components/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,UAAU,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgFhG"}