@poolse/react-native 2.1.0 → 2.1.2

package/dist/index.cjs

@@ -8,6 +8,10 @@ var reactNativeSvg = require('react-native-svg');
 var ImagePicker = require('expo-image-picker');
 var DocumentPicker = require('expo-document-picker');
 var expoImageManipulator = require('expo-image-manipulator');
+var Clipboard = require('expo-clipboard');
+var Markdown = require('react-native-markdown-display');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -29,6 +33,8 @@ function _interopNamespace(e) {
 
 var ImagePicker__namespace = /*#__PURE__*/_interopNamespace(ImagePicker);
 var DocumentPicker__namespace = /*#__PURE__*/_interopNamespace(DocumentPicker);
+var Clipboard__namespace = /*#__PURE__*/_interopNamespace(Clipboard);
+var Markdown__default = /*#__PURE__*/_interopDefault(Markdown);
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -316,6 +322,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"/>'
@@ -1135,7 +1145,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();
@@ -1169,8 +1184,12 @@ function AttachmentPicker({ visible, onClose, onPickInputs }) {
         theme.shadows.lg
       ],
       children: [
+        camera ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { style: styles6.item, onPress: () => pickFromKind("camera"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PoolseIcon, { name: "camera", size: 20, color: theme.colors.ink2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "Camera" })
+        ] }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { style: styles6.item, onPress: () => pickFromKind("image"), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PoolseIcon, { name: "attachment", size: 20, color: theme.colors.ink2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(PoolseIcon, { name: "image", size: 20, color: theme.colors.ink2 }),
           /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "Photo or video" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { style: styles6.item, onPress: () => pickFromKind("document"), children: [
@@ -1229,7 +1248,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__namespace.requestCameraPermissionsAsync();
+    if (!perm.granted) {
+      console.warn("[poolse/picker] camera permission denied");
+      return [];
+    }
+    const res2 = await ImagePicker__namespace.launchCameraAsync({
+      mediaTypes: "images",
+      quality: 1
+    });
+    if (res2.canceled) return [];
+    return assetsToInputs(res2.assets);
+  }
   if (kind === "image") {
     const res2 = await ImagePicker__namespace.launchImageLibraryAsync({
       mediaTypes: "images",
@@ -1239,36 +1303,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__namespace.getDocumentAsync({
     copyToCacheDirectory: true,
@@ -2603,31 +2638,8 @@ var styles14 = reactNative.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 = Markdown.MarkdownIt({ typographer: false, linkify: true });
 function renderMarkdown(body, args) {
-  const Markdown = loadMarkdown();
-  if (!Markdown) return null;
   const baseText = {
     color: args.textColor,
     fontFamily: args.fontFamily,
@@ -2672,7 +2684,7 @@ function renderMarkdown(body, args) {
       opacity: 0.85
     }
   };
-  return react.createElement(Markdown, { style, onLinkPress: args.onLinkPress }, body);
+  return react.createElement(Markdown__default.default, { style, markdownit, onLinkPress: args.onLinkPress }, body);
 }
 function MessageBubble({
   message,
@@ -2770,53 +2782,46 @@ function MessageBubble({
             ) : null,
             renderAttachments && images.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ImageMosaic, { images, maxWidth: contentMaxWidth }) : null,
             renderAttachments && files.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { gap: theme.spacing.xs, marginBottom: theme.spacing.xs }, children: files.map((att) => /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, { attachment: att, maxWidth: contentMaxWidth }, att.id)) }) : null,
-            body.length > 0 ? (() => {
-              if (isDeleted) {
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  reactNative.Text,
+            body.length > 0 ? isDeleted ? /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.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 reactNative.Linking.openURL(url).catch(() => void 0);
-                  return false;
-                }
-              }) : null;
-              if (md) return md;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                reactNative.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 reactNative.Linking.openURL(url).catch(() => void 0);
+                return false;
+              }
+            }) : /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.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__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => setExpanded((e) => !e), children: /* @__PURE__ */ jsxRuntime.jsx(
               reactNative.Text,
               {
@@ -3353,7 +3358,7 @@ function MessageRow({
             ...msg.body && !msg.deleted_at ? {
               onCopy: () => {
                 setActionsOpen(false);
-                void copyToClipboard(msg.body ?? "");
+                void Clipboard__namespace.setStringAsync(msg.body ?? "");
               }
             } : {},
             ...onStartEdit ? {
@@ -3445,27 +3450,6 @@ var styles17 = reactNative.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,