@parlr/react-native 0.1.0

package/lib/module/components/ChatBubble.js

@@ -0,0 +1,386 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Chat Bubble
+// ---------------------------------------------------------------------------
+//
+// Renders a single message bubble. Agent messages appear on the left with an
+// avatar; contact messages appear on the right with the accent color.
+// Supports text, images, file attachments, and read receipts.
+// ---------------------------------------------------------------------------
+
+import React, { useContext, useState } from 'react';
+import { Dimensions, Image, Linking, Modal, Pressable, StyleSheet, Text, View } from 'react-native';
+import Animated, { FadeInUp } from 'react-native-reanimated';
+import { ParlrContext } from "../provider/ParlrContext.js";
+import { RichMessage, tryParseRichContent } from "./RichMessage.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function formatTime(iso) {
+  try {
+    const d = new Date(iso);
+    return d.toLocaleTimeString([], {
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+  } catch {
+    return '';
+  }
+}
+function AgentAvatar({
+  name,
+  theme
+}) {
+  const initial = (name ?? 'A').charAt(0).toUpperCase();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.avatar, {
+      backgroundColor: theme.colors.surfaceDark
+    }],
+    accessibilityLabel: `${name ?? 'Agent'} avatar`,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.avatarText, {
+        color: theme.colors.textSecondary
+      }],
+      children: initial
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Read receipt indicators
+// ---------------------------------------------------------------------------
+
+function ReadReceipt({
+  status
+}) {
+  if (!status || status === 'failed') return null;
+  if (status === 'sending') {
+    return /*#__PURE__*/_jsx(Text, {
+      style: styles.statusIndicator,
+      children: " ..."
+    });
+  }
+  if (status === 'sent') {
+    return /*#__PURE__*/_jsxs(Text, {
+      style: styles.checkmark,
+      children: [" ", '\u2713']
+    });
+  }
+  if (status === 'read') {
+    return /*#__PURE__*/_jsxs(Text, {
+      style: styles.checkmarkRead,
+      children: [" ", '\u2713\u2713']
+    });
+  }
+  return null;
+}
+
+// ---------------------------------------------------------------------------
+// Attachment renderers
+// ---------------------------------------------------------------------------
+
+function isImageAttachment(attachment) {
+  return attachment.contentType.startsWith('image/');
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function ImageAttachmentView({
+  attachment
+}) {
+  const [visible, setVisible] = useState(false);
+  const screenWidth = Dimensions.get('window').width;
+  const screenHeight = Dimensions.get('window').height;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setVisible(true),
+      accessibilityLabel: attachment.name,
+      accessibilityRole: "image",
+      children: /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: attachment.url
+        },
+        style: styles.attachmentImage,
+        resizeMode: "cover"
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: visible,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setVisible(false),
+      children: /*#__PURE__*/_jsxs(Pressable, {
+        style: styles.imageModalBackdrop,
+        onPress: () => setVisible(false),
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: attachment.url
+          },
+          style: {
+            width: screenWidth,
+            height: screenHeight * 0.8
+          },
+          resizeMode: "contain"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.imageModalClose,
+          children: '\u2715'
+        })]
+      })
+    })]
+  });
+}
+function AttachmentView({
+  attachment,
+  isAgent,
+  isDark
+}) {
+  if (isImageAttachment(attachment)) {
+    return /*#__PURE__*/_jsx(ImageAttachmentView, {
+      attachment: attachment
+    });
+  }
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: () => Linking.openURL(attachment.url).catch(() => {}),
+    style: [styles.fileAttachment, isDark && styles.fileAttachmentDark],
+    accessibilityRole: "link",
+    accessibilityLabel: `${attachment.name}, ${formatFileSize(attachment.size)}`,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.fileIcon,
+      children: '\ud83d\udcc4'
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.fileDetails,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.fileName, isAgent ? [styles.fileNameAgent, isDark && styles.fileNameAgentDark] : styles.fileNameContact],
+        numberOfLines: 1,
+        children: attachment.name
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.fileSizeText, isAgent ? [styles.fileSizeAgent, isDark && styles.fileSizeAgentDark] : styles.fileSizeContact],
+        children: formatFileSize(attachment.size)
+      })]
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Main component
+// ---------------------------------------------------------------------------
+
+export function ChatBubble({
+  message,
+  accentColor,
+  animated = false,
+  onRichAction
+}) {
+  const {
+    theme
+  } = useContext(ParlrContext);
+  const isAgent = message.senderType === 'agent';
+  const accent = accentColor ?? theme.colors.primary;
+  const isFailed = message.status === 'failed';
+  const Wrapper = animated ? Animated.View : View;
+  const animationProps = animated ? {
+    entering: FadeInUp.duration(250).springify()
+  } : {};
+  const senderLabel = isAgent ? message.senderName ?? 'Agent' : 'You';
+  const timeLabel = formatTime(message.createdAt);
+  const statusLabel = isFailed ? ', failed to send' : '';
+  const hasAttachments = message.attachments && message.attachments.length > 0;
+  const hasImageAttachments = hasAttachments && message.attachments.some(isImageAttachment);
+  const richContent = message.metadata ? tryParseRichContent(message.metadata) : null;
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    ...animationProps,
+    style: [styles.row, isAgent ? styles.rowAgent : styles.rowContact],
+    accessibilityLabel: `${senderLabel}: ${message.content}, ${timeLabel}${statusLabel}`,
+    accessibilityRole: "text",
+    children: [isAgent && /*#__PURE__*/_jsx(AgentAvatar, {
+      name: message.senderName,
+      theme: theme
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.bubble, {
+        borderRadius: theme.borderRadius.bubble
+      }, isAgent ? {
+        backgroundColor: theme.colors.agentBubble,
+        borderBottomLeftRadius: 6
+      } : {
+        backgroundColor: theme.colors.contactBubble,
+        borderBottomRightRadius: 6
+      }, isFailed && styles.bubbleFailed],
+      children: [isAgent && message.senderName && /*#__PURE__*/_jsx(Text, {
+        style: [styles.senderName, {
+          color: theme.colors.textSecondary
+        }],
+        numberOfLines: 1,
+        children: message.senderName
+      }), hasAttachments && /*#__PURE__*/_jsx(View, {
+        style: styles.attachmentsContainer,
+        children: message.attachments.map(att => /*#__PURE__*/_jsx(AttachmentView, {
+          attachment: att,
+          isAgent: isAgent,
+          isDark: theme.colors.background === '#111827' || theme.colors.background.toLowerCase() < '#888888'
+        }, att.id))
+      }), message.content.length > 0 && !hasImageAttachments && /*#__PURE__*/_jsx(Text, {
+        style: [styles.content, {
+          color: isAgent ? theme.colors.agentText : theme.colors.contactText
+        }],
+        children: message.content
+      }), richContent && /*#__PURE__*/_jsx(RichMessage, {
+        content: richContent,
+        onAction: onRichAction,
+        accentColor: accent
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.meta,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.time, {
+            color: isAgent ? theme.colors.textSecondary : 'rgba(255, 255, 255, 0.7)'
+          }],
+          children: formatTime(message.createdAt)
+        }), !isAgent && /*#__PURE__*/_jsx(ReadReceipt, {
+          status: message.status
+        }), isFailed && /*#__PURE__*/_jsx(Text, {
+          style: [styles.failedIndicator, {
+            color: theme.colors.error
+          }],
+          children: " !"
+        })]
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    marginVertical: 3,
+    paddingHorizontal: 12
+  },
+  rowAgent: {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end'
+  },
+  rowContact: {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-end'
+  },
+  avatar: {
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 8,
+    marginBottom: 2
+  },
+  avatarText: {
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  bubble: {
+    maxWidth: '75%',
+    paddingHorizontal: 14,
+    paddingVertical: 10
+  },
+  bubbleFailed: {
+    opacity: 0.6
+  },
+  senderName: {
+    fontSize: 12,
+    fontWeight: '600',
+    marginBottom: 3
+  },
+  content: {
+    fontSize: 15,
+    lineHeight: 21
+  },
+  meta: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 4,
+    alignSelf: 'flex-end'
+  },
+  time: {
+    fontSize: 11
+  },
+  statusIndicator: {
+    fontSize: 11,
+    color: 'rgba(255, 255, 255, 0.7)'
+  },
+  failedIndicator: {
+    fontSize: 12,
+    fontWeight: '700'
+  },
+  checkmark: {
+    fontSize: 11,
+    color: 'rgba(255, 255, 255, 0.7)'
+  },
+  checkmarkRead: {
+    fontSize: 11,
+    color: '#22c55e'
+  },
+  // Attachments
+  attachmentsContainer: {
+    marginBottom: 6,
+    gap: 4
+  },
+  attachmentImage: {
+    width: 220,
+    height: 165,
+    borderRadius: 10
+  },
+  imageModalBackdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.95)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  imageModalClose: {
+    position: 'absolute',
+    top: 60,
+    right: 20,
+    color: '#ffffff',
+    fontSize: 28,
+    fontWeight: '600'
+  },
+  fileAttachment: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.05)',
+    borderRadius: 8,
+    padding: 8
+  },
+  fileAttachmentDark: {
+    backgroundColor: 'rgba(255, 255, 255, 0.05)'
+  },
+  fileIcon: {
+    fontSize: 24,
+    marginRight: 8
+  },
+  fileDetails: {
+    flex: 1
+  },
+  fileName: {
+    fontSize: 13,
+    fontWeight: '500'
+  },
+  fileNameAgent: {
+    color: '#0f172a'
+  },
+  fileNameAgentDark: {
+    color: '#e2e8f0'
+  },
+  fileNameContact: {
+    color: '#ffffff'
+  },
+  fileSizeText: {
+    fontSize: 11,
+    marginTop: 1
+  },
+  fileSizeAgent: {
+    color: '#94a3b8'
+  },
+  fileSizeAgentDark: {
+    color: '#64748b'
+  },
+  fileSizeContact: {
+    color: 'rgba(255, 255, 255, 0.7)'
+  }
+});
+//# sourceMappingURL=ChatBubble.js.map

package/lib/module/components/ChatBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useState","Dimensions","Image","Linking","Modal","Pressable","StyleSheet","Text","View","Animated","FadeInUp","ParlrContext","RichMessage","tryParseRichContent","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","formatTime","iso","d","Date","toLocaleTimeString","hour","minute","AgentAvatar","name","theme","initial","charAt","toUpperCase","style","styles","avatar","backgroundColor","colors","surfaceDark","accessibilityLabel","children","avatarText","color","textSecondary","ReadReceipt","status","statusIndicator","checkmark","checkmarkRead","isImageAttachment","attachment","contentType","startsWith","formatFileSize","bytes","toFixed","ImageAttachmentView","visible","setVisible","screenWidth","get","width","screenHeight","height","onPress","accessibilityRole","source","uri","url","attachmentImage","resizeMode","transparent","animationType","onRequestClose","imageModalBackdrop","imageModalClose","AttachmentView","isAgent","isDark","openURL","catch","fileAttachment","fileAttachmentDark","size","fileIcon","fileDetails","fileName","fileNameAgent","fileNameAgentDark","fileNameContact","numberOfLines","fileSizeText","fileSizeAgent","fileSizeAgentDark","fileSizeContact","ChatBubble","message","accentColor","animated","onRichAction","senderType","accent","primary","isFailed","Wrapper","animationProps","entering","duration","springify","senderLabel","senderName","timeLabel","createdAt","statusLabel","hasAttachments","attachments","length","hasImageAttachments","some","richContent","metadata","row","rowAgent","rowContact","content","bubble","borderRadius","agentBubble","borderBottomLeftRadius","contactBubble","borderBottomRightRadius","bubbleFailed","attachmentsContainer","map","att","background","toLowerCase","id","agentText","contactText","onAction","meta","time","failedIndicator","error","create","flexDirection","marginVertical","paddingHorizontal","justifyContent","alignItems","marginRight","marginBottom","fontSize","fontWeight","maxWidth","paddingVertical","opacity","lineHeight","marginTop","alignSelf","gap","flex","position","top","right","padding"],"sourceRoot":"../../../src","sources":["components/ChatBubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/EmptyState.js

@@ -0,0 +1,110 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Empty State
+// ---------------------------------------------------------------------------
+//
+// Displayed when the user hasn't started a conversation yet.
+// Shows a friendly welcome message with a chat icon.
+// ---------------------------------------------------------------------------
+
+import React from 'react';
+import { StyleSheet, Text, View, useColorScheme } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULTS_FR = {
+  title: 'Besoin d\u2019aide ?',
+  description: 'Notre equipe est la pour vous aider. Envoyez-nous un message et nous vous repondrons au plus vite.'
+};
+const DEFAULTS_EN = {
+  title: 'Need help?',
+  description: 'Our team is here to help. Send us a message and we\u2019ll get back to you as soon as possible.'
+};
+function getDefaults(locale) {
+  if (locale?.startsWith('en')) return DEFAULTS_EN;
+  return DEFAULTS_FR;
+}
+export function EmptyState({
+  title,
+  description,
+  accentColor,
+  locale
+}) {
+  const isDark = useColorScheme() === 'dark';
+  const defaults = getDefaults(locale);
+  const accent = accentColor ?? '#6366f1';
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.iconContainer, {
+        backgroundColor: accent + '18'
+      }],
+      accessibilityLabel: "Chat icon",
+      accessibilityRole: "image",
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.iconBubble, {
+          backgroundColor: accent
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.iconText,
+          children: "..."
+        })
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.title, isDark && styles.titleDark],
+      children: title ?? defaults.title
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.description, isDark && styles.descriptionDark],
+      children: description ?? defaults.description
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 40
+  },
+  iconContainer: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 24
+  },
+  iconBubble: {
+    width: 44,
+    height: 36,
+    borderRadius: 18,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconText: {
+    color: '#ffffff',
+    fontSize: 20,
+    fontWeight: '700',
+    marginTop: -4,
+    letterSpacing: 2
+  },
+  title: {
+    fontSize: 22,
+    fontWeight: '700',
+    color: '#0f172a',
+    textAlign: 'center',
+    marginBottom: 10
+  },
+  titleDark: {
+    color: '#f1f5f9'
+  },
+  description: {
+    fontSize: 15,
+    lineHeight: 22,
+    color: '#64748b',
+    textAlign: 'center'
+  },
+  descriptionDark: {
+    color: '#94a3b8'
+  }
+});
+//# sourceMappingURL=EmptyState.js.map

package/lib/module/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","useColorScheme","jsx","_jsx","jsxs","_jsxs","DEFAULTS_FR","title","description","DEFAULTS_EN","getDefaults","locale","startsWith","EmptyState","accentColor","isDark","defaults","accent","style","styles","container","children","iconContainer","backgroundColor","accessibilityLabel","accessibilityRole","iconBubble","iconText","titleDark","descriptionDark","create","flex","justifyContent","alignItems","paddingHorizontal","width","height","borderRadius","marginBottom","color","fontSize","fontWeight","marginTop","letterSpacing","textAlign","lineHeight"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":"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","ignoreList":[]}