@repzo/widget-react-native 1.0.0

package/lib/typescript/module/ui/screens/conversations/ConversationsList.styles.d.ts

@@ -0,0 +1,113 @@
+/** Styles for the Messages space: centered header, row list and the floating pill. */
+export declare const styles: {
+    header: {
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        paddingTop: 16;
+        paddingBottom: 12;
+        borderBottomWidth: number;
+        borderBottomColor: "#f3f4f6";
+    };
+    headerCopy: {
+        alignItems: "center";
+        gap: number;
+    };
+    title: {
+        fontSize: 17;
+        fontWeight: "600";
+        color: "#1a1a1a";
+    };
+    statusLine: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    statusDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    statusText: {
+        fontSize: 12;
+        color: "#6b7280";
+    };
+    close: {
+        position: "absolute";
+        end: 16;
+        top: number;
+        bottom: number;
+        justifyContent: "center";
+        paddingHorizontal: 4;
+    };
+    listContent: {
+        flexGrow: number;
+    };
+    listContentEmpty: {
+        justifyContent: "center";
+    };
+    divider: {
+        marginStart: number;
+    };
+    empty: {
+        alignItems: "center";
+        paddingHorizontal: 24;
+        paddingVertical: number;
+    };
+    emptyIcon: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginBottom: 16;
+    };
+    emptyTitle: {
+        fontSize: 15;
+        fontWeight: "600";
+        color: "#1a1a1a";
+        textAlign: "center";
+    };
+    emptySubtitle: {
+        fontSize: 13;
+        color: "#9ca3af";
+        marginTop: 4;
+        textAlign: "center";
+    };
+    fabWrapper: {
+        position: "absolute";
+        left: number;
+        right: number;
+        bottom: 16;
+        alignItems: "center";
+    };
+    fab: {
+        shadowColor: "#000000";
+        shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        shadowOpacity: 0.15;
+        shadowRadius: 12;
+        elevation: 6;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 8;
+        minHeight: number;
+        paddingHorizontal: 20;
+        paddingVertical: 12;
+        borderRadius: 999;
+    };
+    fabPressed: {
+        opacity: number;
+        transform: {
+            scale: number;
+        }[];
+    };
+    fabLabel: {
+        color: "#ffffff";
+        fontSize: 13;
+        fontWeight: "600";
+    };
+};
+//# sourceMappingURL=ConversationsList.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationsList.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/conversations/ConversationsList.styles.ts"],"names":[],"mappings":"AAAA,sFAAsF;AAOtF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGjB,CAAC"}

package/lib/typescript/module/ui/screens/conversations/ConversationsList.types.d.ts

@@ -0,0 +1,31 @@
+/** Props and label bundle for the Messages space. */
+import type { Conversation } from '../../../types';
+import type { RelativeTimeLabels } from '../../utils/conversations';
+export interface ConversationsListLabels {
+    messages: string;
+    noMessages: string;
+    historyHidden: string;
+    startBelow: string;
+    close: string;
+    team: string;
+    statusOnline: string;
+    statusAway: string;
+    time: RelativeTimeLabels;
+    /** Template with a `{count}` token. */
+    unread: string;
+}
+export interface ConversationsListProps {
+    conversations: Conversation[];
+    unreadByConversation: Record<string, number>;
+    color: string;
+    allowNewConversations: boolean;
+    showPreviousConversations: boolean;
+    isOnline: boolean;
+    startConversationLabel: string;
+    labels: ConversationsListLabels;
+    onSelect: (conversationId: string) => void;
+    onNewConversation: () => void;
+    onRefresh: () => Promise<void> | void;
+    onClose: () => void;
+}
+//# sourceMappingURL=ConversationsList.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationsList.types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/conversations/ConversationsList.types.ts"],"names":[],"mappings":"AAAA,qDAAqD;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,CAAC;IACzB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB,EAAE,OAAO,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/lib/typescript/module/ui/screens/home/HomeView.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Home space — branded greeting header, the "start a conversation" card, a
+ * preview of recent threads and a team/availability strip.
+ * Port of `client/src/widget/components/HomeView.tsx`.
+ *
+ * The header meets the white body on a straight seam, the same as the web
+ * widget. Whether that seam is a hard edge or the background washing out into
+ * white is the dashboard's `homeBackgroundFade` toggle, and the start card sits
+ * astride it either way: top over the brand background, bottom over white.
+ *
+ * Everything on this screen comes from the widget config or the conversations
+ * the visitor already has; nothing here assumes a field the backend does not
+ * send today.
+ */
+import type { HomeViewProps } from './HomeView.types';
+export declare function HomeView({ config, color, visitorName, conversationCount, recentConversations, unreadByConversation, teamAgents, isOnline, offlineMessage, startConversationLabel, replyTimeLabel, allowNewConversations, showPreviousConversations, labels, onClose, onStartConversation, onViewConversations, onOpenConversation, }: HomeViewProps): import("react").JSX.Element;
+//# sourceMappingURL=HomeView.d.ts.map

package/lib/typescript/module/ui/screens/home/HomeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeView.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/home/HomeView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAqCH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiBtD,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,yBAAyB,EACzB,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,aAAa,+BAkNf"}

package/lib/typescript/module/ui/screens/home/HomeView.styles.d.ts

@@ -0,0 +1,227 @@
+/**
+ * Styles and layout constants for the Home space. The constants live next to
+ * the sheet so the component and the styles can never disagree about them.
+ */
+/**
+ * Header geometry in dp, measured off the web widget so the two surfaces line
+ * up: a tall header with the greeting pinned low, a start card that overhangs
+ * the seam by a fixed amount rather than half its height, and a fade that is a
+ * straight white ramp over the bottom of the header, starting just under the
+ * heading.
+ */
+export declare const HEADER_MIN_HEIGHT = 228;
+/** Between the greeting and whatever comes next: the seam, or the start card. */
+export declare const HEADER_BOTTOM_PADDING = 36;
+export declare const START_CARD_LIFT = 28;
+export declare const START_CARD_MIN_HEIGHT = 76;
+export declare const HEADER_FADE_HEIGHT = 90;
+export declare const CLOSE_BUTTON_SIZE = 28;
+export declare const CLOSE_ICON_SIZE = 14;
+export declare const styles: {
+    contentContainer: {
+        flexGrow: number;
+    };
+    header: {
+        minHeight: number;
+        paddingHorizontal: 20;
+        paddingTop: 20;
+        paddingBottom: number;
+        overflow: "hidden";
+    };
+    imageScrim: {
+        backgroundColor: string;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    headerTop: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        justifyContent: "space-between";
+        minHeight: number;
+    };
+    headerSpacer: {
+        flex: number;
+        minHeight: number;
+    };
+    logo: {
+        width: number;
+        height: number;
+    };
+    closeButton: {
+        marginStart: "auto";
+        padding: number;
+        borderRadius: 999;
+        backgroundColor: string;
+    };
+    heading: {
+        textAlign: "left" | "right";
+        fontSize: 28;
+        lineHeight: number;
+        fontWeight: "600";
+        marginBottom: 12;
+    };
+    subheading: {
+        textAlign: "left" | "right";
+        fontSize: 15;
+        lineHeight: number;
+    };
+    body: {
+        flex: number;
+        backgroundColor: "#ffffff";
+        paddingHorizontal: 20;
+        paddingBottom: 24;
+    };
+    bodyContent: {
+        flex: number;
+        paddingTop: 20;
+    };
+    offlineNotice: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: number;
+        padding: 12;
+        borderRadius: 10;
+        backgroundColor: "#fef3c7";
+        borderWidth: number;
+        borderColor: "#fde68a";
+        marginBottom: 16;
+    };
+    offlineText: {
+        textAlign: "left" | "right";
+        flex: number;
+        fontSize: 13;
+        lineHeight: number;
+        color: "#92400e";
+    };
+    startCardSlot: {
+        marginTop: number;
+    };
+    startCard: {
+        shadowColor: "#0f172a";
+        shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        shadowOpacity: 0.08;
+        shadowRadius: 14;
+        elevation: 3;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 12;
+        minHeight: number;
+        paddingHorizontal: 20;
+        paddingVertical: number;
+        borderRadius: 12;
+        borderWidth: number;
+        borderColor: "#e5e7eb";
+        backgroundColor: "#f9fafb";
+    };
+    startCardPressed: {
+        opacity: number;
+    };
+    startIcon: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    startCopy: {
+        flex: number;
+        minWidth: number;
+    };
+    startTitle: {
+        textAlign: "left" | "right";
+        fontSize: 17;
+        fontWeight: "600";
+        color: "#1a1a1a";
+    };
+    startSubtitle: {
+        textAlign: "left" | "right";
+        fontSize: 13;
+        color: "#9ca3af";
+        marginTop: number;
+    };
+    recentHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        minHeight: number;
+        marginBottom: 8;
+    };
+    recentTitle: {
+        textAlign: "left" | "right";
+        fontSize: 12;
+        fontWeight: "700";
+        color: "#6b7280";
+        letterSpacing: number;
+        textTransform: "uppercase";
+    };
+    viewAllButton: {
+        minHeight: number;
+        paddingHorizontal: 4;
+        justifyContent: "center";
+    };
+    viewAllLabel: {
+        textAlign: "left" | "right";
+        fontSize: 13;
+        fontWeight: "600";
+    };
+    recentCard: {
+        overflow: "hidden";
+    };
+    recentDivider: {
+        marginStart: number;
+    };
+    spacer: {
+        flex: number;
+        minHeight: 16;
+        justifyContent: "center";
+    };
+    emptyHint: {
+        alignItems: "center";
+        gap: 8;
+        paddingVertical: 20;
+    };
+    emptyHintText: {
+        fontSize: 13;
+        color: "#9ca3af";
+        textAlign: "center";
+    };
+    statusStrip: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        minHeight: number;
+        paddingTop: 16;
+        marginTop: 16;
+        borderTopWidth: number;
+        borderTopColor: "#f3f4f6";
+    };
+    avatarStack: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    avatarStackItem: {
+        borderWidth: number;
+        borderColor: "#ffffff";
+    };
+    avatarStackOverlap: {
+        marginStart: number;
+    };
+    statusDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    statusText: {
+        textAlign: "left" | "right";
+        flex: number;
+        fontSize: 13;
+        color: "#6b7280";
+    };
+};
+//# sourceMappingURL=HomeView.styles.d.ts.map

package/lib/typescript/module/ui/screens/home/HomeView.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeView.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/home/HomeView.styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,iFAAiF;AACjF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0NjB,CAAC"}

package/lib/typescript/module/ui/screens/home/HomeView.types.d.ts

@@ -0,0 +1,40 @@
+/** Props and label bundle for the Home space. */
+import type { Conversation, WidgetConfig } from '../../../types';
+import type { RelativeTimeLabels, TeamAgent } from '../../utils/conversations';
+export interface HomeViewLabels {
+    close: string;
+    /** Accessibility label for the "view all" control. */
+    viewPrevious: string;
+    viewAll: string;
+    recentTitle: string;
+    noConversations: string;
+    statusOnline: string;
+    statusAway: string;
+    /** Stand-in name while a conversation has no agent assigned. */
+    team: string;
+    time: RelativeTimeLabels;
+    /** Template with a `{count}` token. */
+    unread: string;
+}
+export interface HomeViewProps {
+    config: WidgetConfig | null;
+    color: string;
+    visitorName?: string;
+    conversationCount: number;
+    /** Already sorted newest-first and capped by the provider. */
+    recentConversations: Conversation[];
+    unreadByConversation: Record<string, number>;
+    teamAgents: TeamAgent[];
+    isOnline: boolean;
+    offlineMessage?: string;
+    startConversationLabel: string;
+    replyTimeLabel: string;
+    allowNewConversations: boolean;
+    showPreviousConversations: boolean;
+    labels: HomeViewLabels;
+    onClose: () => void;
+    onStartConversation: () => void;
+    onViewConversations: () => void;
+    onOpenConversation: (conversationId: string) => void;
+}
+//# sourceMappingURL=HomeView.types.d.ts.map

package/lib/typescript/module/ui/screens/home/HomeView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeView.types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/home/HomeView.types.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE/E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,kBAAkB,CAAC;IACzB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,mBAAmB,EAAE,YAAY,EAAE,CAAC;IACpC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB,EAAE,OAAO,CAAC;IACnC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD"}

package/lib/typescript/module/ui/screens/home/greeting.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Greeting helpers for the Home space. The admin's heading renders exactly as
+ * the dashboard sent it, with one exception: an explicit name token, which is
+ * the admin asking for the visitor's first name to be filled in.
+ * Deliberately free of React and React Native so they stay trivial to test.
+ */
+/**
+ * First name suitable for greeting someone by. Hosts sometimes put an email or
+ * a phone number in the name field, and greeting "Hi rep@acme.com" is worse
+ * than not personalizing at all.
+ */
+export declare function firstName(fullName?: string | null): string | null;
+/**
+ * Resolve the admin's heading against the visitor's name. Only an explicit
+ * token is substituted: a generic "Hi there" stays "Hi there", because that is
+ * what the dashboard preview shows the admin and the phone has to match it.
+ */
+export declare function personalizeGreeting(template: string | null | undefined, visitorName: string | null | undefined, fallback: string): string;
+//# sourceMappingURL=greeting.d.ts.map

package/lib/typescript/module/ui/screens/home/greeting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"greeting.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/home/greeting.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAOjE;AAWD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,MAAM,GACf,MAAM,CAIR"}

package/lib/typescript/module/ui/screens/pre-chat/PreChatForm.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Pre-chat form — collects visitor info before the first message.
+ * Port of `client/src/widget/components/PreChatForm.tsx`.
+ */
+import type { PreChatFormProps } from './PreChatForm.types';
+export declare function PreChatForm({ fields, color, labels, onSubmit, onSkip, onClose, }: PreChatFormProps): import("react").JSX.Element;
+//# sourceMappingURL=PreChatForm.d.ts.map

package/lib/typescript/module/ui/screens/pre-chat/PreChatForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreChatForm.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/pre-chat/PreChatForm.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAaH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,+BAgMlB"}

package/lib/typescript/module/ui/screens/pre-chat/PreChatForm.styles.d.ts

@@ -0,0 +1,115 @@
+/** Styles for the pre-chat form: brand header, fields and the skip/submit row. */
+export declare const styles: {
+    header: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: 12;
+        paddingHorizontal: 20;
+        paddingVertical: 16;
+        minHeight: number;
+    };
+    headerCopy: {
+        flex: number;
+        minWidth: number;
+    };
+    headerTitle: {
+        textAlign: "left" | "right";
+        fontSize: 22;
+        fontWeight: "700";
+        marginBottom: 4;
+    };
+    headerSubtitle: {
+        textAlign: "left" | "right";
+        fontSize: 13;
+        lineHeight: number;
+    };
+    content: {
+        flexGrow: number;
+        padding: 24;
+    };
+    field: {
+        marginBottom: 16;
+    };
+    label: {
+        textAlign: "left" | "right";
+        fontSize: 13;
+        fontWeight: "600";
+        color: string;
+        marginBottom: 4;
+    };
+    required: {
+        color: "#ef4444";
+    };
+    input: {
+        textAlign: "left" | "right";
+        borderWidth: number;
+        borderColor: "#d1d5db";
+        borderRadius: 8;
+        paddingHorizontal: 12;
+        paddingVertical: number;
+        fontSize: 16;
+        color: "#1a1a1a";
+        minHeight: number;
+    };
+    inputError: {
+        borderColor: "#ef4444";
+    };
+    options: {
+        gap: 8;
+    };
+    option: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        borderWidth: number;
+        borderColor: "#d1d5db";
+        borderRadius: 8;
+        paddingHorizontal: 12;
+        paddingVertical: 12;
+        minHeight: number;
+    };
+    optionLabel: {
+        fontSize: 15;
+        color: "#1a1a1a";
+    };
+    errorText: {
+        textAlign: "left" | "right";
+        fontSize: 12;
+        color: "#ef4444";
+        marginTop: 4;
+    };
+    actions: {
+        flexDirection: "row";
+        gap: 8;
+        marginTop: 16;
+    };
+    skipButton: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        borderWidth: number;
+        borderColor: "#d1d5db";
+        borderRadius: 8;
+        paddingVertical: 12;
+        minHeight: number;
+    };
+    skipLabel: {
+        fontSize: 15;
+        fontWeight: "600";
+        color: string;
+    };
+    submitButton: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        borderRadius: 8;
+        paddingVertical: 12;
+        minHeight: number;
+    };
+    submitLabel: {
+        fontSize: 15;
+        fontWeight: "600";
+        color: "#ffffff";
+    };
+};
+//# sourceMappingURL=PreChatForm.styles.d.ts.map

package/lib/typescript/module/ui/screens/pre-chat/PreChatForm.styles.d.ts.map

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

package/lib/typescript/module/ui/screens/pre-chat/PreChatForm.types.d.ts

@@ -0,0 +1,20 @@
+/** Props and label bundle for the pre-chat form. */
+import type { PreChatField } from '../../../types';
+export interface PreChatFormLabels {
+    title: string;
+    subtitle: string;
+    skip: string;
+    submit: string;
+    close: string;
+    fieldRequired: string;
+    invalidEmail: string;
+}
+export interface PreChatFormProps {
+    fields: PreChatField[];
+    color: string;
+    labels: PreChatFormLabels;
+    onSubmit: (data: Record<string, string>) => void;
+    onSkip: () => void;
+    onClose: () => void;
+}
+//# sourceMappingURL=PreChatForm.types.d.ts.map

package/lib/typescript/module/ui/screens/pre-chat/PreChatForm.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreChatForm.types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/screens/pre-chat/PreChatForm.types.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/lib/typescript/module/ui/styles/global.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Style rules shared by more than one screen or component, so a fingertip-sized
+ * icon button or a hairline divider is written once and looks the same
+ * everywhere. Screens layer their own sheet on top:
+ * `style={[globalStyles.divider, styles.inset]}`.
+ *
+ * Only rules that are identical at every call site belong here. A style that is
+ * "almost the same" stays with its screen: hoisting it would either fork it
+ * into variants or quietly change one screen to match another.
+ */
+export declare const globalStyles: {
+    /** Full-height white surface every screen starts from. */
+    screen: {
+        flex: number;
+        backgroundColor: "#ffffff";
+    };
+    /** Grows to take whatever space its parent has left. */
+    fill: {
+        flex: number;
+    };
+    /** Round icon target in a header bar, sized for a fingertip. */
+    iconButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    /** Pressed feedback for icon buttons and text links. */
+    pressed: {
+        opacity: number;
+    };
+    /** Hairline between list rows; the caller adds the start inset. */
+    divider: {
+        height: number;
+        backgroundColor: "#f3f4f6";
+    };
+    /** Bordered white card that lists and previews sit in. */
+    card: {
+        borderRadius: 12;
+        borderWidth: number;
+        borderColor: "#e5e7eb";
+        backgroundColor: "#ffffff";
+    };
+};
+//# sourceMappingURL=global.d.ts.map

package/lib/typescript/module/ui/styles/global.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/global.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,eAAO,MAAM,YAAY;IACvB,0DAA0D;;;;;IAK1D,wDAAwD;;;;IAIxD,gEAAgE;;;;;;;;IAQhE,wDAAwD;;;;IAIxD,mEAAmE;;;;;IAKnE,0DAA0D;;;;;;;CAO1D,CAAC"}