@parlr/react-native 0.1.0

package/lib/module/components/AttachmentPicker.js

@@ -0,0 +1,287 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Attachment Picker
+// ---------------------------------------------------------------------------
+//
+// Provides image and file picking capabilities for chat attachments.
+// Uses expo-image-picker and expo-document-picker when available.
+// Falls back gracefully with a user-facing alert if not installed.
+// ---------------------------------------------------------------------------
+
+import React, { useCallback, useContext } from 'react';
+import { Alert, Pressable, StyleSheet, Text, View } from 'react-native';
+import { ParlrContext } from "../provider/ParlrContext.js";
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const MAX_FILE_SIZE_DEFAULT = 25 * 1024 * 1024; // 25 MB
+
+// ---------------------------------------------------------------------------
+// i18n
+// ---------------------------------------------------------------------------
+
+function getI18n(locale) {
+  if (locale?.startsWith('en')) {
+    return {
+      photo: 'Photo',
+      camera: 'Camera',
+      file: 'File',
+      cancel: 'Cancel',
+      tooLarge: 'File is too large (max 25 MB)',
+      permissionDenied: 'Permission denied',
+      permissionMessage: 'Please allow access in your device settings.',
+      missingLib: 'Feature unavailable',
+      missingLibMessage: 'The required library is not installed.',
+      ok: 'OK'
+    };
+  }
+  return {
+    photo: 'Photo',
+    camera: 'Cam\u00e9ra',
+    file: 'Fichier',
+    cancel: 'Annuler',
+    tooLarge: 'Fichier trop volumineux (max 25 Mo)',
+    permissionDenied: 'Permission refus\u00e9e',
+    permissionMessage: 'Veuillez autoriser l\u2019acc\u00e8s dans les r\u00e9glages.',
+    missingLib: 'Fonctionnalit\u00e9 indisponible',
+    missingLibMessage: 'La librairie requise n\u2019est pas install\u00e9e.',
+    ok: 'OK'
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Dynamic imports (these packages are optional peer dependencies)
+// ---------------------------------------------------------------------------
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+let ImagePicker = null;
+let DocumentPicker = null;
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+try {
+  ImagePicker = require('expo-image-picker');
+} catch {
+  // expo-image-picker not installed
+}
+try {
+  DocumentPicker = require('expo-document-picker');
+} catch {
+  // expo-document-picker not installed
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export function AttachmentPicker({
+  onFilePicked,
+  onDismiss,
+  maxFileSize = MAX_FILE_SIZE_DEFAULT,
+  accentColor: accentColorProp,
+  locale
+}) {
+  const {
+    theme
+  } = useContext(ParlrContext);
+  const accentColor = accentColorProp ?? theme.colors.primary;
+  const i18n = getI18n(locale);
+  const checkFileSize = useCallback(size => {
+    if (size > maxFileSize) {
+      Alert.alert(i18n.tooLarge);
+      return false;
+    }
+    return true;
+  }, [maxFileSize, i18n.tooLarge]);
+  const handlePickPhoto = useCallback(async () => {
+    if (!ImagePicker) {
+      Alert.alert(i18n.missingLib, i18n.missingLibMessage);
+      return;
+    }
+    const permission = await ImagePicker.requestMediaLibraryPermissionsAsync();
+    if (!permission.granted) {
+      Alert.alert(i18n.permissionDenied, i18n.permissionMessage);
+      return;
+    }
+    const result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: ['images'],
+      quality: 0.8,
+      allowsEditing: false
+    });
+    if (result.canceled || !result.assets?.[0]) return;
+    const asset = result.assets[0];
+    const size = asset.fileSize ?? 0;
+    if (!checkFileSize(size)) return;
+    onFilePicked({
+      uri: asset.uri,
+      name: asset.fileName ?? `photo_${Date.now()}.jpg`,
+      type: asset.mimeType ?? 'image/jpeg',
+      size
+    });
+  }, [onFilePicked, checkFileSize, i18n]);
+  const handlePickCamera = useCallback(async () => {
+    if (!ImagePicker) {
+      Alert.alert(i18n.missingLib, i18n.missingLibMessage);
+      return;
+    }
+    const permission = await ImagePicker.requestCameraPermissionsAsync();
+    if (!permission.granted) {
+      Alert.alert(i18n.permissionDenied, i18n.permissionMessage);
+      return;
+    }
+    const result = await ImagePicker.launchCameraAsync({
+      mediaTypes: ['images'],
+      quality: 0.8,
+      allowsEditing: false
+    });
+    if (result.canceled || !result.assets?.[0]) return;
+    const asset = result.assets[0];
+    const size = asset.fileSize ?? 0;
+    if (!checkFileSize(size)) return;
+    onFilePicked({
+      uri: asset.uri,
+      name: asset.fileName ?? `camera_${Date.now()}.jpg`,
+      type: asset.mimeType ?? 'image/jpeg',
+      size
+    });
+  }, [onFilePicked, checkFileSize, i18n]);
+  const handlePickFile = useCallback(async () => {
+    if (!DocumentPicker) {
+      Alert.alert(i18n.missingLib, i18n.missingLibMessage);
+      return;
+    }
+    const result = await DocumentPicker.getDocumentAsync({
+      copyToCacheDirectory: true
+    });
+    if (result.canceled || !result.assets?.[0]) return;
+    const asset = result.assets[0];
+    const size = asset.size ?? 0;
+    if (!checkFileSize(size)) return;
+    onFilePicked({
+      uri: asset.uri,
+      name: asset.name ?? `file_${Date.now()}`,
+      type: asset.mimeType ?? 'application/octet-stream',
+      size
+    });
+  }, [onFilePicked, checkFileSize, i18n]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, {
+      backgroundColor: theme.colors.surface,
+      borderTopColor: theme.colors.border
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.optionsRow,
+      children: [/*#__PURE__*/_jsxs(Pressable, {
+        onPress: handlePickPhoto,
+        style: [styles.option, {
+          backgroundColor: accentColor + '15'
+        }],
+        accessibilityRole: "button",
+        accessibilityLabel: i18n.photo,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.optionIcon, {
+            color: accentColor
+          }],
+          children: '\ud83d\uddbc'
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.optionLabel, {
+            color: theme.colors.textSecondary
+          }],
+          children: i18n.photo
+        })]
+      }), /*#__PURE__*/_jsxs(Pressable, {
+        onPress: handlePickCamera,
+        style: [styles.option, {
+          backgroundColor: accentColor + '15'
+        }],
+        accessibilityRole: "button",
+        accessibilityLabel: i18n.camera,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.optionIcon, {
+            color: accentColor
+          }],
+          children: '\ud83d\udcf7'
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.optionLabel, {
+            color: theme.colors.textSecondary
+          }],
+          children: i18n.camera
+        })]
+      }), /*#__PURE__*/_jsxs(Pressable, {
+        onPress: handlePickFile,
+        style: [styles.option, {
+          backgroundColor: accentColor + '15'
+        }],
+        accessibilityRole: "button",
+        accessibilityLabel: i18n.file,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.optionIcon, {
+            color: accentColor
+          }],
+          children: '\ud83d\udcc4'
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.optionLabel, {
+            color: theme.colors.textSecondary
+          }],
+          children: i18n.file
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Pressable, {
+      onPress: onDismiss,
+      style: styles.cancelButton,
+      accessibilityRole: "button",
+      accessibilityLabel: i18n.cancel,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.cancelText, {
+          color: theme.colors.textSecondary
+        }],
+        children: i18n.cancel
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  root: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  optionsRow: {
+    flexDirection: 'row',
+    gap: 12,
+    marginBottom: 8
+  },
+  option: {
+    flex: 1,
+    alignItems: 'center',
+    paddingVertical: 16,
+    borderRadius: 12
+  },
+  optionIcon: {
+    fontSize: 24,
+    marginBottom: 4
+  },
+  optionLabel: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  cancelButton: {
+    alignItems: 'center',
+    paddingVertical: 8
+  },
+  cancelText: {
+    fontSize: 14
+  }
+});
+//# sourceMappingURL=AttachmentPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","Alert","Pressable","StyleSheet","Text","View","ParlrContext","jsx","_jsx","jsxs","_jsxs","MAX_FILE_SIZE_DEFAULT","getI18n","locale","startsWith","photo","camera","file","cancel","tooLarge","permissionDenied","permissionMessage","missingLib","missingLibMessage","ok","ImagePicker","DocumentPicker","require","AttachmentPicker","onFilePicked","onDismiss","maxFileSize","accentColor","accentColorProp","theme","colors","primary","i18n","checkFileSize","size","alert","handlePickPhoto","permission","requestMediaLibraryPermissionsAsync","granted","result","launchImageLibraryAsync","mediaTypes","quality","allowsEditing","canceled","assets","asset","fileSize","uri","name","fileName","Date","now","type","mimeType","handlePickCamera","requestCameraPermissionsAsync","launchCameraAsync","handlePickFile","getDocumentAsync","copyToCacheDirectory","style","styles","root","backgroundColor","surface","borderTopColor","border","children","optionsRow","onPress","option","accessibilityRole","accessibilityLabel","optionIcon","color","optionLabel","textSecondary","cancelButton","cancelText","create","paddingHorizontal","paddingVertical","borderTopWidth","hairlineWidth","flexDirection","gap","marginBottom","flex","alignItems","borderRadius","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["components/AttachmentPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AttachmentPreview.js

@@ -0,0 +1,195 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Attachment Preview
+// ---------------------------------------------------------------------------
+//
+// Shows a preview of the selected attachment before sending it.
+// Supports image thumbnails and file name/size display.
+// ---------------------------------------------------------------------------
+
+import React from 'react';
+import { Image, Pressable, StyleSheet, Text, View, useColorScheme } from 'react-native';
+
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+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 isImage(type) {
+  return type.startsWith('image/');
+}
+function getI18n(locale) {
+  if (locale?.startsWith('en')) {
+    return {
+      send: 'Send',
+      remove: 'Remove'
+    };
+  }
+  return {
+    send: 'Envoyer',
+    remove: 'Supprimer'
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export function AttachmentPreview({
+  file,
+  onRemove,
+  onSend,
+  accentColor: accentColorProp,
+  locale
+}) {
+  const isDark = useColorScheme() === 'dark';
+  const accentColor = accentColorProp ?? '#6366f1';
+  const i18n = getI18n(locale);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, isDark && styles.rootDark],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.previewCard, isDark && styles.previewCardDark],
+      children: [isImage(file.type) ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: file.uri
+        },
+        style: styles.imagePreview,
+        resizeMode: "cover",
+        accessibilityLabel: file.name
+      }) : /*#__PURE__*/_jsxs(View, {
+        style: styles.filePreview,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.fileIcon,
+          children: '\ud83d\udcc4'
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.fileInfo,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.fileName, isDark && styles.fileNameDark],
+            numberOfLines: 1,
+            children: file.name
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.fileSize, isDark && styles.fileSizeDark],
+            children: formatFileSize(file.size)
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Pressable, {
+        onPress: onRemove,
+        style: styles.removeButton,
+        hitSlop: 8,
+        accessibilityRole: "button",
+        accessibilityLabel: i18n.remove,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.removeIcon,
+          children: '\u2715'
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Pressable, {
+      onPress: onSend,
+      style: [styles.sendButton, {
+        backgroundColor: accentColor
+      }],
+      accessibilityRole: "button",
+      accessibilityLabel: i18n.send,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.sendText,
+        children: i18n.send
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  root: {
+    backgroundColor: '#ffffff',
+    padding: 12,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: '#e2e8f0'
+  },
+  rootDark: {
+    backgroundColor: '#0f172a',
+    borderTopColor: '#1e293b'
+  },
+  previewCard: {
+    backgroundColor: '#f8fafc',
+    borderRadius: 12,
+    overflow: 'hidden',
+    marginBottom: 10,
+    position: 'relative'
+  },
+  previewCardDark: {
+    backgroundColor: '#1e293b'
+  },
+  imagePreview: {
+    width: '100%',
+    height: 200,
+    borderRadius: 12
+  },
+  filePreview: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 14
+  },
+  fileIcon: {
+    fontSize: 32,
+    marginRight: 12
+  },
+  fileInfo: {
+    flex: 1
+  },
+  fileName: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#0f172a',
+    marginBottom: 2
+  },
+  fileNameDark: {
+    color: '#f1f5f9'
+  },
+  fileSize: {
+    fontSize: 12,
+    color: '#64748b'
+  },
+  fileSizeDark: {
+    color: '#94a3b8'
+  },
+  removeButton: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  removeIcon: {
+    color: '#ffffff',
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  sendButton: {
+    paddingVertical: 12,
+    borderRadius: 10,
+    alignItems: 'center'
+  },
+  sendText: {
+    color: '#ffffff',
+    fontSize: 15,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=AttachmentPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Pressable","StyleSheet","Text","View","useColorScheme","jsx","_jsx","jsxs","_jsxs","formatFileSize","bytes","toFixed","isImage","type","startsWith","getI18n","locale","send","remove","AttachmentPreview","file","onRemove","onSend","accentColor","accentColorProp","isDark","i18n","style","styles","root","rootDark","children","previewCard","previewCardDark","source","uri","imagePreview","resizeMode","accessibilityLabel","name","filePreview","fileIcon","fileInfo","fileName","fileNameDark","numberOfLines","fileSize","fileSizeDark","size","onPress","removeButton","hitSlop","accessibilityRole","removeIcon","sendButton","backgroundColor","sendText","create","padding","borderTopWidth","hairlineWidth","borderTopColor","borderRadius","overflow","marginBottom","position","width","height","flexDirection","alignItems","fontSize","marginRight","flex","fontWeight","color","top","right","justifyContent","paddingVertical"],"sourceRoot":"../../../src","sources":["components/AttachmentPreview.tsx"],"mappings":"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","ignoreList":[]}