@chatlychat/react-native 0.0.0-stage → 0.1.0

package/dist/components/MessageBubble.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { useChatly } from '../useChatly';
+import { MessageBlocks } from './MessageBlocks';
+import { MessageCanvas } from './MessageCanvas';
+export function MessageBubble({ message, conversationId }) {
+    const { theme } = useChatly();
+    const isContact = message.authorType === 'contact';
+    const isSystem = message.authorType === 'system' || message.kind === 'event';
+    const attachments = message.attachments ?? [];
+    if (isSystem) {
+        return (_jsx(View, { style: styles.systemRow, children: _jsx(Text, { style: [
+                    styles.systemText,
+                    { color: theme.colors.mutedForeground, fontSize: theme.typography.sizeSmall },
+                ], children: message.body }) }));
+    }
+    return (_jsx(View, { style: [styles.row, isContact ? styles.rowRight : styles.rowLeft], children: _jsxs(View, { style: [
+                styles.bubble,
+                {
+                    borderRadius: theme.radius.bubble,
+                    paddingHorizontal: theme.spacing.md,
+                    paddingVertical: theme.spacing.sm,
+                    backgroundColor: isContact ? theme.colors.primary : theme.colors.surface,
+                    borderColor: theme.colors.border,
+                    borderWidth: isContact ? 0 : StyleSheet.hairlineWidth,
+                    maxWidth: '80%',
+                },
+            ], children: [message.body.length > 0 && (_jsx(Text, { style: {
+                        color: isContact ? theme.colors.onPrimary : theme.colors.foreground,
+                        fontSize: theme.typography.sizeBody,
+                    }, children: message.body })), attachments.map((a) => (_jsx(AttachmentView, { attachment: a, isContact: isContact, withCaption: message.body.length > 0 }, a.id))), _jsx(MessageBlocks, { blocks: message.blocks, conversationId: conversationId ?? null, messageId: message.id }), _jsx(MessageCanvas, { canvas: message.canvas, conversationId: conversationId ?? null, messageId: message.id })] }) }));
+}
+function AttachmentView(props) {
+    const { theme } = useChatly();
+    const { attachment, isContact, withCaption } = props;
+    const isImage = attachment.mimeType.toLowerCase().startsWith('image/');
+    const topMargin = withCaption ? 6 : 0;
+    if (isImage) {
+        return (_jsx(Image, { source: { uri: attachment.url }, resizeMode: "cover", accessibilityLabel: attachment.filename, style: {
+                width: 220,
+                height: 180,
+                borderRadius: 10,
+                marginTop: topMargin,
+            } }));
+    }
+    return (_jsxs(View, { style: [
+            styles.fileRow,
+            {
+                backgroundColor: isContact ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.04)',
+                marginTop: topMargin,
+            },
+        ], children: [_jsx(Text, { style: {
+                    color: isContact ? theme.colors.onPrimary : theme.colors.foreground,
+                    fontSize: 13,
+                    fontWeight: theme.typography.weightMedium,
+                    flexShrink: 1,
+                }, numberOfLines: 1, ellipsizeMode: "middle", children: attachment.filename }), _jsx(Text, { style: {
+                    color: isContact ? 'rgba(255,255,255,0.75)' : theme.colors.mutedForeground,
+                    fontSize: 11,
+                    marginLeft: 8,
+                }, children: formatSize(attachment.sizeBytes) })] }));
+}
+function formatSize(bytes) {
+    if (bytes < 1024) {
+        return `${bytes} B`;
+    }
+    if (bytes < 1024 * 1024) {
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    }
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+const styles = StyleSheet.create({
+    row: { width: '100%', flexDirection: 'row', marginVertical: 4 },
+    rowLeft: { justifyContent: 'flex-start' },
+    rowRight: { justifyContent: 'flex-end' },
+    bubble: {},
+    fileRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 8,
+        paddingVertical: 6,
+        borderRadius: 8,
+    },
+    systemRow: { width: '100%', alignItems: 'center', marginVertical: 6 },
+    systemText: { fontStyle: 'italic' },
+});
+//# sourceMappingURL=MessageBubble.js.map

package/dist/components/MessageBubble.js.map

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MessageBubble.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.spec.d.ts","sourceRoot":"","sources":["../../src/components/MessageBubble.spec.tsx"],"names":[],"mappings":""}

package/dist/components/MessageBubble.spec.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The bubble, with rich blocks and a canvas MOUNTED.
+ *
+ * ── Why the mount is the thing under test ──────────────────────────────
+ *
+ * A renderer that handles every block type and that nothing mounts passes
+ * its own unit test and renders nowhere. That exact pair of defects shipped
+ * in this product once already: the agent inbox mounted blocks inside an
+ * `if (isNote)` early return so the AI answer the feature exists for never
+ * reached it, and the mobile renderer was exported, spec'd, and imported by
+ * nothing but its own spec. `check-block-renderer-parity.mjs` asserts the
+ * mount literal is in this file and that THIS spec carries a block envelope;
+ * it cannot tell which branches a component has, so the assertions below are
+ * the half that reads the output.
+ *
+ * The interactive half matters as much. On the agent app every action is
+ * plain text, because an agent has no visitor session; here a tap must reach
+ * either the API or the integrator's own code, and `host_event` reaching the
+ * app is the single feature this package exists for.
+ */
+import { cleanup, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { ChatlyContext } from '../ChatlyProvider';
+import { MessageBubble } from './MessageBubble';
+import { defaultTheme } from '../theme/defaultTheme';
+const CONV = 'conv-1';
+/*
+ * Explicit, not inherited.
+ *
+ * `@testing-library/react` auto-cleans only when vitest runs with
+ * `globals: true`, which this package does not. Without it each render
+ * accumulates in the same document and `getByText` starts failing with
+ * "found multiple elements" — which reads as a duplicate-render bug in the
+ * component rather than as a missing afterEach. Three tests failed that way
+ * before this line existed.
+ */
+afterEach(cleanup);
+function harness(over = {}) {
+    const rest = {
+        reply: vi.fn().mockResolvedValue({}),
+        postback: vi.fn().mockResolvedValue({}),
+        reportAction: vi.fn().mockResolvedValue({}),
+        requestCanvasStep: vi.fn().mockResolvedValue({}),
+        submitCanvas: vi.fn().mockResolvedValue({ canvas: null, errors: {} }),
+    };
+    const value = {
+        theme: defaultTheme,
+        rest,
+        ...over,
+    };
+    const wrap = (message) => render(_jsx(ChatlyContext.Provider, { value: value, children: _jsx(MessageBubble, { message: message, conversationId: CONV }) }));
+    return { rest, wrap };
+}
+const row = (over) => ({
+    id: 'm1',
+    authorType: 'bot',
+    kind: 'text',
+    body: 'Here are six hats',
+    createdAt: '2026-10-12T00:00:00.000Z',
+    ...over,
+});
+describe('MessageBubble + blocks', () => {
+    it('renders the body and the card beside it', () => {
+        const h = harness();
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [{ type: 'card', title: 'Wool hat', price: { amount: 4820, currency: 'USD' } }],
+            },
+        }));
+        expect(screen.getByText('Here are six hats')).toBeDefined();
+        expect(screen.getByText('Wool hat')).toBeDefined();
+        // Through the shared formatter: minor units, and the divisor read off the
+        // currency rather than assumed to be 100.
+        expect(screen.getByText('$48.20')).toBeDefined();
+    });
+    it('shows a was-price as words, not as a strike-through', () => {
+        // RN has no `<s>` and `textDecorationLine` on a nested `Text` is
+        // unreliable across the two platforms; "was" reads in a screen reader too.
+        const h = harness();
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [
+                    {
+                        type: 'card',
+                        title: 'Wool hat',
+                        price: { amount: 4820, currency: 'USD', compareAt: 6000 },
+                    },
+                ],
+            },
+        }));
+        expect(screen.getByText('$48.20 (was $60.00)')).toBeDefined();
+    });
+    it('hands a host_event to the APP and calls no API', async () => {
+        // The feature this package exists for: a native payment sheet cannot be
+        // opened from inside a chat library.
+        const onAction = vi.fn();
+        const h = harness({ onAction });
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [
+                    {
+                        type: 'actions',
+                        actions: [
+                            { kind: 'host_event', label: 'Pay', event: 'pay', id: 'a1', data: { x: 1 } },
+                        ],
+                    },
+                ],
+            },
+        }));
+        await userEvent.click(screen.getByRole('button', { name: 'Pay' }));
+        expect(onAction).toHaveBeenCalledWith({
+            event: 'pay',
+            data: { x: 1 },
+            conversationId: CONV,
+            messageId: 'm1',
+            actionId: 'a1',
+        });
+        expect(h.rest.reply).not.toHaveBeenCalled();
+        expect(h.rest.postback).not.toHaveBeenCalled();
+    });
+    it('sends a postback through the API, silently when asked', async () => {
+        const h = harness();
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [
+                    {
+                        type: 'actions',
+                        actions: [{ kind: 'postback', label: 'Under $50', value: 'under_50', silent: true }],
+                    },
+                ],
+            },
+        }));
+        await userEvent.click(screen.getByRole('button', { name: 'Under $50' }));
+        expect(h.rest.postback).toHaveBeenCalledWith(CONV, { value: 'under_50', silent: true });
+    });
+    it('sends a quick reply as an ordinary message', async () => {
+        const h = harness();
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [{ type: 'quick_replies', options: [{ label: 'Under $50', value: 'under_50' }] }],
+            },
+        }));
+        await userEvent.click(screen.getByRole('button', { name: 'Under $50' }));
+        expect(h.rest.reply).toHaveBeenCalledWith(CONV, 'under_50');
+    });
+    it('renders a carousel as a scrollable row of every card', () => {
+        const h = harness();
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [
+                    {
+                        type: 'card_grid',
+                        layout: 'carousel',
+                        cards: [{ title: 'One' }, { title: 'Two' }, { title: 'Three' }],
+                    },
+                ],
+            },
+        }));
+        expect(screen.getByLabelText('Scrollable options')).toBeDefined();
+        for (const title of ['One', 'Two', 'Three']) {
+            expect(screen.getByText(title)).toBeDefined();
+        }
+    });
+    it('renders a status line — unlike the agent app, which skips it', () => {
+        // There it is "progress, not content" for somebody reading history. Here
+        // the shopper is watching it happen.
+        const h = harness();
+        h.wrap(row({ blocks: { v: 1, blocks: [{ type: 'status', id: 's1', text: 'Looking…' }] } }));
+        expect(screen.getByText('Looking…')).toBeDefined();
+    });
+    it('drops an unsafe card image and keeps the card', () => {
+        const h = harness();
+        h.wrap(row({
+            blocks: {
+                v: 1,
+                blocks: [{ type: 'card', title: 'Wool hat', image: 'javascript:alert(1)' }],
+            },
+        }));
+        expect(screen.getByText('Wool hat')).toBeDefined();
+        expect(screen.queryByRole('img')).toBeNull();
+    });
+    it('renders nothing extra for a message with no blocks', () => {
+        const h = harness();
+        h.wrap(row({}));
+        expect(screen.getByText('Here are six hats')).toBeDefined();
+        expect(screen.queryByRole('button')).toBeNull();
+    });
+    it('renders a system line WITHOUT blocks — a system message is never a card', () => {
+        const h = harness();
+        h.wrap(row({
+            authorType: 'system',
+            body: 'Buyer support is taking over from here.',
+            blocks: { v: 1, blocks: [{ type: 'card', title: 'Should not render' }] },
+        }));
+        expect(screen.getByText('Buyer support is taking over from here.')).toBeDefined();
+        expect(screen.queryByText('Should not render')).toBeNull();
+    });
+});
+//# sourceMappingURL=MessageBubble.spec.js.map

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

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

package/dist/components/MessageCanvas.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A Tier 2 canvas on a native screen — a form inside a message bubble.
+ *
+ * ── What it is for ────────────────────────────────────────────────────
+ *
+ * A confirm step: the total is quoted, the shopper confirms, the server
+ * re-quotes and refuses if it moved. The price guard is the server-held
+ * `state`, which is why submission goes back through the API rather than
+ * being resolved here.
+ *
+ * ── Two properties worth stating ──────────────────────────────────────
+ *
+ * The canvas on screen is REPLACED by whatever the submission returns, not
+ * merged. A refused submission comes back as the same canvas with messages on
+ * it, and a changed total comes back as a FRESH step rather than a charge —
+ * so a renderer that kept its own copy would show the shopper the old price
+ * next to the new errors.
+ *
+ * A `hostEvent` on the answer is handed to the app. That is how 3-D Secure
+ * works on a phone: the step's answer says "now run this", the app runs it
+ * natively, and nothing in this library has to know what Stripe is.
+ *
+ * ── Tier 3 is deliberately not rendered ───────────────────────────────
+ *
+ * An `app` canvas is an integrator's own page in a sandboxed iframe, and
+ * there is no React Native equivalent of a sandbox attribute — an app frame
+ * here would be a WebView, which is the thing a native SDK exists to avoid.
+ * The title and a one-line explanation are shown instead, and the integrator
+ * can present it natively if they want to.
+ */
+import React from 'react';
+export interface MessageCanvasProps {
+    /** The stored canvas, straight off the message row. Unvalidated. */
+    readonly canvas: unknown;
+    readonly conversationId: string | null;
+    readonly messageId: string;
+}
+export declare function MessageCanvas(props: MessageCanvasProps): React.JSX.Element | null;
+//# sourceMappingURL=MessageCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCanvas.d.ts","sourceRoot":"","sources":["../../src/components/MessageCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,MAAM,WAAW,kBAAkB;IACjC,oEAAoE;IACpE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkMjF"}

package/dist/components/MessageCanvas.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A Tier 2 canvas on a native screen — a form inside a message bubble.
+ *
+ * ── What it is for ────────────────────────────────────────────────────
+ *
+ * A confirm step: the total is quoted, the shopper confirms, the server
+ * re-quotes and refuses if it moved. The price guard is the server-held
+ * `state`, which is why submission goes back through the API rather than
+ * being resolved here.
+ *
+ * ── Two properties worth stating ──────────────────────────────────────
+ *
+ * The canvas on screen is REPLACED by whatever the submission returns, not
+ * merged. A refused submission comes back as the same canvas with messages on
+ * it, and a changed total comes back as a FRESH step rather than a charge —
+ * so a renderer that kept its own copy would show the shopper the old price
+ * next to the new errors.
+ *
+ * A `hostEvent` on the answer is handed to the app. That is how 3-D Secure
+ * works on a phone: the step's answer says "now run this", the app runs it
+ * natively, and nothing in this library has to know what Stripe is.
+ *
+ * ── Tier 3 is deliberately not rendered ───────────────────────────────
+ *
+ * An `app` canvas is an integrator's own page in a sandboxed iframe, and
+ * there is no React Native equivalent of a sandbox attribute — an app frame
+ * here would be a WebView, which is the thing a native SDK exists to avoid.
+ * The title and a one-line explanation are shown instead, and the integrator
+ * can present it natively if they want to.
+ */
+import { useMemo, useState } from 'react';
+import { Pressable, Text, TextInput, View } from 'react-native';
+import { readCanvas } from '../blocks/read-envelope';
+import { useChatly } from '../useChatly';
+import { MessageBlocks } from './MessageBlocks';
+/** The value a field starts with, as a string the input can hold. */
+function initialValue(field) {
+    if (field.type === 'checkbox') {
+        return field.value === true ? 'true' : '';
+    }
+    return field.value ?? '';
+}
+export function MessageCanvas(props) {
+    const { theme, rest, onAction } = useChatly();
+    const initial = useMemo(() => readCanvas(props.canvas), [props.canvas]);
+    /**
+     * The canvas is STATE, seeded from the prop.
+     *
+     * A submission returns the next canvas — or the same one with errors — and
+     * that answer has to win over the message row this component was handed,
+     * because the row only catches up when the realtime `message.updated`
+     * arrives. Rendering the prop would flash the pre-submission step back onto
+     * the screen in between.
+     */
+    const [canvas, setCanvas] = useState(initial);
+    const [values, setValues] = useState(() => Object.fromEntries((initial?.fields ?? []).map((f) => [f.name, initialValue(f)])));
+    const [errors, setErrors] = useState({});
+    const [busy, setBusy] = useState(false);
+    if (canvas === null) {
+        return null;
+    }
+    const submit = (actionId, kind) => {
+        const conversationId = props.conversationId;
+        if (conversationId === null || busy) {
+            return;
+        }
+        setBusy(true);
+        void rest
+            .submitCanvas(conversationId, {
+            messageId: props.messageId,
+            actionId,
+            // Checkboxes go as booleans; everything else as the string typed.
+            values: Object.fromEntries((canvas.fields ?? []).map((f) => [
+                f.name,
+                f.type === 'checkbox' ? values[f.name] === 'true' : (values[f.name] ?? ''),
+            ])),
+        })
+            .then((answer) => {
+            const next = readCanvas(answer.canvas);
+            if (next !== null) {
+                setCanvas(next);
+                setValues(Object.fromEntries((next.fields ?? []).map((f) => [f.name, initialValue(f)])));
+            }
+            setErrors(answer.errors);
+            const hostEvent = answer.hostEvent;
+            if (hostEvent?.event !== undefined) {
+                // 3-D Secure, a native screen, whatever the integrator needs. The
+                // step asked; the app does it.
+                onAction?.({
+                    event: hostEvent.event,
+                    data: hostEvent.data ?? {},
+                    conversationId,
+                    messageId: props.messageId,
+                    actionId,
+                });
+            }
+        })
+            .catch(() => {
+            // A failed submit must leave the form usable. The shopper can retry,
+            // and the server is the only thing that can settle the price.
+            setErrors({ _: 'That did not go through. Try again.' });
+        })
+            .finally(() => setBusy(false));
+        if (kind === 'cancel') {
+            setErrors({});
+        }
+    };
+    const label = { color: theme.colors.foreground, fontSize: theme.typography.sizeSmall };
+    return (_jsxs(View, { accessibilityLabel: canvas.title ?? 'Step', style: {
+            borderWidth: 1,
+            borderColor: theme.colors.border,
+            borderRadius: theme.radius.bubble,
+            backgroundColor: theme.colors.surface,
+            padding: theme.spacing.sm,
+            marginTop: 6,
+            gap: 6,
+        }, children: [canvas.title !== undefined && (_jsx(Text, { style: { color: theme.colors.foreground, fontSize: theme.typography.sizeTitle }, children: canvas.title })), canvas.blocks !== undefined && canvas.blocks.length > 0 && (_jsx(MessageBlocks, { blocks: { v: 1, blocks: canvas.blocks }, conversationId: props.conversationId, messageId: props.messageId })), canvas.app !== undefined && (_jsx(Text, { style: { color: theme.colors.mutedForeground, fontSize: theme.typography.sizeSmall }, children: `${canvas.app.title ?? 'This step'} opens outside the chat.` })), (canvas.fields ?? []).map((f) => (_jsxs(View, { style: { gap: 2 }, children: [_jsx(Text, { style: label, children: f.required === true ? `${f.label} *` : f.label }), f.type === 'checkbox' ? (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: f.label, onPress: () => setValues((v) => ({ ...v, [f.name]: v[f.name] === 'true' ? '' : 'true' })), children: _jsx(Text, { style: label, children: values[f.name] === 'true' ? 'Yes' : 'No' }) })) : (_jsx(TextInput, { accessibilityLabel: f.label, value: values[f.name] ?? '', placeholder: 'placeholder' in f ? f.placeholder : undefined, editable: !busy, onChangeText: (text) => setValues((v) => ({ ...v, [f.name]: text })), style: {
+                            borderWidth: 1,
+                            borderColor: theme.colors.border,
+                            borderRadius: theme.radius.md,
+                            paddingHorizontal: theme.spacing.sm,
+                            paddingVertical: 6,
+                            color: theme.colors.foreground,
+                        } })), errors[f.name] !== undefined && (_jsx(Text, { style: { color: theme.colors.danger, fontSize: theme.typography.sizeSmall }, children: errors[f.name] }))] }, f.name))), errors['_'] !== undefined && (_jsx(Text, { style: { color: theme.colors.danger, fontSize: theme.typography.sizeSmall }, children: errors['_'] })), (canvas.actions ?? []).length > 0 && (_jsx(View, { style: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 }, children: (canvas.actions ?? []).map((a) => (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: a.label, disabled: busy, onPress: () => submit(a.id, a.kind), style: {
+                        borderRadius: theme.radius.md,
+                        paddingHorizontal: theme.spacing.md,
+                        paddingVertical: theme.spacing.sm,
+                        backgroundColor: a.style === 'primary'
+                            ? theme.colors.primary
+                            : a.style === 'danger'
+                                ? theme.colors.danger
+                                : theme.colors.surface,
+                        borderColor: theme.colors.border,
+                        borderWidth: a.style === undefined || a.style === 'secondary' ? 1 : 0,
+                        opacity: busy ? 0.6 : 1,
+                    }, children: _jsx(Text, { style: {
+                            color: a.style === 'primary' || a.style === 'danger'
+                                ? theme.colors.onPrimary
+                                : theme.colors.foreground,
+                            fontSize: theme.typography.sizeBody,
+                        }, children: a.label }) }, a.id))) }))] }));
+}
+//# sourceMappingURL=MessageCanvas.js.map

package/dist/components/MessageCanvas.js.map

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

package/dist/components/MessageCanvas.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MessageCanvas.spec.d.ts.map

package/dist/components/MessageCanvas.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCanvas.spec.d.ts","sourceRoot":"","sources":["../../src/components/MessageCanvas.spec.tsx"],"names":[],"mappings":""}