@repzo/widget-react-native 1.0.0

package/lib/typescript/commonjs/ui/components/WidgetPanel.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Panel chrome: the colored header (with the assigned agent) and the bottom
+ * space switcher. Port of `client/src/widget/components/WidgetPanel.tsx`; the
+ * fixed-size floating card becomes a full-height sheet because the RN host is
+ * a modal, not an iframe pinned to a corner.
+ */
+import type { ReactNode } from 'react';
+import type { WidgetSpace, WidgetSpaceType } from '../../types';
+interface WidgetPanelProps {
+    color: string;
+    children: ReactNode;
+    activeTab: WidgetSpaceType;
+    onTabChange: (tab: WidgetSpaceType) => void;
+    showTabs: boolean;
+    spaces: WidgetSpace[];
+    /** Messages received while the panel sat on another surface. */
+    unreadCount?: number;
+    labels: {
+        home: string;
+        messages: string;
+        unread: string;
+    };
+}
+export declare function WidgetPanel({ color, children, activeTab, onTabChange, showTabs, spaces, unreadCount, labels, }: WidgetPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=WidgetPanel.d.ts.map

package/lib/typescript/commonjs/ui/components/WidgetPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPanel.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WidgetPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAahE,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,eAAe,CAAC;IAC3B,WAAW,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5D;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,WAAe,EACf,MAAM,GACP,EAAE,gBAAgB,+BA4ClB"}

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

@@ -0,0 +1,38 @@
+/**
+ * Geometric icons drawn with plain Views.
+ *
+ * The library ships zero native dependencies, so `react-native-svg` is off the
+ * table; every glyph here is a rotated border or triangle, which renders
+ * identically on both platforms and scales with the `size` prop.
+ */
+import { type ViewStyle } from 'react-native';
+interface IconProps {
+    size?: number;
+    color?: string;
+    style?: ViewStyle;
+}
+/** Two crossed bars. */
+export declare function CloseIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+type ChevronDirection = 'left' | 'right' | 'up' | 'down';
+/** A square with two adjacent borders, rotated into an arrow head. */
+export declare function ChevronIcon({ size, color, direction, style, }: IconProps & {
+    direction?: ChevronDirection;
+}): import("react").JSX.Element;
+/** Arrow with a shaft — used for the "start a conversation" affordance. */
+export declare function ArrowRightIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** Right-pointing triangle for the send button. */
+/** Upward arrow — the send affordance inside the composer's round button. */
+export declare function ArrowUpIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** Rounded speech bubble with a tail. */
+export declare function ChatIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** Outlined speech bubble — the Messages tab + empty state. */
+export declare function ChatOutlineIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** House outline — the Home tab. */
+export declare function HomeIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** Person glyph for conversations with no assigned agent. */
+export declare function PersonIcon({ size, color, style }: IconProps): import("react").JSX.Element;
+/** 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;
+export {};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +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"}

package/lib/typescript/commonjs/ui/hooks/use-keyboard-overlap.d.ts

@@ -0,0 +1,33 @@
+/**
+ * How far the keyboard covers the widget panel, in dp.
+ *
+ * The panel is a `<Modal>` that reaches the bottom of the screen, so the
+ * keyboard's own height is the whole story: what it reports is what has to be
+ * given back, less whatever the layout has already conceded down there.
+ *
+ * Measuring the panel does not work, and neither does RN's
+ * `<KeyboardAvoidingView>`, which is built on the same measurement. Both read a
+ * view's position out of the shadow tree, which places it relative to the
+ * surface root, while the keyboard frame arrives in screen coordinates. An iOS
+ * page sheet starts some 60dp down the screen, so the two disagree by exactly
+ * that much and the composer ends up under the keyboard with only its top
+ * border showing.
+ *
+ * What counts as already conceded differs by platform. iOS never resizes its
+ * window for the keyboard, so it is the safe-area padding the panel already
+ * keeps below itself. Android modals ask for `adjustResize`, so the window
+ * usually gives up the height itself and nothing more is owed; when it does not
+ * — an edge-to-edge window stays put — the whole keyboard still is. Either way
+ * the difference shows up in the panel's own height, so that is where the
+ * shrink is read from. RN already nets the navigation bar out of the height it
+ * reports on Android, so the safe-area inset must not come off twice there.
+ */
+import type { LayoutChangeEvent } from 'react-native';
+export interface KeyboardOverlap {
+    /** Bottom padding, in dp, that keeps the panel clear of the keyboard. */
+    overlap: number;
+    /** Goes on the padded view; its height is how the Android resize is spotted. */
+    onLayout: (event: LayoutChangeEvent) => void;
+}
+export declare function useKeyboardOverlap(enabled: boolean, bottomInset: number): KeyboardOverlap;
+//# sourceMappingURL=use-keyboard-overlap.d.ts.map

package/lib/typescript/commonjs/ui/hooks/use-keyboard-overlap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-overlap.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/use-keyboard-overlap.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,OAAO,KAAK,EAAoC,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAYxF,MAAM,WAAW,eAAe;IAC9B,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,eAAe,CAuFzF"}

package/lib/typescript/commonjs/ui/hooks/use-reduce-motion.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Shared reduce-motion check. The query is async, so the answer is cached for
+ * the process: the setting rarely changes mid-session, and re-asking on every
+ * mount would let the first frame animate before the answer arrives.
+ *
+ * Returns `null` until resolved, which callers should read as "hold still" —
+ * starting an animation and snapping it away a frame later is the flicker this
+ * is meant to avoid.
+ */
+export declare function useReduceMotion(): boolean | null;
+//# sourceMappingURL=use-reduce-motion.d.ts.map

package/lib/typescript/commonjs/ui/hooks/use-reduce-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduce-motion.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/use-reduce-motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,wBAAgB,eAAe,IAAI,OAAO,GAAG,IAAI,CAuBhD"}

package/lib/typescript/commonjs/ui/hooks/use-widget-insets.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Safe-area insets without a hard dependency.
+ *
+ * RN's own `SafeAreaView` is deprecated (and iOS-only), so we use the host
+ * app's `react-native-safe-area-context` when it is installed and fall back to
+ * platform constants otherwise. Resolution happens once at module load, so the
+ * hook call order is stable across renders.
+ */
+export interface WidgetInsets {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export declare function useWidgetInsets(): WidgetInsets;
+//# sourceMappingURL=use-widget-insets.d.ts.map

package/lib/typescript/commonjs/ui/hooks/use-widget-insets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-widget-insets.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/use-widget-insets.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAkBD,wBAAgB,eAAe,IAAI,YAAY,CAS9C"}

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

@@ -0,0 +1,11 @@
+/**
+ * Chat thread — message list, typing indicator and composer.
+ * Port of `client/src/widget/components/ChatView.tsx`.
+ *
+ * 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.
+ */
+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;
+//# sourceMappingURL=ChatView.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,349 @@
+/** Styles for the chat thread: header bar, message list, bubbles and composer. */
+export declare const styles: {
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 12;
+        paddingHorizontal: 12;
+        paddingVertical: 12;
+        minHeight: number;
+        borderBottomWidth: number;
+    };
+    headerIdentity: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        minWidth: number;
+    };
+    avatarWrapper: {
+        position: "relative";
+    };
+    onlineDot: {
+        position: "absolute";
+        end: number;
+        bottom: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: "#22c55e";
+        borderWidth: number;
+        borderColor: "#ffffff";
+    };
+    headerText: {
+        flex: number;
+        minWidth: number;
+    };
+    headerName: {
+        textAlign: "left" | "right";
+        fontSize: 15;
+        fontWeight: "700";
+    };
+    headerStatus: {
+        textAlign: "left" | "right";
+        fontSize: 12;
+        marginTop: number;
+    };
+    messagesContentEmpty: {
+        flexGrow: number;
+        justifyContent: "center";
+    };
+    emptyState: {
+        alignItems: "center";
+        paddingHorizontal: 20;
+        paddingVertical: 24;
+    };
+    emptyIcon: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginBottom: 12;
+    };
+    emptyText: {
+        textAlign: "center";
+        color: "#9ca3af";
+        fontSize: 13;
+        lineHeight: number;
+    };
+    messagesContent: {
+        padding: 16;
+        paddingBottom: 8;
+        gap: 8;
+    };
+    loadMore: {
+        alignSelf: "center";
+        paddingVertical: 8;
+        paddingHorizontal: 12;
+    };
+    loadMoreLabel: {
+        fontSize: 13;
+        fontWeight: "600";
+    };
+    stateText: {
+        textAlign: "center";
+        paddingVertical: number;
+        paddingHorizontal: 20;
+        color: "#9ca3af";
+        fontSize: 13;
+    };
+    messageRow: {
+        maxWidth: "100%";
+    };
+    messageRowLeft: {
+        alignItems: "flex-start";
+    };
+    senderLabel: {
+        textAlign: "left" | "right";
+        fontSize: 12;
+        fontWeight: "600";
+        color: "#6b7280";
+        marginBottom: number;
+        marginStart: 4;
+    };
+    messageTime: {
+        fontSize: number;
+        alignSelf: "flex-end";
+        marginTop: number;
+    };
+    daySeparator: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 12;
+        paddingVertical: 8;
+    };
+    dayLine: {
+        flex: number;
+        height: number;
+        backgroundColor: "#e5e7eb";
+    };
+    dayLabel: {
+        fontSize: 12;
+        fontWeight: "600";
+        color: "#9ca3af";
+    };
+    messageRowRight: {
+        alignItems: "flex-end";
+    };
+    bubble: {
+        maxWidth: "85%";
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    bubbleVisitor: {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    bubbleVisitorRTL: {
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    bubbleAgent: {
+        backgroundColor: "#f3f4f6";
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderBottomRightRadius: number;
+        borderBottomLeftRadius: number;
+    };
+    bubbleAgentRTL: {
+        borderBottomRightRadius: number;
+        borderBottomLeftRadius: number;
+    };
+    bubblePending: {
+        opacity: number;
+    };
+    bubbleText: {
+        fontSize: 15;
+        lineHeight: number;
+    };
+    attachments: {
+        gap: number;
+    };
+    attachmentsSpaced: {
+        marginTop: 8;
+    };
+    attachmentImage: {
+        width: number;
+        height: number;
+        borderRadius: 10;
+    };
+    attachmentFile: {
+        borderWidth: number;
+        borderRadius: 10;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    attachmentName: {
+        fontSize: 13;
+    };
+    failedText: {
+        fontSize: 12;
+        marginTop: 4;
+    };
+    systemRow: {
+        alignItems: "center";
+        paddingVertical: 8;
+    };
+    systemText: {
+        maxWidth: "86%";
+        textAlign: "center";
+        color: "#6b7280";
+        fontSize: 12;
+        lineHeight: number;
+    };
+    typingRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 8;
+        paddingVertical: 8;
+    };
+    typingBubble: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 4;
+        backgroundColor: "#f3f4f6";
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: 8;
+    };
+    typingDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: "#9ca3af";
+    };
+    typingLabel: {
+        fontSize: 12;
+        color: "#6b7280";
+    };
+    offlineBanner: {
+        paddingHorizontal: 12;
+        paddingVertical: 8;
+        backgroundColor: "#fef3c7";
+        borderTopWidth: number;
+        borderTopColor: "#fde68a";
+    };
+    offlineText: {
+        fontSize: 12;
+        color: "#92400e";
+        textAlign: "center";
+    };
+    composerWrapper: {
+        paddingHorizontal: 12;
+        paddingTop: 12;
+        paddingBottom: 12;
+        backgroundColor: "#ffffff";
+        borderTopWidth: number;
+        borderTopColor: "#e5e7eb";
+    };
+    composer: {
+        flexDirection: "row";
+        alignItems: "flex-end";
+        gap: 8;
+        minHeight: number;
+        backgroundColor: "#f3f4f6";
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: "#e5e7eb";
+        paddingLeft: 16;
+        paddingRight: number;
+        paddingVertical: number;
+    };
+    composerFocused: {
+        backgroundColor: "#ffffff";
+    };
+    input: {
+        textAlign: "left" | "right";
+        flex: number;
+        fontSize: 16;
+        lineHeight: number;
+        color: "#1a1a1a";
+        maxHeight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        padding: number;
+    };
+    sendButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    sendButtonDisabled: {
+        backgroundColor: "#f3f4f6";
+    };
+    sendButtonPressed: {
+        opacity: number;
+    };
+    procedureCard: {
+        width: "100%";
+        maxWidth: number;
+        marginTop: 8;
+        borderWidth: number;
+        borderColor: "#e5e7eb";
+        borderRadius: 14;
+        backgroundColor: "#ffffff";
+        padding: number;
+    };
+    procedureToggle: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        gap: 8;
+        borderRadius: 10;
+        paddingHorizontal: 12;
+        paddingVertical: 12;
+        minHeight: number;
+    };
+    procedureToggleLabel: {
+        fontSize: 13;
+        fontWeight: "600";
+    };
+    procedureToggleHint: {
+        fontSize: 12;
+        opacity: number;
+    };
+    procedureTitle: {
+        fontSize: 13;
+        fontWeight: "600";
+        color: "#111827";
+        marginTop: number;
+        marginBottom: 8;
+    };
+    procedureFields: {
+        gap: 8;
+    };
+    procedureLabel: {
+        fontSize: 12;
+        color: "#6b7280";
+        marginBottom: 4;
+    };
+    procedureInput: {
+        borderWidth: number;
+        borderColor: "#d1d5db";
+        borderRadius: 10;
+        paddingHorizontal: 12;
+        paddingVertical: number;
+        fontSize: 16;
+        color: "#111827";
+        minHeight: number;
+    };
+    procedureSubmit: {
+        marginTop: number;
+        borderRadius: 10;
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: 12;
+        minHeight: number;
+    };
+    procedureSubmitLabel: {
+        color: "#ffffff";
+        fontSize: 13;
+        fontWeight: "600";
+    };
+};
+//# sourceMappingURL=ChatView.styles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+/** Props and label bundle for the chat thread. */
+import type { AgentUiAction, Message, WidgetAttachment } from '../../../types';
+import type { AgentUiBlockLabels } from '../../components/AgentUiBlocks';
+export interface ChatLabels {
+    back: string;
+    loading: string;
+    loadEarlier: string;
+    emptyConversation: string;
+    messagePlaceholder: string;
+    failedToSend: string;
+    thinking: string;
+    team: string;
+    statusOnline: string;
+    statusAway: string;
+    close: string;
+    today: string;
+    yesterday: string;
+    conversationUpdated: string;
+    procedureSend: string;
+    procedureSent: string;
+    blocks: AgentUiBlockLabels;
+}
+export interface ChatViewProps {
+    messages: Message[];
+    loading: boolean;
+    hasMoreMessages: boolean;
+    agentTyping: boolean;
+    color: string;
+    /** Whoever is handling this thread, once the backend assigns someone. */
+    agentName?: string | null;
+    agentAvatar?: string | null;
+    isOnline: boolean;
+    prefillText?: string;
+    offlineMessage?: string;
+    locale: string;
+    labels: ChatLabels;
+    onSendMessage: (body: string, attachments?: WidgetAttachment[], action?: AgentUiAction) => void;
+    onIdentifyVisitor?: (data: {
+        email?: string;
+        name?: string;
+        phone?: string;
+    }) => Promise<void>;
+    onLoadMore: () => void;
+    onTyping: (isTyping: boolean) => void;
+    onBack: () => void;
+    onClose: () => void;
+}
+//# sourceMappingURL=ChatView.types.d.ts.map

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

@@ -0,0 +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"}

package/lib/typescript/commonjs/ui/screens/conversations/ConversationsList.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Messages space — conversation rows plus the floating "new conversation"
+ * pill. Port of `client/src/widget/components/ConversationsList.tsx`.
+ *
+ * Rows are shared with the Home space's recent preview, and both sort for
+ * themselves because the store keeps conversations in arrival order.
+ */
+import type { ConversationsListProps } from './ConversationsList.types';
+export declare function ConversationsList({ conversations, unreadByConversation, color, allowNewConversations, showPreviousConversations, isOnline, startConversationLabel, labels, onSelect, onNewConversation, onRefresh, onClose, }: ConversationsListProps): import("react").JSX.Element;
+//# sourceMappingURL=ConversationsList.d.ts.map

package/lib/typescript/commonjs/ui/screens/conversations/ConversationsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationsList.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/conversations/ConversationsList.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAYH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,qBAAqB,EACrB,yBAAyB,EACzB,QAAQ,EACR,sBAAsB,EACtB,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB,+BA8GxB"}