@ethora/chat-component-rn 26.8.1 → 26.8.3

package/lib/commonjs/components/styled/MessageImage.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _secureFileUrl = require("../../helpers/secureFileUrl");
+var _devLogger = require("../../utils/devLogger");
 var _MediaComponents = require("./StyledInputComponents/MediaComponents");
 var _reactRedux = require("react-redux");
 var _chatSettingsSlice = require("../../roomStore/chatSettingsSlice");
@@ -13,38 +15,53 @@ var _reactNative = require("react-native");
 var _mediaDimensions = require("../../helpers/mediaDimensions");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Keep the personal file token out of the logs. */
+const maskToken = url => (url || '').replace(/([?&]ft=)[^&]*/i, '$1<redacted>');
 const FALLBACK_IMAGE = 'https://as2.ftcdn.net/v2/jpg/02/51/95/53/1000_F_251955356_FAQH0U1y1TZw3ZcdPGybwUkH90a3VAhb.jpg';
 const CustomMessageImage = ({
   fileURL,
   fileName,
-  mimetype
+  originalName,
+  mimetype,
+  locationPreview
 }) => {
+  // Preview first, original only as a fallback — mirrors the web client,
+  // where the <img> src is the preview and `fileURL` is reserved for the
+  // modal.
+  const displayURL = locationPreview || fileURL;
   const [loading, setLoading] = (0, _react.useState)(true);
   // Start with a neutral box; swap to the real aspect ratio once the
   // image's natural dimensions are known so it's shown scaled, not cropped.
   const [dims, setDims] = (0, _react.useState)((0, _mediaDimensions.defaultMediaDims)());
   const dispatch = (0, _reactRedux.useDispatch)();
   (0, _react.useEffect)(() => {
-    if (!fileURL) {
+    if (!displayURL) {
       return;
     }
     let active = true;
-    _reactNative.Image.getSize(fileURL, (w, h) => {
+    _reactNative.Image.getSize(displayURL, (w, h) => {
       if (active) {
         setDims((0, _mediaDimensions.fitMediaDimensions)(w, h));
       }
-    }, () => {
-      /* keep the default box if the size probe fails */
+    }, error => {
+      // Keep the default box — but say WHICH url failed. A blank
+      // bubble is otherwise indistinguishable between "bad url",
+      // "403 without a token" and "host unreachable".
+      (0, _devLogger.pushLog)('warn', 'image: getSize failed', {
+        url: maskToken(displayURL),
+        error: error?.message || String(error)
+      });
     });
     return () => {
       active = false;
     };
-  }, [fileURL]);
+  }, [displayURL]);
   const handleOpen = () => {
     dispatch((0, _chatSettingsSlice.setActiveFile)({
       fileName,
       fileURL,
-      mimetype
+      mimetype,
+      originalName
     }));
     dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.FILE_PREVIEW));
   };
@@ -70,7 +87,7 @@ const CustomMessageImage = ({
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
         source: {
-          uri: fileURL || FALLBACK_IMAGE
+          uri: displayURL || FALLBACK_IMAGE
         },
         style: {
           width: dims.width,
@@ -78,7 +95,18 @@ const CustomMessageImage = ({
           borderRadius: 10,
           backgroundColor: 'rgba(0, 0, 0, 0)'
         },
-        onLoadEnd: () => setLoading(false)
+        onLoadEnd: () => setLoading(false),
+        onError: event => {
+          setLoading(false);
+          (0, _devLogger.pushLog)('warn', 'image: load failed', {
+            url: maskToken(displayURL),
+            usingPreview: !!locationPreview,
+            error: event?.nativeEvent?.error
+          });
+          if ((0, _secureFileUrl.isSecureFileUrl)(displayURL)) {
+            (0, _secureFileUrl.requestFileTokenRecovery)();
+          }
+        }
         // The box already matches the natural aspect ratio, so 'cover'
         // fills it edge-to-edge with no actual cropping or letterboxing.
         ,

package/lib/commonjs/components/styled/MessageImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_MediaComponents","_reactRedux","_chatSettingsSlice","_MODAL_TYPES","_reactNative","_mediaDimensions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FALLBACK_IMAGE","CustomMessageImage","fileURL","fileName","mimetype","loading","setLoading","useState","dims","setDims","defaultMediaDims","dispatch","useDispatch","useEffect","active","Image","getSize","w","h","fitMediaDimensions","handleOpen","setActiveFile","setActiveModal","MODAL_TYPES","FILE_PREVIEW","jsx","Container","style","width","children","jsxs","TouchableOpacity","onPress","activeOpacity","View","position","height","alignItems","justifyContent","zIndex","ActivityIndicator","size","color","source","uri","borderRadius","backgroundColor","onLoadEnd","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/MessageImage.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_secureFileUrl","_devLogger","_MediaComponents","_reactRedux","_chatSettingsSlice","_MODAL_TYPES","_reactNative","_mediaDimensions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","maskToken","url","replace","FALLBACK_IMAGE","CustomMessageImage","fileURL","fileName","originalName","mimetype","locationPreview","displayURL","loading","setLoading","useState","dims","setDims","defaultMediaDims","dispatch","useDispatch","useEffect","active","Image","getSize","w","h","fitMediaDimensions","error","pushLog","message","String","handleOpen","setActiveFile","setActiveModal","MODAL_TYPES","FILE_PREVIEW","jsx","Container","style","width","children","jsxs","TouchableOpacity","onPress","activeOpacity","View","position","height","alignItems","justifyContent","zIndex","ActivityIndicator","size","color","source","uri","borderRadius","backgroundColor","onLoadEnd","onError","event","usingPreview","nativeEvent","isSecureFileUrl","requestFileTokenRecovery","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/MessageImage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/RoomListComponents/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Viewider = exports.UserCount = exports.SearchContainer = exports.ScollableContainer = exports.LastMessage = exports.Container = exports.ChatName = exports.ChatItem = exports.ChatInfo = exports.BurgerButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _useTheme = require("../../../hooks/useTheme");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Container with burger menu support
@@ -13,23 +14,36 @@ const Container = ({
   burgerMenu,
   open,
   children
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-  style: [styles.container, burgerMenu && open ? styles.containerOpen : styles.containerClosed, burgerMenu && styles.burgerMenu],
-  children: children
-});
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: theme.surface
+    }, burgerMenu && open ? styles.containerOpen : styles.containerClosed, burgerMenu && [styles.burgerMenu, {
+      backgroundColor: theme.surface,
+      borderRightColor: theme.border
+    }]],
+    children: children
+  });
+};
 
 // Button for the burger menu
 exports.Container = Container;
 const BurgerButton = ({
   onPress
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-  style: styles.burgerButton,
-  onPress: onPress,
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: styles.burgerButtonText,
-    children: "\u2630"
-  })
-});
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: styles.burgerButton,
+    onPress: onPress,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.burgerButtonText, {
+        color: theme.text
+      }],
+      children: "\u2630"
+    })
+  });
+};
 
 // Chat item
 exports.BurgerButton = BurgerButton;
@@ -77,21 +91,31 @@ const ChatInfo = ({
 exports.ChatInfo = ChatInfo;
 const ChatName = ({
   text
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-  style: styles.chatName,
-  numberOfLines: 1,
-  ellipsizeMode: "tail",
-  children: text
-});
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [styles.chatName, {
+      color: theme.text
+    }],
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    children: text
+  });
+};
 exports.ChatName = ChatName;
 const LastMessage = ({
   children
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-  style: styles.lastMessage,
-  numberOfLines: 1,
-  ellipsizeMode: "tail",
-  children: children
-});
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [styles.lastMessage, {
+      color: theme.textMuted
+    }],
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    children: children
+  });
+};
 
 // User count display for the chat
 exports.LastMessage = LastMessage;
@@ -103,15 +127,19 @@ const UserCount = ({
   children: text
 });
 exports.UserCount = UserCount;
-const Viewider = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-  style: styles.viewider
-});
+const Viewider = () => {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.viewider, {
+      backgroundColor: theme.surfaceHighlight
+    }]
+  });
+};
 exports.Viewider = Viewider;
 const styles = _reactNative.StyleSheet.create({
   container: {
     padding: 16,
     paddingTop: 0,
-    backgroundColor: '#fff',
     overflow: 'hidden'
   },
   burgerMenu: {
@@ -125,10 +153,8 @@ const styles = _reactNative.StyleSheet.create({
     }],
     display: 'flex',
     flexDirection: 'column',
-    backgroundColor: '#fff',
     padding: 16,
-    borderRightWidth: 1,
-    borderRightColor: '#f0f0f0'
+    borderRightWidth: 1
   },
   containerOpen: {
     transform: [{
@@ -147,8 +173,7 @@ const styles = _reactNative.StyleSheet.create({
     padding: 10
   },
   burgerButtonText: {
-    fontSize: 24,
-    color: '#333'
+    fontSize: 24
   },
   chatItem: {
     borderRadius: 16,
@@ -181,16 +206,13 @@ const styles = _reactNative.StyleSheet.create({
   chatName: {
     fontWeight: 'bold'
   },
-  lastMessage: {
-    color: '#999'
-  },
+  lastMessage: {},
   userCount: {
     marginLeft: 'auto'
   },
   viewider: {
     height: 1,
-    width: '100%',
-    backgroundColor: '#0052cd0d'
+    width: '100%'
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/styled/RoomListComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","burgerMenu","open","children","jsx","View","style","styles","container","containerOpen","containerClosed","exports","BurgerButton","onPress","TouchableOpacity","burgerButton","Text","burgerButtonText","ColorContext","createContext","undefined","ChatItem","chatItem","SearchContainer","searchContainer","ScollableContainer","scollableContainer","ChatInfo","chatInfo","ChatName","text","chatName","numberOfLines","ellipsizeMode","LastMessage","lastMessage","UserCount","userCount","Viewider","viewider","StyleSheet","create","padding","paddingTop","backgroundColor","overflow","position","left","top","width","height","transform","translateX","display","flexDirection","borderRightWidth","borderRightColor","fontSize","color","borderRadius","gap","justifyContent","alignItems","paddingHorizontal","flexGrow","flexShrink","minWidth","maxWidth","fontWeight","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/styled/RoomListComponents/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","burgerMenu","open","children","theme","useTheme","jsx","View","style","styles","container","backgroundColor","surface","containerOpen","containerClosed","borderRightColor","border","exports","BurgerButton","onPress","TouchableOpacity","burgerButton","Text","burgerButtonText","color","text","ColorContext","createContext","undefined","ChatItem","chatItem","SearchContainer","searchContainer","ScollableContainer","scollableContainer","ChatInfo","chatInfo","ChatName","chatName","numberOfLines","ellipsizeMode","LastMessage","lastMessage","textMuted","UserCount","userCount","Viewider","viewider","surfaceHighlight","StyleSheet","create","padding","paddingTop","overflow","position","left","top","width","height","transform","translateX","display","flexDirection","borderRightWidth","fontSize","borderRadius","gap","justifyContent","alignItems","paddingHorizontal","flexGrow","flexShrink","minWidth","maxWidth","fontWeight","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/styled/RoomListComponents/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/SendInput.js

@@ -13,10 +13,13 @@ var _AttachSheet = _interopRequireDefault(require("../Modals/AttachSheet/AttachS
 var _MediaFilePreview = require("./MediaFilePreview");
 var _getIconColor = require("../../helpers/getIconColor");
 var _getElementFont = require("../../helpers/getElementFont");
+var _useTheme = require("../../hooks/useTheme");
 var _useT = require("../../i18n/useT");
+var _mediaLibraryRuntime = require("../../helpers/mediaLibraryRuntime");
 var ImagePicker = _interopRequireWildcard(require("expo-image-picker"));
 var DocumentPicker = _interopRequireWildcard(require("expo-document-picker"));
 var ImageManipulator = _interopRequireWildcard(require("expo-image-manipulator"));
+var FileSystem = _interopRequireWildcard(require("expo-file-system/legacy"));
 var _expoAudio = require("expo-audio");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -76,6 +79,7 @@ const SendInput = ({
   isMessageProcessing
 }) => {
   const t = (0, _useT.useT)();
+  const theme = (0, _useTheme.useTheme)();
   const [message, setMessage] = (0, _react.useState)('');
   const [isRecording, setIsRecording] = (0, _react.useState)(false);
   // Live counter (seconds) for the recording overlay. Updated by a
@@ -223,6 +227,47 @@ const SendInput = ({
       console.error('Gallery error:', error);
     }
   };
+
+  // A tap on a thumbnail in the attach sheet's recents strip. The sheet
+  // already resolved the asset to a real on-disk uri (iOS `ph://` ids are
+  // not uploadable); here we apply the same treatment the full-blown
+  // pickers get — HEIC→JPEG for images, and a size probe so the 50 MB cap
+  // is enforced before anything hits the network.
+  const handleRecentMediaSelection = async media => {
+    try {
+      let size;
+      try {
+        const info = await FileSystem.getInfoAsync(media.uri);
+        if (info.exists && typeof info.size === 'number') {
+          size = info.size;
+        }
+      } catch {
+        // Size is a nice-to-have; the backend still rejects oversized bodies.
+      }
+      if (media.isVideo) {
+        handleFileSelect([{
+          uri: media.uri,
+          type: media.mimeType || 'video/mp4',
+          name: media.name,
+          size
+        }]);
+        return;
+      }
+      const normalized = await normalizeImageAsset({
+        uri: media.uri,
+        mimeType: media.mimeType,
+        fileName: media.name
+      });
+      handleFileSelect([{
+        uri: normalized.uri,
+        type: normalized.mime,
+        name: normalized.name,
+        size
+      }]);
+    } catch (error) {
+      console.error('Recent media error:', error);
+    }
+  };
   const handleFileSelection = async () => {
     // Drop overlapping invocations — a second getDocumentAsync while the
     // first is still presented throws PickingInProgressException on iOS.
@@ -231,16 +276,6 @@ const SendInput = ({
     }
     pickingDocRef.current = true;
     try {
-      // Let the attach-sheet's modal finish its NATIVE dismissal before we
-      // present the picker. The sheet fires this handler right after its
-      // slide-out animation, but the underlying RN Modal view-controller
-      // dismissal is async — presenting the document picker over a still-
-      // dismissing modal makes iOS tear it down without a cancel callback,
-      // which strands expo-document-picker's pickingContext and makes every
-      // subsequent open throw "Different document picking in progress".
-      if (_reactNative.Platform.OS === 'ios') {
-        await new Promise(resolve => setTimeout(resolve, 350));
-      }
       const result = await DocumentPicker.getDocumentAsync({
         type: '*/*',
         multiple: false,
@@ -262,8 +297,43 @@ const SendInput = ({
       pickingDocRef.current = false;
     }
   };
+
+  // Photo-library access is requested HERE, not inside the sheet: iOS
+  // cannot present the permission alert while an RN <Modal> owns the
+  // screen (the same UIKit limitation that used to swallow the pickers),
+  // so asking from inside resolved to a silent "denied" and the recents
+  // strip stayed empty forever. Asking on the paperclip tap puts the
+  // system alert over the plain chat screen, where it can actually show.
+  // Only the first tap ever waits on it — afterwards the status is
+  // already determined and `getPermissionsAsync` returns immediately.
+  const ensureLibraryPermission = async () => {
+    const MediaLibrary = (0, _mediaLibraryRuntime.getMediaLibrary)();
+    if (!MediaLibrary?.getPermissionsAsync) {
+      return;
+    }
+    try {
+      const perm = await MediaLibrary.getPermissionsAsync();
+      if (perm?.granted || perm?.canAskAgain === false) {
+        return;
+      }
+      await MediaLibrary.requestPermissionsAsync();
+    } catch (err) {
+      // Optional peer / unsupported platform: the sheet just shows the
+      // camera tile and the full-library route.
+      console.warn('Media library permission check failed:', err);
+    }
+  };
+
+  // Only the very first tap of a session goes through the permission
+  // check; afterwards the sheet opens with zero added latency.
+  const libraryPermissionCheckedRef = (0, _react.useRef)(false);
   const handleAttachPress = () => {
-    setShowMediaMenu(true);
+    if (libraryPermissionCheckedRef.current) {
+      setShowMediaMenu(true);
+      return;
+    }
+    libraryPermissionCheckedRef.current = true;
+    ensureLibraryPermission().finally(() => setShowMediaMenu(true));
   };
 
   // ─── Voice recording ──────────────────────────────────────────────
@@ -512,7 +582,8 @@ const SendInput = ({
           fontSize: config?.typography?.input?.fontSize,
           fontWeight: config?.typography?.input?.fontWeight,
           placeholder: t('input.placeholder'),
-          placeholderTextColor: "#999",
+          placeholderTextColor: theme.textMuted,
+          keyboardAppearance: theme.dark ? 'dark' : 'light',
           value: message,
           onChangeText: text => {
             messageRef.current = text;
@@ -555,12 +626,14 @@ const SendInput = ({
             borderRadius: 20,
             alignItems: 'center',
             justifyContent: 'center',
-            backgroundColor: '#FEE2E2'
+            // Light keeps its pale-red chip; on a dark ground the
+            // danger tint on the glyph alone carries the meaning.
+            backgroundColor: theme.dark ? theme.surfaceSecondary : '#FEE2E2'
           },
           activeOpacity: 0.7,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: {
-              color: '#B91C1C',
+              color: theme.dark ? theme.danger : '#B91C1C',
               fontWeight: '700',
               fontSize: 18
             },
@@ -580,19 +653,19 @@ const SendInput = ({
               width: 10,
               height: 10,
               borderRadius: 5,
-              backgroundColor: '#EF4444'
+              backgroundColor: theme.dark ? theme.danger : '#EF4444'
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
             style: {
               fontSize: 16,
-              color: '#1F2937',
+              color: theme.text,
               fontWeight: '500'
             },
             children: [Math.floor(recordingDuration / 60), ":", (recordingDuration % 60).toString().padStart(2, '0')]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: {
               fontSize: 13,
-              color: '#6B7280'
+              color: theme.textSecondary
             },
             children: "Recording\u2026"
           })]
@@ -609,9 +682,9 @@ const SendInput = ({
           onPress: onPress,
           disabled: disabled,
           EndIcon: showMic ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RecordIcon, {
-            color: "#FFFFFF"
+            color: theme.textOnPrimary
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendIcon, {
-            color: filled ? '#FFFFFF' : '#D4D4D8'
+            color: filled ? theme.textOnPrimary : theme.textMuted
           }),
           style: {
             width: config?.typography?.input?.sendButtonSize ?? 40,
@@ -632,6 +705,7 @@ const SendInput = ({
       onCamera: handleCameraSelection,
       onGallery: handleGallerySelection,
       onDocument: handleFileSelection,
+      onPickMedia: handleRecentMediaSelection,
       primaryColor: (0, _getIconColor.getIconColor)(config)
     })]
   });