@poolse/react-native 2.1.0 → 2.1.2

package/dist/index.d.cts

@@ -578,7 +578,7 @@ interface AttachmentPickerProps {
      * Override to plug in custom storage / transcoding. Default reads
      * from `expo-image-picker` / `expo-document-picker`.
      */
-    onPickInputs?: (kind: 'image' | 'document') => Promise<{
+    onPickInputs?: (kind: 'image' | 'document' | 'camera') => Promise<{
         body: {
             uri: string;
             name: string;
@@ -588,6 +588,14 @@ interface AttachmentPickerProps {
         byteSize: number;
         filename?: string;
     }[]>;
+    /**
+     * Show the Camera item alongside Photo and File. Defaults true.
+     * Disable if your app explicitly doesn't want camera access (some
+     * App Store reviewers require an explicit usage description even
+     * for the picker entry). Add `NSCameraUsageDescription` to your
+     * iOS Info.plist when leaving this on.
+     */
+    camera?: boolean;
 }
 /**
  * Picker sheet wrapping `expo-image-picker` and `expo-document-picker`.
@@ -596,7 +604,7 @@ interface AttachmentPickerProps {
  * declared as optional peers because consumers who pass
  * `attachments={false}` to ConversationView never render this file.
  */
-declare function AttachmentPicker({ visible, onClose, onPickInputs }: AttachmentPickerProps): react_jsx_runtime.JSX.Element;
+declare function AttachmentPicker({ visible, onClose, onPickInputs, camera, }: AttachmentPickerProps): react_jsx_runtime.JSX.Element;
 
 interface ImageMosaicProps {
     images: Attachment[];
@@ -633,6 +641,10 @@ declare const ICONS: {
         readonly vb: "0 0 24 24";
         readonly d: "<path d=\"M6 9.2a6 6 0 0 1 12 0c0 4.8 1.4 6.3 1.9 6.8H4.1C4.6 15.5 6 14 6 9.2Z\"/><path d=\"M9.6 19.8a2.5 2.5 0 0 0 4.8 0\"/>";
     };
+    readonly camera: {
+        readonly vb: "0 0 24 24";
+        readonly d: "<path d=\"M3 8.5a2 2 0 0 1 2-2h2.4l1.4-2h6.4l1.4 2H19a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9Z\"/><circle cx=\"12\" cy=\"13\" r=\"3.5\"/>";
+    };
     readonly 'check-double': {
         readonly vb: "0 0 24 24";
         readonly d: "<path d=\"M2.5 12.8 6.9 17 15.4 7.6\"/><path d=\"M11.4 16.4 12.3 17.2 21 7.6\"/>";

package/dist/index.d.ts

@@ -578,7 +578,7 @@ interface AttachmentPickerProps {
      * Override to plug in custom storage / transcoding. Default reads
      * from `expo-image-picker` / `expo-document-picker`.
      */
-    onPickInputs?: (kind: 'image' | 'document') => Promise<{
+    onPickInputs?: (kind: 'image' | 'document' | 'camera') => Promise<{
         body: {
             uri: string;
             name: string;
@@ -588,6 +588,14 @@ interface AttachmentPickerProps {
         byteSize: number;
         filename?: string;
     }[]>;
+    /**
+     * Show the Camera item alongside Photo and File. Defaults true.
+     * Disable if your app explicitly doesn't want camera access (some
+     * App Store reviewers require an explicit usage description even
+     * for the picker entry). Add `NSCameraUsageDescription` to your
+     * iOS Info.plist when leaving this on.
+     */
+    camera?: boolean;
 }
 /**
  * Picker sheet wrapping `expo-image-picker` and `expo-document-picker`.
@@ -596,7 +604,7 @@ interface AttachmentPickerProps {
  * declared as optional peers because consumers who pass
  * `attachments={false}` to ConversationView never render this file.
  */
-declare function AttachmentPicker({ visible, onClose, onPickInputs }: AttachmentPickerProps): react_jsx_runtime.JSX.Element;
+declare function AttachmentPicker({ visible, onClose, onPickInputs, camera, }: AttachmentPickerProps): react_jsx_runtime.JSX.Element;
 
 interface ImageMosaicProps {
     images: Attachment[];
@@ -633,6 +641,10 @@ declare const ICONS: {
         readonly vb: "0 0 24 24";
         readonly d: "<path d=\"M6 9.2a6 6 0 0 1 12 0c0 4.8 1.4 6.3 1.9 6.8H4.1C4.6 15.5 6 14 6 9.2Z\"/><path d=\"M9.6 19.8a2.5 2.5 0 0 0 4.8 0\"/>";
     };
+    readonly camera: {
+        readonly vb: "0 0 24 24";
+        readonly d: "<path d=\"M3 8.5a2 2 0 0 1 2-2h2.4l1.4-2h6.4l1.4 2H19a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9Z\"/><circle cx=\"12\" cy=\"13\" r=\"3.5\"/>";
+    };
     readonly 'check-double': {
         readonly vb: "0 0 24 24";
         readonly d: "<path d=\"M2.5 12.8 6.9 17 15.4 7.6\"/><path d=\"M11.4 16.4 12.3 17.2 21 7.6\"/>";

package/dist/index.js

@@ -1,11 +1,13 @@
 import { useUser, useMe, useConversations, useAttachmentUpload, useConversation, useMembers, usePresence, useMessages, useTyping, useRealtimeStatus, computeGroupPosition, formatDayLabel, useReactions, sameDay, useThread, useAttachmentUrl, usePoolse } from '@poolse/react';
 import { createContext, forwardRef, useRef, useState, useEffect, useImperativeHandle, useMemo, useCallback, useContext, createElement } from 'react';
-import { StyleSheet, Platform, Keyboard, View, Pressable, TextInput, Text, useWindowDimensions, Animated, Easing, PanResponder, Image, ScrollView, ActivityIndicator, FlatList, AppState, KeyboardAvoidingView, Modal, Linking, Dimensions } from 'react-native';
+import { StyleSheet, Platform, Keyboard, View, Pressable, TextInput, Text, useWindowDimensions, Animated, Easing, PanResponder, Image, ScrollView, ActivityIndicator, FlatList, AppState, KeyboardAvoidingView, Modal, Dimensions, Linking } from 'react-native';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { SvgXml, Svg, Path, Circle, G } from 'react-native-svg';
 import * as ImagePicker from 'expo-image-picker';
 import * as DocumentPicker from 'expo-document-picker';
 import { manipulateAsync, SaveFormat } from 'expo-image-manipulator';
+import * as Clipboard from 'expo-clipboard';
+import Markdown, { MarkdownIt } from 'react-native-markdown-display';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -293,6 +295,10 @@ var ICONS = {
     vb: "0 0 24 24",
     d: '<path d="M6 9.2a6 6 0 0 1 12 0c0 4.8 1.4 6.3 1.9 6.8H4.1C4.6 15.5 6 14 6 9.2Z"/><path d="M9.6 19.8a2.5 2.5 0 0 0 4.8 0"/>'
   },
+  camera: {
+    vb: "0 0 24 24",
+    d: '<path d="M3 8.5a2 2 0 0 1 2-2h2.4l1.4-2h6.4l1.4 2H19a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9Z"/><circle cx="12" cy="13" r="3.5"/>'
+  },
   "check-double": {
     vb: "0 0 24 24",
     d: '<path d="M2.5 12.8 6.9 17 15.4 7.6"/><path d="M11.4 16.4 12.3 17.2 21 7.6"/>'
@@ -1112,7 +1118,12 @@ function useUploadPreview() {
     getPreview: ctx?.getPreview ?? (() => null)
   };
 }
-function AttachmentPicker({ visible, onClose, onPickInputs }) {
+function AttachmentPicker({
+  visible,
+  onClose,
+  onPickInputs,
+  camera = true
+}) {
   const theme = usePoolseTheme();
   const upload = useSharedUpload();
   const { setPreview } = useUploadPreview();
@@ -1146,8 +1157,12 @@ function AttachmentPicker({ visible, onClose, onPickInputs }) {
         theme.shadows.lg
       ],
       children: [
+        camera ? /* @__PURE__ */ jsxs(Pressable, { style: styles6.item, onPress: () => pickFromKind("camera"), children: [
+          /* @__PURE__ */ jsx(PoolseIcon, { name: "camera", size: 20, color: theme.colors.ink2 }),
+          /* @__PURE__ */ jsx(Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "Camera" })
+        ] }) : null,
         /* @__PURE__ */ jsxs(Pressable, { style: styles6.item, onPress: () => pickFromKind("image"), children: [
-          /* @__PURE__ */ jsx(PoolseIcon, { name: "attachment", size: 20, color: theme.colors.ink2 }),
+          /* @__PURE__ */ jsx(PoolseIcon, { name: "image", size: 20, color: theme.colors.ink2 }),
           /* @__PURE__ */ jsx(Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "Photo or video" })
         ] }),
         /* @__PURE__ */ jsxs(Pressable, { style: styles6.item, onPress: () => pickFromKind("document"), children: [
@@ -1206,7 +1221,52 @@ async function compressImage({
     filename: `${base}.webp`
   };
 }
+async function assetsToInputs(assets) {
+  return Promise.all(
+    assets.map(async (asset) => {
+      try {
+        const compressed = await compressImage({
+          uri: asset.uri,
+          width: asset.width,
+          height: asset.height,
+          filename: asset.fileName ?? `image-${Date.now()}`
+        });
+        return {
+          body: compressed.blob,
+          contentType: compressed.contentType,
+          byteSize: compressed.blob.size,
+          filename: compressed.filename,
+          _previewUri: asset.uri
+        };
+      } catch (err) {
+        console.warn("[poolse/picker] image compression failed, sending original:", err);
+        const blob = await uriToBlob(asset.uri);
+        const contentType = asset.mimeType ?? blob.type ?? "image/jpeg";
+        return {
+          body: blob,
+          contentType,
+          byteSize: asset.fileSize ?? blob.size,
+          filename: asset.fileName ?? `image-${Date.now()}.jpg`,
+          _previewUri: asset.uri
+        };
+      }
+    })
+  );
+}
 async function defaultAdapter(kind) {
+  if (kind === "camera") {
+    const perm = await ImagePicker.requestCameraPermissionsAsync();
+    if (!perm.granted) {
+      console.warn("[poolse/picker] camera permission denied");
+      return [];
+    }
+    const res2 = await ImagePicker.launchCameraAsync({
+      mediaTypes: "images",
+      quality: 1
+    });
+    if (res2.canceled) return [];
+    return assetsToInputs(res2.assets);
+  }
   if (kind === "image") {
     const res2 = await ImagePicker.launchImageLibraryAsync({
       mediaTypes: "images",
@@ -1216,36 +1276,7 @@ async function defaultAdapter(kind) {
       quality: 1
     });
     if (res2.canceled) return [];
-    return Promise.all(
-      res2.assets.map(async (asset) => {
-        try {
-          const compressed = await compressImage({
-            uri: asset.uri,
-            width: asset.width,
-            height: asset.height,
-            filename: asset.fileName ?? `image-${Date.now()}`
-          });
-          return {
-            body: compressed.blob,
-            contentType: compressed.contentType,
-            byteSize: compressed.blob.size,
-            filename: compressed.filename,
-            _previewUri: asset.uri
-          };
-        } catch (err) {
-          console.warn("[poolse/picker] image compression failed, sending original:", err);
-          const blob = await uriToBlob(asset.uri);
-          const contentType = asset.mimeType ?? blob.type ?? "image/jpeg";
-          return {
-            body: blob,
-            contentType,
-            byteSize: asset.fileSize ?? blob.size,
-            filename: asset.fileName ?? `image-${Date.now()}.jpg`,
-            _previewUri: asset.uri
-          };
-        }
-      })
-    );
+    return assetsToInputs(res2.assets);
   }
   const res = await DocumentPicker.getDocumentAsync({
     copyToCacheDirectory: true,
@@ -2580,31 +2611,8 @@ var styles14 = StyleSheet.create({
     borderRadius: 20
   }
 });
-var MarkdownModule;
-var warned = false;
-function loadMarkdown() {
-  if (MarkdownModule === void 0) {
-    try {
-      MarkdownModule = __require("react-native-markdown-display");
-    } catch {
-      MarkdownModule = null;
-    }
-  }
-  const fn = MarkdownModule?.default;
-  if (!fn) {
-    if (!warned) {
-      warned = true;
-      console.warn(
-        "[@poolse/react-native] Markdown rendering requires `react-native-markdown-display`. Install it to enable bold/italic/code/links in message bubbles. Falling back to plain text."
-      );
-    }
-    return null;
-  }
-  return fn;
-}
+var markdownit = MarkdownIt({ typographer: false, linkify: true });
 function renderMarkdown(body, args) {
-  const Markdown = loadMarkdown();
-  if (!Markdown) return null;
   const baseText = {
     color: args.textColor,
     fontFamily: args.fontFamily,
@@ -2649,7 +2657,7 @@ function renderMarkdown(body, args) {
       opacity: 0.85
     }
   };
-  return createElement(Markdown, { style, onLinkPress: args.onLinkPress }, body);
+  return createElement(Markdown, { style, markdownit, onLinkPress: args.onLinkPress }, body);
 }
 function MessageBubble({
   message,
@@ -2747,53 +2755,46 @@ function MessageBubble({
             ) : null,
             renderAttachments && images.length > 0 ? /* @__PURE__ */ jsx(ImageMosaic, { images, maxWidth: contentMaxWidth }) : null,
             renderAttachments && files.length > 0 ? /* @__PURE__ */ jsx(View, { style: { gap: theme.spacing.xs, marginBottom: theme.spacing.xs }, children: files.map((att) => /* @__PURE__ */ jsx(AttachmentPreview, { attachment: att, maxWidth: contentMaxWidth }, att.id)) }) : null,
-            body.length > 0 ? (() => {
-              if (isDeleted) {
-                return /* @__PURE__ */ jsx(
-                  Text,
+            body.length > 0 ? isDeleted ? /* @__PURE__ */ jsx(
+              Text,
+              {
+                style: [
+                  styles15.body,
                   {
-                    style: [
-                      styles15.body,
-                      {
-                        color: theme.colors.ink3,
-                        fontFamily: theme.type.fontBody,
-                        fontSize: theme.type.bodySize,
-                        lineHeight: theme.type.lineHeight,
-                        fontStyle: "italic"
-                      }
-                    ],
-                    children: "Message deleted"
+                    color: theme.colors.ink3,
+                    fontFamily: theme.type.fontBody,
+                    fontSize: theme.type.bodySize,
+                    lineHeight: theme.type.lineHeight,
+                    fontStyle: "italic"
                   }
-                );
+                ],
+                children: "Message deleted"
               }
-              const md = markdown ? renderMarkdown(truncated, {
-                textColor,
-                linkColor: isSelf ? theme.colors.onBrand : theme.colors.brand,
-                fontFamily: theme.type.fontBody,
-                fontSize: theme.type.bodySize,
-                lineHeight: theme.type.lineHeight,
-                onLinkPress: (url) => {
-                  void Linking.openURL(url).catch(() => void 0);
-                  return false;
-                }
-              }) : null;
-              if (md) return md;
-              return /* @__PURE__ */ jsx(
-                Text,
-                {
-                  style: [
-                    styles15.body,
-                    {
-                      color: textColor,
-                      fontFamily: theme.type.fontBody,
-                      fontSize: theme.type.bodySize,
-                      lineHeight: theme.type.lineHeight
-                    }
-                  ],
-                  children: truncated
-                }
-              );
-            })() : null,
+            ) : markdown ? renderMarkdown(truncated, {
+              textColor,
+              linkColor: isSelf ? theme.colors.onBrand : theme.colors.brand,
+              fontFamily: theme.type.fontBody,
+              fontSize: theme.type.bodySize,
+              lineHeight: theme.type.lineHeight,
+              onLinkPress: (url) => {
+                void Linking.openURL(url).catch(() => void 0);
+                return false;
+              }
+            }) : /* @__PURE__ */ jsx(
+              Text,
+              {
+                style: [
+                  styles15.body,
+                  {
+                    color: textColor,
+                    fontFamily: theme.type.fontBody,
+                    fontSize: theme.type.bodySize,
+                    lineHeight: theme.type.lineHeight
+                  }
+                ],
+                children: truncated
+              }
+            ) : null,
             maxBodyLength > 0 && body.length > maxBodyLength ? /* @__PURE__ */ jsx(Pressable, { onPress: () => setExpanded((e) => !e), children: /* @__PURE__ */ jsx(
               Text,
               {
@@ -3330,7 +3331,7 @@ function MessageRow({
             ...msg.body && !msg.deleted_at ? {
               onCopy: () => {
                 setActionsOpen(false);
-                void copyToClipboard(msg.body ?? "");
+                void Clipboard.setStringAsync(msg.body ?? "");
               }
             } : {},
             ...onStartEdit ? {
@@ -3422,27 +3423,6 @@ var styles17 = StyleSheet.create({
     marginTop: 2
   }
 });
-var clipboardModule;
-var clipboardWarned = false;
-async function copyToClipboard(text) {
-  if (clipboardModule === void 0) {
-    try {
-      clipboardModule = __require("expo-clipboard");
-    } catch {
-      clipboardModule = null;
-    }
-  }
-  if (!clipboardModule?.setStringAsync) {
-    if (!clipboardWarned) {
-      clipboardWarned = true;
-      console.warn(
-        "[@poolse/react-native] Copy action requires `expo-clipboard`. Install it to enable copy-to-clipboard."
-      );
-    }
-    return;
-  }
-  await clipboardModule.setStringAsync(text);
-}
 var SHEET_HEIGHT_FRACTION = 0.88;
 function ThreadView({
   visible,