@repzo/widget-react-native 1.0.0 → 1.0.4

package/lib/typescript/module/ui/components/AttachmentChips.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Picked-but-unsent attachments above the composer: a thumbnail for images, a
+ * name + size card for everything else, each with its own remove button.
+ */
+import { type DraftAttachment } from '../../attachments/pickers';
+interface AttachmentChipsProps {
+    attachments: DraftAttachment[];
+    /** While a send is in flight the chips are dimmed and can't be removed. */
+    disabled?: boolean;
+    /** Keeps its `{name}` placeholder; filled per chip. */
+    removeLabel: string;
+    onRemove: (id: string) => void;
+}
+export declare function AttachmentChips({ attachments, disabled, removeLabel, onRemove, }: AttachmentChipsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AttachmentChips.d.ts.map

package/lib/typescript/module/ui/components/AttachmentChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentChips.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/AttachmentChips.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AAMnC,UAAU,oBAAoB;IAC5B,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,+BA0CtB"}

package/lib/typescript/module/ui/components/AttachmentMenu.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The attach button's choice of source.
+ *
+ * iOS gets the native action sheet. Android has no equivalent (`Alert` caps at
+ * three buttons, and three sources plus Cancel is four), so it gets a small
+ * bottom sheet in its own transparent modal — which also lets the hardware
+ * back button close the sheet rather than the whole widget.
+ */
+export interface AttachmentMenuOption<K extends string> {
+    key: K;
+    label: string;
+}
+/**
+ * iOS only: shows the native sheet and calls `onSelect` with the chosen key
+ * (nothing on cancel). Returns false elsewhere, so the caller shows
+ * `AttachmentMenu` instead.
+ */
+export declare function showNativeAttachmentMenu<K extends string>(options: AttachmentMenuOption<K>[], cancelLabel: string, onSelect: (key: K) => void): boolean;
+interface AttachmentMenuProps<K extends string> {
+    visible: boolean;
+    options: AttachmentMenuOption<K>[];
+    cancelLabel: string;
+    onSelect: (key: K) => void;
+    onClose: () => void;
+}
+export declare function AttachmentMenu<K extends string>({ visible, options, cancelLabel, onSelect, onClose, }: AttachmentMenuProps<K>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AttachmentMenu.d.ts.map

package/lib/typescript/module/ui/components/AttachmentMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentMenu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/AttachmentMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM;IACpD,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,MAAM,EACvD,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAClC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,GACzB,OAAO,CAUT;AAED,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,EAC/C,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAsCxB"}

package/lib/typescript/module/ui/components/ImageViewer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Full-screen viewer for image attachments, so a tap on a photo the agent sent
+ * stays inside the messenger instead of bouncing to the browser. Pinch-to-zoom
+ * uses the native ScrollView zoom (iOS); Android shows the image fitted.
+ */
+export interface ImageViewerLabels {
+    close: string;
+    loadFailed: string;
+    openExternally: string;
+}
+interface ImageViewerProps {
+    image: {
+        url: string;
+        name: string;
+    } | null;
+    labels: ImageViewerLabels;
+    onClose: () => void;
+    /** Escape hatch when the image can't render here (e.g. unsupported format). */
+    onOpenExternally: (url: string) => void;
+}
+export declare function ImageViewer({ image, labels, onClose, onOpenExternally }: ImageViewerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ImageViewer.d.ts.map

package/lib/typescript/module/ui/components/ImageViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ImageViewer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAmBH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+EAA+E;IAC/E,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,gBAAgB,+BAsEzF"}

package/lib/typescript/module/ui/components/InAppNotification.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The card that floats over the host app when a team reply arrives while the
+ * messenger is closed — Intercom's in-app notification. It never times out:
+ * tapping it opens the conversation, swiping it left or right dismisses it
+ * (the thread stays unread). The store takes it down on its own once the
+ * messenger opens or the thread is read.
+ *
+ * Pure JS gestures (PanResponder), so hosts need no gesture library.
+ */
+import type { InAppNotification as InAppNotificationData } from '../../types';
+interface InAppNotificationProps {
+    notification: InAppNotificationData;
+    /** Brand color — the avatar's background when the agent has no photo. */
+    color: string;
+    bottomInset: number;
+    labels: {
+        replyFrom: string;
+        newReply: string;
+        attachment: string;
+        openHint: string;
+        dismiss: string;
+    };
+    onOpen: (conversationId: string) => void;
+    onDismiss: () => void;
+}
+export declare function InAppNotification({ notification, color, bottomInset, labels, onOpen, onDismiss, }: InAppNotificationProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=InAppNotification.d.ts.map

package/lib/typescript/module/ui/components/InAppNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InAppNotification.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/InAppNotification.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAgBH,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAW9E,UAAU,sBAAsB;IAC9B,YAAY,EAAE,qBAAqB,CAAC;IACpC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,MAAM,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAiHxB"}

package/lib/typescript/module/ui/components/TeamAvatars.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Up to three overlapping teammate avatars — the Messenger header when no
+ * teammate has joined yet, and the "Waiting for a teammate" row (Intercom-style).
+ * Falls back to a single placeholder avatar when the workspace sent none.
+ */
+import type { TeamAvatar } from '../../types';
+interface TeamAvatarsProps {
+    avatars: TeamAvatar[];
+    size?: number;
+    color?: string;
+    /** Ring between overlapping avatars; matches the surface behind them. */
+    ringColor?: string;
+    translucent?: boolean;
+}
+export declare function TeamAvatars({ avatars, size, color, ringColor, translucent, }: TeamAvatarsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TeamAvatars.d.ts.map

package/lib/typescript/module/ui/components/TeamAvatars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatars.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/TeamAvatars.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,UAAU,gBAAgB;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAS,EACT,KAAmB,EACnB,SAAyB,EACzB,WAAmB,GACpB,EAAE,gBAAgB,+BAyBlB"}

package/lib/typescript/module/ui/components/icons.d.ts

@@ -34,5 +34,7 @@ export declare function PersonIcon({ size, color, style }: IconProps): import("r
 /** Circle-with-bang used on the offline notice. */
 export declare function AlertIcon({ size, color, style }: IconProps): import("react").JSX.Element;
 export declare function PaperclipIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** A ring with two hands — the reply-time hint beside the team name. */
+export declare function ClockIcon({ size, color, style }: IconProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=icons.d.ts.map

package/lib/typescript/module/ui/components/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhE,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAwB;AACxB,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BAcnF;AAED,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;AASzD,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,KAAyB,EACzB,SAAkB,EAClB,KAAK,GACN,EAAE,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,gBAAgB,CAAA;CAAE,+BAgB9C;AAED,2EAA2E;AAC3E,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA2BxF;AAED,mDAAmD;AACnD,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA2BjF;AAED,yCAAyC;AACzC,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA4B9E;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAA0B,EAAE,KAAK,EAAE,EAAE,SAAS,+BA6B1F;AAED,oCAAoC;AACpC,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAA0B,EAAE,KAAK,EAAE,EAAE,SAAS,+BA6BnF;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA8BhF;AAED,mDAAmD;AACnD,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAA2B,EAAE,KAAK,EAAE,EAAE,SAAS,+BA+BrF;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BAgBvF"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhE,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAwB;AACxB,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BAcnF;AAED,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;AASzD,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,KAAyB,EACzB,SAAkB,EAClB,KAAK,GACN,EAAE,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,gBAAgB,CAAA;CAAE,+BAgB9C;AAED,2EAA2E;AAC3E,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA2BxF;AAED,mDAAmD;AACnD,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA2BjF;AAED,yCAAyC;AACzC,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA4B9E;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAA0B,EAAE,KAAK,EAAE,EAAE,SAAS,+BA6B1F;AAED,oCAAoC;AACpC,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAA0B,EAAE,KAAK,EAAE,EAAE,SAAS,+BA6BnF;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAqB,EAAE,KAAK,EAAE,EAAE,SAAS,+BA8BhF;AAED,mDAAmD;AACnD,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAA2B,EAAE,KAAK,EAAE,EAAE,SAAS,+BA+BrF;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BAgBvF;AASD,wEAAwE;AACxE,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAyB,EAAE,KAAK,EAAE,EAAE,SAAS,+BAkCnF"}

package/lib/typescript/module/ui/screens/chat/ChatView.d.ts

@@ -4,8 +4,9 @@
  *
  * Mobile differences: older messages load through an explicit "Load earlier
  * messages" control (a scroll-anchored infinite list fights the keyboard), and
- * the composer hides the attach button because v1 has no picker.
+ * the attach button only shows when the host app has a picker to open (see
+ * `attachments/pickers.ts`).
  */
 import type { ChatViewProps } from './ChatView.types';
-export declare function ChatView({ messages, loading, hasMoreMessages, agentTyping, color, agentName, agentAvatar, isOnline, locale, prefillText, offlineMessage, labels, onSendMessage, onIdentifyVisitor, onLoadMore, onTyping, onBack, onClose, }: ChatViewProps): import("react").JSX.Element;
+export declare function ChatView({ messages, loading, hasMoreMessages, agentTyping, color, agentName, agentAvatar, agentOnline, isOnline, teamName, teamAvatars, replyTimeLabel, locale, prefillText, offlineMessage, labels, attachmentSources, onPickAttachments, onSendMessage, onIdentifyVisitor, onLoadMore, onTyping, onBack, onClose, }: ChatViewProps): import("react").JSX.Element;
 //# sourceMappingURL=ChatView.d.ts.map

package/lib/typescript/module/ui/screens/chat/ChatView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/chat/ChatView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmCH,OAAO,KAAK,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAElE,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,eAAe,EACf,WAAW,EACX,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,WAAW,EACX,cAAc,EACd,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,aAAa,+BAmTf"}
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/chat/ChatView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAoDH,OAAO,KAAK,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAElE,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,eAAe,EACf,WAAW,EACX,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAgB,EAChB,cAAc,EACd,MAAM,EACN,WAAW,EACX,cAAc,EACd,MAAM,EACN,iBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,aAAa,+BAwhBf"}

package/lib/typescript/module/ui/screens/chat/ChatView.styles.d.ts

@@ -44,6 +44,36 @@ export declare const styles: {
         fontSize: 12;
         marginTop: number;
     };
+    headerReplyTime: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        marginTop: number;
+    };
+    headerReplyTimeText: {
+        flexShrink: number;
+        marginTop: number;
+    };
+    waitingRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: 8;
+        paddingVertical: 8;
+    };
+    waitingText: {
+        color: "#6b7280";
+        fontSize: 12;
+    };
+    joinedRow: {
+        flexDirection: "row";
+        justifyContent: "center";
+        gap: 4;
+    };
+    joinedName: {
+        fontWeight: "700";
+        color: "#1a1a1a";
+    };
     messagesContentEmpty: {
         flexGrow: number;
         justifyContent: "center";
@@ -102,6 +132,13 @@ export declare const styles: {
         marginBottom: number;
         marginStart: 4;
     };
+    receiptText: {
+        alignSelf: "flex-end";
+        marginTop: number;
+        marginEnd: 4;
+        fontSize: number;
+        color: "#9ca3af";
+    };
     messageTime: {
         fontSize: number;
         alignSelf: "flex-end";
@@ -183,6 +220,20 @@ export declare const styles: {
         fontSize: 12;
         marginTop: 4;
     };
+    deletedBubble: {
+        maxWidth: "80%";
+        paddingHorizontal: 12;
+        paddingVertical: 8;
+        borderRadius: number;
+        borderWidth: number;
+        borderStyle: "dashed";
+        borderColor: "#e5e7eb";
+    };
+    deletedText: {
+        color: "#6b7280";
+        fontSize: 12;
+        fontStyle: "italic";
+    };
     systemRow: {
         alignItems: "center";
         paddingVertical: 8;
@@ -252,9 +303,27 @@ export declare const styles: {
         paddingRight: number;
         paddingVertical: number;
     };
+    composerWithAttach: {
+        paddingLeft: number;
+    };
     composerFocused: {
         backgroundColor: "#ffffff";
     };
+    attachButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    composerNotice: {
+        textAlign: "left" | "right";
+        fontSize: 12;
+        lineHeight: number;
+        color: "#ef4444";
+        marginBottom: 8;
+        paddingHorizontal: 4;
+    };
     input: {
         textAlign: "left" | "right";
         flex: number;

package/lib/typescript/module/ui/screens/chat/ChatView.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatView.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/chat/ChatView.styles.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAOlF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6VjB,CAAC"}
+{"version":3,"file":"ChatView.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/chat/ChatView.styles.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAOlF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmajB,CAAC"}

package/lib/typescript/module/ui/screens/chat/ChatView.types.d.ts

@@ -1,6 +1,9 @@
+import type { TeamAvatar } from '../../../types';
 /** Props and label bundle for the chat thread. */
-import type { AgentUiAction, Message, WidgetAttachment } from '../../../types';
+import type { DraftAttachment, PickResult } from '../../../attachments/pickers';
+import type { AgentUiAction, AttachmentSource, Message, OutgoingAttachment } from '../../../types';
 import type { AgentUiBlockLabels } from '../../components/AgentUiBlocks';
+import type { ImageViewerLabels } from '../../components/ImageViewer';
 export interface ChatLabels {
     back: string;
     loading: string;
@@ -16,9 +19,30 @@ export interface ChatLabels {
     today: string;
     yesterday: string;
     conversationUpdated: string;
+    messageDeleted: string;
+    messageSent: string;
+    messageSeen: string;
+    waitingForTeammate: string;
+    joinedConversation: string;
     procedureSend: string;
     procedureSent: string;
     blocks: AgentUiBlockLabels;
+    attach: AttachLabels;
+    viewer: ImageViewerLabels;
+}
+/** Composer attachment copy. Limits are already filled in; `remove` keeps `{name}`. */
+export interface AttachLabels {
+    button: string;
+    photoLibrary: string;
+    takePhoto: string;
+    file: string;
+    cancel: string;
+    remove: string;
+    tooLarge: string;
+    tooMany: string;
+    tooLargeTogether: string;
+    failed: string;
+    cameraDenied: string;
 }
 export interface ChatViewProps {
     messages: Message[];
@@ -29,12 +53,27 @@ export interface ChatViewProps {
     /** Whoever is handling this thread, once the backend assigns someone. */
     agentName?: string | null;
     agentAvatar?: string | null;
+    /** The assigned teammate's own presence; falls back to `isOnline` when absent. */
+    agentOnline?: boolean | null;
     isOnline: boolean;
+    /** Header title with no teammate yet (or after close); falls back to the Team label. */
+    teamName?: string | null;
+    teamAvatars?: TeamAvatar[];
+    /** e.g. "We usually reply within a few minutes", under the team name. */
+    replyTimeLabel?: string;
     prefillText?: string;
     offlineMessage?: string;
     locale: string;
     labels: ChatLabels;
-    onSendMessage: (body: string, attachments?: WidgetAttachment[], action?: AgentUiAction) => void;
+    /**
+     * Menu options for the attach button, in order. Empty (or absent) hides the
+     * button — attachments are off, or no picker is installed.
+     */
+    attachmentSources?: AttachmentSource[];
+    /** Opens a picker and returns what fits beside `current`. Never rejects. */
+    onPickAttachments?: (source: AttachmentSource, current: DraftAttachment[]) => Promise<PickResult>;
+    /** Rejects when the send fails, so the composer can keep its attachments. */
+    onSendMessage: (body: string, attachments?: OutgoingAttachment[], action?: AgentUiAction) => Promise<void>;
     onIdentifyVisitor?: (data: {
         email?: string;
         name?: string;

package/lib/typescript/module/ui/screens/chat/ChatView.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatView.types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/chat/ChatView.types.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAChG,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/F,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
+{"version":3,"file":"ChatView.types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/chat/ChatView.types.ts"],"names":[],"mappings":"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"}

package/metro.js

@@ -1,38 +1,23 @@
-const path = require('node:path');
-
-const optionalModules = new Set([
-  '@react-native-async-storage/async-storage',
-  '@react-native-firebase/messaging',
-  'react-native-linear-gradient',
-  'react-native-safe-area-context',
-]);
-
-/** Keep installed integrations; map missing widget-only imports to Metro's empty module. */
+/**
+ * Every optional integration (async-storage, Firebase messaging, gradients,
+ * safe-area insets, the Expo attachment pickers) is loaded with a `require()`
+ * inside a `try` block. With Metro's `allowOptionalDependencies` on, a missing
+ * one bundles as a require that throws at runtime, which that `try` catches.
+ *
+ * The React Native and Expo default configs already turn it on, so most apps
+ * need no Metro change at all. This helper only guarantees it for configs
+ * built from bare `metro-config` defaults.
+ *
+ * It deliberately does not install a custom `resolveRequest`: substituting
+ * Metro's empty module for missing imports broke Expo development bundles at
+ * startup ("Property 'MessageQueue' doesn't exist").
+ */
 function withRepzoWidget(config) {
-  const previousResolver = config.resolver?.resolveRequest;
   return {
     ...config,
-    resolver: {
-      ...config.resolver,
-      resolveRequest(context, moduleName, platform) {
-        const resolve = previousResolver ?? context.resolveRequest;
-        try {
-          return resolve(context, moduleName, platform);
-        } catch (error) {
-          const relative = path.relative(__dirname, context.originModulePath);
-          const fromWidget = /^(src|lib)[/\\]/.test(relative);
-          // Do not mask invalid package entry points, missing transitive
-          // dependencies, or imports owned by the host app.
-          if (
-            fromWidget &&
-            optionalModules.has(moduleName) &&
-            error?.constructor?.name === 'FailedToResolveNameError'
-          ) {
-            return { type: 'empty' };
-          }
-          throw error;
-        }
-      },
+    transformer: {
+      ...config.transformer,
+      allowOptionalDependencies: true,
     },
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repzo/widget-react-native",
-  "version": "1.0.0",
+  "version": "1.0.4",
   "description": "Repzo chat widget for React Native \u2014 pure JavaScript, no native modules",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",
@@ -51,6 +51,10 @@
   "peerDependencies": {
     "@react-native-async-storage/async-storage": "*",
     "@react-native-firebase/messaging": "*",
+    "expo-document-picker": "*",
+    "expo-file-system": "*",
+    "expo-image-manipulator": "*",
+    "expo-image-picker": "*",
     "react": "*",
     "react-native": "*",
     "react-native-linear-gradient": "*",
@@ -63,6 +67,18 @@
     "@react-native-firebase/messaging": {
       "optional": true
     },
+    "expo-document-picker": {
+      "optional": true
+    },
+    "expo-file-system": {
+      "optional": true
+    },
+    "expo-image-manipulator": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
     "react-native-linear-gradient": {
       "optional": true
     },
@@ -78,6 +94,7 @@
     "react": "19.2.0",
     "react-native": "0.83.6",
     "react-native-builder-bob": "^0.40.13",
+    "react-test-renderer": "19.2.0",
     "typescript": "^5.9.2",
     "metro": "^0.83.8",
     "metro-config": "^0.83.8"

package/src/api/client.ts

@@ -16,7 +16,6 @@ import type {
   Message,
   OutboundMessage,
   RepzoWidgetErrorCode,
-  WidgetAttachment,
   WidgetConfig,
   WidgetUser,
 } from '../types';
@@ -249,7 +248,8 @@ export class WidgetApiClient {
     conversationId?: string;
     forceNewConversation?: boolean;
     body: string;
-    attachments?: WidgetAttachment[];
+    /** `url` is a base64 data URL; max 5, each <= 1.5 MB decoded. */
+    attachments?: Array<{ name: string; url: string; contentType: string; size: number }>;
     visitorName?: string;
     visitorEmail?: string;
     agentUiAction?: AgentUiAction;
@@ -265,7 +265,9 @@ export class WidgetApiClient {
     conversationId: string,
     cursor?: string | null
   ): Promise<{ data: Message[]; meta: { hasMore: boolean; nextCursor: string | null } }> {
-    const query = cursor ? `?cursor=${encodeURIComponent(cursor)}` : '';
+    // includeDeleted: get a content-free placeholder where a teammate deleted a
+    // message, so the thread can show "This message was deleted".
+    const query = `?includeDeleted=1${cursor ? `&cursor=${encodeURIComponent(cursor)}` : ''}`;
     return this.request(
       `/api/widget/conversations/${encodeURIComponent(conversationId)}/messages${query}`
     );

package/src/api/realtime.ts

@@ -17,6 +17,8 @@ import { SseParser } from './sse-parser';
 const SERVER_EVENTS = {
   connected: 'connected',
   'widget.message.new': 'message.new',
+  'widget.message.deleted': 'message.deleted',
+  'widget.message.status': 'message.status',
   'widget.typing.start': 'typing.start',
   'widget.typing.stop': 'typing.stop',
   'widget.conversation.updated': 'conversation.updated',