@chaitrabhairappa/react-native-rich-text-editor 2.1.2 → 3.1.0

package/ios/RichTextEditorView.swift

@@ -1,5 +1,6 @@
 import UIKit
 import React
+import PhotosUI
 
 class FloatingToolbar: UIView, UIScrollViewDelegate {
     weak var editorView: RichTextEditorView?
@@ -12,6 +13,7 @@ class FloatingToolbar: UIView, UIScrollViewDelegate {
     private var enabledOptions: [String] = [
         "bold", "italic", "underline", "strikethrough", "code", "highlight",
         "heading", "bullet", "numbered", "quote", "checklist",
+        "mediaAttachment",
         "link", "undo", "redo", "clearFormatting",
         "indent", "outdent",
         "alignLeft", "alignCenter", "alignRight"
@@ -20,9 +22,10 @@ class FloatingToolbar: UIView, UIScrollViewDelegate {
     private let optionToIndex: [String: Int] = [
         "bold": 0, "italic": 1, "strikethrough": 2, "underline": 3, "code": 4, "highlight": 5,
         "heading": 6, "bullet": 7, "numbered": 8, "quote": 9, "checklist": 10,
-        "link": 11, "undo": 12, "redo": 13, "clearFormatting": 14,
-        "indent": 15, "outdent": 16,
-        "alignLeft": 17, "alignCenter": 18, "alignRight": 19
+        "mediaAttachment": 11,
+        "link": 12, "undo": 13, "redo": 14, "clearFormatting": 15,
+        "indent": 16, "outdent": 17,
+        "alignLeft": 18, "alignCenter": 19, "alignRight": 20
     ]
 
     private let toolbarBackgroundColor = UIColor(red: 45/255, green: 45/255, blue: 45/255, alpha: 1.0)
@@ -47,6 +50,7 @@ class FloatingToolbar: UIView, UIScrollViewDelegate {
             enabledOptions = [
                 "bold", "italic", "underline", "strikethrough", "code", "highlight",
                 "heading", "bullet", "numbered", "quote", "checklist",
+                "mediaAttachment",
                 "link", "undo", "redo", "clearFormatting",
                 "indent", "outdent",
                 "alignLeft", "alignCenter", "alignRight"
@@ -371,15 +375,16 @@ class FloatingToolbar: UIView, UIScrollViewDelegate {
         case 8: editorView?.toggleNumberedList()
         case 9: editorView?.setQuote()
         case 10: editorView?.setChecklist()
-        case 11: editorView?.promptInsertLink()
-        case 12: editorView?.undo()
-        case 13: editorView?.redo()
-        case 14: editorView?.clearFormatting()
-        case 15: editorView?.indent()
-        case 16: editorView?.outdent()
-        case 17: editorView?.setAlignment(.left)
-        case 18: editorView?.setAlignment(.center)
-        case 19: editorView?.setAlignment(.right)
+        case 11: editorView?.openImagePicker()
+        case 12: editorView?.promptInsertLink()
+        case 13: editorView?.undo()
+        case 14: editorView?.redo()
+        case 15: editorView?.clearFormatting()
+        case 16: editorView?.indent()
+        case 17: editorView?.outdent()
+        case 18: editorView?.setAlignment(.left)
+        case 19: editorView?.setAlignment(.center)
+        case 20: editorView?.setAlignment(.right)
         default: break
         }
         editorView?.updateToolbarButtonStates()
@@ -388,18 +393,20 @@ class FloatingToolbar: UIView, UIScrollViewDelegate {
     private let indexToOption: [Int: String] = [
         0: "bold", 1: "italic", 2: "strikethrough", 3: "underline", 4: "code", 5: "highlight",
         6: "heading", 7: "bullet", 8: "numbered", 9: "quote", 10: "checklist",
-        11: "link", 12: "undo", 13: "redo", 14: "clearFormatting",
-        15: "indent", 16: "outdent",
-        17: "alignLeft", 18: "alignCenter", 19: "alignRight"
+        11: "mediaAttachment",
+        12: "link", 13: "undo", 14: "redo", 15: "clearFormatting",
+        16: "indent", 17: "outdent",
+        18: "alignLeft", 19: "alignCenter", 20: "alignRight"
     ]
 
     func updateButtonStates(bold: Bool, italic: Bool, underline: Bool, strikethrough: Bool, code: Bool = false, highlight: Bool = false, heading: Bool = false, bullet: Bool, numbered: Bool, quote: Bool = false, checklist: Bool = false, alignLeft: Bool = true, alignCenter: Bool = false, alignRight: Bool = false) {
         let styleStates: [Int: Bool] = [
             0: bold, 1: italic, 2: strikethrough, 3: underline, 4: code, 5: highlight,
             6: heading, 7: bullet, 8: numbered, 9: quote, 10: checklist,
-            11: false, 12: false, 13: false, 14: false,
-            15: false, 16: false,
-            17: alignLeft, 18: alignCenter, 19: alignRight
+            11: false,
+            12: false, 13: false, 14: false, 15: false,
+            16: false, 17: false,
+            18: alignLeft, 19: alignCenter, 20: alignRight
         ]
 
         for button in buttons {
@@ -419,6 +426,9 @@ class FloatingToolbar: UIView, UIScrollViewDelegate {
 }
 
 class RichTextView: UITextView {
+    var onPasteImage: ((UIImage) -> Bool)?
+    var onPasteImageURL: ((URL) -> Bool)?
+
     override init(frame: CGRect, textContainer: NSTextContainer?) {
         super.init(frame: frame, textContainer: textContainer)
         disableAutofill()
@@ -457,13 +467,35 @@ class RichTextView: UITextView {
     }
 
     override func canPerformAction(_ action: Selector, withSender sender: Any?) -> Bool {
+        if action == #selector(paste(_:)) {
+            return true
+        }
         return false
     }
+
+    override func paste(_ sender: Any?) {
+        let pasteboard = UIPasteboard.general
+
+        if let image = pasteboard.image,
+           onPasteImage?(image) == true {
+            return
+        }
+
+        if let url = pasteboard.url {
+            if onPasteImageURL?(url) == true {
+                return
+            }
+        }
+
+        super.paste(sender)
+    }
 }
 
 @objcMembers
-class RichTextEditorView: UIView, UITextViewDelegate {
+class RichTextEditorView: UIView, UITextViewDelegate, PHPickerViewControllerDelegate, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
     private static let defaultLineHeightMultiple: CGFloat = 1.3
+    private static let mediaPlaceholderCharacter: Character = "\u{FFFC}"
+    private static let mediaAttachmentAttributeKey = NSAttributedString.Key("richTextMediaAttachment")
 
     private let textView: RichTextView = {
         let tv = RichTextView()
@@ -512,6 +544,7 @@ class RichTextEditorView: UIView, UITextViewDelegate {
     private var isInternalChange = false
     private var currentKeyboardHeight: CGFloat = 0
     private var savedSelectionRange: NSRange = NSRange(location: 0, length: 0)
+    private var isPresentingMediaPicker = false
 
     @objc var placeholder: String = "" {
         didSet { placeholderLabel.text = placeholder }
@@ -632,6 +665,19 @@ class RichTextEditorView: UIView, UITextViewDelegate {
 
         textView.delegate = self
         textView.isScrollEnabled = false
+        textView.onPasteImage = { [weak self] image in
+            guard let self = self else { return false }
+            self.insertPickedImage(image)
+            return true
+        }
+        textView.onPasteImageURL = { [weak self] url in
+            guard let self = self else { return false }
+            if self.isImageURL(url) {
+                self.insertMediaAttachment(uri: url.absoluteString)
+                return true
+            }
+            return false
+        }
 
         NotificationCenter.default.addObserver(self, selector: #selector(textDidChange), name: UITextView.textDidChangeNotification, object: textView)
         NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow(_:)), name: UIResponder.keyboardWillShowNotification, object: nil)
@@ -1856,6 +1902,254 @@ class RichTextEditorView: UIView, UITextViewDelegate {
         viewController.present(alert, animated: true)
     }
 
+    func openImagePicker() {
+        guard !isPresentingMediaPicker else { return }
+        guard let presenter = topViewController() else { return }
+
+        isPresentingMediaPicker = true
+
+        if #available(iOS 14.0, *) {
+            var config = PHPickerConfiguration(photoLibrary: .shared())
+            config.selectionLimit = 1
+            config.filter = .images
+
+            let picker = PHPickerViewController(configuration: config)
+            picker.delegate = self
+            presenter.present(picker, animated: true)
+            return
+        }
+
+        guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else {
+            isPresentingMediaPicker = false
+            return
+        }
+
+        let picker = UIImagePickerController()
+        picker.sourceType = .photoLibrary
+        picker.mediaTypes = ["public.image"]
+        picker.delegate = self
+        presenter.present(picker, animated: true)
+    }
+
+    @available(iOS 14.0, *)
+    func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
+        picker.dismiss(animated: true) { [weak self] in
+            guard let self = self else { return }
+            defer { self.isPresentingMediaPicker = false }
+
+            guard let result = results.first else { return }
+            let provider = result.itemProvider
+            guard provider.canLoadObject(ofClass: UIImage.self) else { return }
+
+            provider.loadObject(ofClass: UIImage.self) { [weak self] object, _ in
+                guard let self = self, let image = object as? UIImage else { return }
+                DispatchQueue.main.async {
+                    self.insertPickedImage(image)
+                }
+            }
+        }
+    }
+
+    func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
+        picker.dismiss(animated: true) { [weak self] in
+            self?.isPresentingMediaPicker = false
+        }
+    }
+
+    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {
+        picker.dismiss(animated: true) { [weak self] in
+            guard let self = self else { return }
+            defer { self.isPresentingMediaPicker = false }
+
+            guard let image = info[.originalImage] as? UIImage else { return }
+            self.insertPickedImage(image)
+        }
+    }
+
+    private func topViewController() -> UIViewController? {
+        guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
+              let root = windowScene.windows.first(where: { $0.isKeyWindow })?.rootViewController ?? windowScene.windows.first?.rootViewController else {
+            return nil
+        }
+
+        var current = root
+        while let presented = current.presentedViewController {
+            current = presented
+        }
+        return current
+    }
+
+    private func insertPickedImage(_ image: UIImage) {
+        guard let imageUrl = writeImageToTemporaryURL(image) else { return }
+        insertMediaAttachmentBlock(uri: imageUrl.absoluteString, image: image)
+    }
+
+    private func writeImageToTemporaryURL(_ image: UIImage) -> URL? {
+        guard let data = image.jpegData(compressionQuality: 0.9) else { return nil }
+        let fileName = "richtext-\(UUID().uuidString).jpg"
+        let fileUrl = FileManager.default.temporaryDirectory.appendingPathComponent(fileName)
+
+        do {
+            try data.write(to: fileUrl, options: .atomic)
+            return fileUrl
+        } catch {
+            return nil
+        }
+    }
+
+    private func insertMediaAttachmentBlock(uri: String, image: UIImage?) {
+        let mutable = NSMutableAttributedString(attributedString: textView.attributedText)
+        var insertPos = textView.selectedRange.location
+        insertPos = max(0, min(insertPos, mutable.length))
+
+        let defaultAttrs: [NSAttributedString.Key: Any] = textView.typingAttributes
+
+        if insertPos > 0 {
+            let prevChar = (mutable.string as NSString).character(at: insertPos - 1)
+            if prevChar != 10 {
+                mutable.insert(NSAttributedString(string: "\n", attributes: defaultAttrs), at: insertPos)
+                insertPos += 1
+            }
+        }
+
+        let attachmentString = createMediaAttachmentAttributedString(uri: uri, image: image, width: nil, height: nil, alt: "Selected image")
+        mutable.insert(attachmentString, at: insertPos)
+
+        var nextPos = insertPos + attachmentString.length
+        let hasFollowingText = nextPos < mutable.length
+        if hasFollowingText {
+            let nextChar = (mutable.string as NSString).character(at: nextPos)
+            if nextChar != 10 {
+                mutable.insert(NSAttributedString(string: "\n", attributes: defaultAttrs), at: nextPos)
+                nextPos += 1
+            }
+        }
+
+        isInternalChange = true
+        textView.attributedText = mutable
+        textView.selectedRange = NSRange(location: min(nextPos, mutable.length), length: 0)
+        placeholderLabel.isHidden = !textView.text.isEmpty
+        isInternalChange = false
+
+        sendContentChange()
+        saveToUndoStack()
+        updateContentSize()
+    }
+
+    private func createMediaAttachmentAttributedString(uri: String, image: UIImage?, width: CGFloat?, height: CGFloat?, alt: String) -> NSAttributedString {
+        let textContainerWidth = max(
+            120,
+            textView.bounds.width - textView.textContainerInset.left - textView.textContainerInset.right - textView.textContainer.lineFragmentPadding * 2
+        )
+
+        let fallbackWidth = width ?? textContainerWidth
+        let normalizedWidth = max(1, min(textContainerWidth, fallbackWidth))
+
+        let sourceImage = image ?? loadImageFromUri(uri)
+        let normalizedHeight: CGFloat
+        if let sourceImage = sourceImage, sourceImage.size.width > 0 {
+            normalizedHeight = max(1, normalizedWidth * (sourceImage.size.height / sourceImage.size.width))
+        } else {
+            normalizedHeight = max(1, height ?? normalizedWidth)
+        }
+
+        let targetSize = CGSize(width: normalizedWidth, height: normalizedHeight)
+        let attachment = NSTextAttachment()
+        attachment.bounds = CGRect(origin: .zero, size: targetSize)
+        attachment.image = renderMediaImage(sourceImage, targetSize: targetSize)
+
+        let attributed = NSMutableAttributedString(attachment: attachment)
+        attributed.addAttribute(
+            RichTextEditorView.mediaAttachmentAttributeKey,
+            value: [
+                "kind": "image",
+                "uri": uri,
+                "width": Int(normalizedWidth.rounded()),
+                "height": Int(normalizedHeight.rounded()),
+                "alt": alt
+            ],
+            range: NSRange(location: 0, length: attributed.length)
+        )
+
+        let paragraphStyle = NSMutableParagraphStyle()
+        paragraphStyle.alignment = .left
+        paragraphStyle.lineHeightMultiple = RichTextEditorView.defaultLineHeightMultiple
+        attributed.addAttribute(.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: attributed.length))
+
+        return attributed
+    }
+
+    private func renderMediaImage(_ image: UIImage?, targetSize: CGSize) -> UIImage {
+        guard let image = image else {
+            let renderer = UIGraphicsImageRenderer(size: targetSize)
+            return renderer.image { context in
+                UIColor.systemGray5.setFill()
+                context.fill(CGRect(origin: .zero, size: targetSize))
+                let iconSize = min(targetSize.width, targetSize.height) * 0.35
+                let iconRect = CGRect(
+                    x: (targetSize.width - iconSize) / 2,
+                    y: (targetSize.height - iconSize) / 2,
+                    width: iconSize,
+                    height: iconSize
+                )
+                if let symbol = UIImage(systemName: "photo")?.withTintColor(.systemGray2, renderingMode: .alwaysOriginal) {
+                    symbol.draw(in: iconRect)
+                }
+            }
+        }
+
+        let renderer = UIGraphicsImageRenderer(size: targetSize)
+        return renderer.image { _ in
+            image.draw(in: CGRect(origin: .zero, size: targetSize))
+        }
+    }
+
+    private func loadImageFromUri(_ uri: String) -> UIImage? {
+        guard !uri.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty,
+              let url = URL(string: uri) else {
+            return nil
+        }
+
+        if url.isFileURL {
+            return UIImage(contentsOfFile: url.path)
+        }
+
+        guard let data = try? Data(contentsOf: url) else { return nil }
+        return UIImage(data: data)
+    }
+
+    private func isImageURL(_ url: URL) -> Bool {
+        let lowercasedPath = url.path.lowercased()
+        return lowercasedPath.hasSuffix(".png") ||
+            lowercasedPath.hasSuffix(".jpg") ||
+            lowercasedPath.hasSuffix(".jpeg") ||
+            lowercasedPath.hasSuffix(".webp") ||
+            lowercasedPath.hasSuffix(".gif") ||
+            lowercasedPath.hasSuffix(".bmp") ||
+            lowercasedPath.hasSuffix(".heic") ||
+            lowercasedPath.hasSuffix(".heif")
+    }
+
+    private func extractMediaAttachment(from attributedText: NSAttributedString, in lineRange: NSRange) -> [String: Any]? {
+        guard lineRange.location < attributedText.length else { return nil }
+        let safeLength = min(lineRange.length, attributedText.length - lineRange.location)
+        guard safeLength > 0 else { return nil }
+
+        var mediaData: [String: Any]?
+        attributedText.enumerateAttribute(
+            RichTextEditorView.mediaAttachmentAttributeKey,
+            in: NSRange(location: lineRange.location, length: safeLength),
+            options: []
+        ) { value, _, stop in
+            if let data = value as? [String: Any] {
+                mediaData = data
+                stop.pointee = true
+            }
+        }
+
+        return mediaData
+    }
+
     private func toggleStyle(key: NSAttributedString.Key, trait: UIFontDescriptor.SymbolicTraits) {
         let range = textView.selectedRange
         guard range.length > 0 else { return }
@@ -2010,9 +2304,30 @@ class RichTextEditorView: UIView, UITextViewDelegate {
 
         var numberedIndex = 1
         for (blockIndex, block) in blocks.enumerated() {
-            guard let text = block["text"] as? String else { continue }
             let blockType = block["type"] as? String ?? "paragraph"
 
+            if blockType == "mediaAttachment",
+               let mediaAttachment = block["mediaAttachment"] as? [String: Any],
+               let uri = mediaAttachment["uri"] as? String {
+                let width = (mediaAttachment["width"] as? NSNumber).map { CGFloat(truncating: $0) }
+                let height = (mediaAttachment["height"] as? NSNumber).map { CGFloat(truncating: $0) }
+                let alt = mediaAttachment["alt"] as? String ?? "Selected image"
+
+                attributedString.append(createMediaAttachmentAttributedString(uri: uri, image: nil, width: width, height: height, alt: alt))
+
+                if blockIndex < blocks.count - 1 {
+                    attributedString.append(NSAttributedString(string: "\n", attributes: [
+                        .font: font,
+                        .foregroundColor: UIColor.label
+                    ]))
+                }
+
+                numberedIndex = 1
+                continue
+            }
+
+            guard let text = block["text"] as? String else { continue }
+
             var displayText = text
             var prefixLength = 0
             let paragraphStyle = NSMutableParagraphStyle()
@@ -2113,6 +2428,20 @@ class RichTextEditorView: UIView, UITextViewDelegate {
         let regex = try? NSRegularExpression(pattern: numberedPattern, options: [])
 
         for line in lines {
+            let lineRange = NSRange(location: currentIndex, length: line.count)
+            let mediaLineText = line.replacingOccurrences(of: String(RichTextEditorView.mediaPlaceholderCharacter), with: "")
+            if mediaLineText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty,
+               let mediaAttachment = extractMediaAttachment(from: attributedText, in: lineRange) {
+                blocks.append([
+                    "type": "mediaAttachment",
+                    "text": "",
+                    "styles": [],
+                    "mediaAttachment": mediaAttachment
+                ])
+                currentIndex += line.count + 1
+                continue
+            }
+
             var blockType = "paragraph"
             var displayText = line
 
@@ -2205,6 +2534,13 @@ class RichTextEditorView: UIView, UITextViewDelegate {
         sendContentChange()
     }
 
+    func insertMediaAttachment(uri: String) {
+        let safeUri = uri.trimmingCharacters(in: .whitespacesAndNewlines)
+        guard !safeUri.isEmpty else { return }
+        let image = loadImageFromUri(safeUri)
+        insertMediaAttachmentBlock(uri: safeUri, image: image)
+    }
+
     func undo() {
         guard undoStack.count > 1 else { return }
 

package/ios/RichTextEditorViewManager.m

@@ -24,6 +24,7 @@ RCT_EXTERN_METHOD(clear:(nonnull NSNumber *)node)
 RCT_EXTERN_METHOD(focus:(nonnull NSNumber *)node)
 RCT_EXTERN_METHOD(blur:(nonnull NSNumber *)node)
 RCT_EXTERN_METHOD(insertLink:(nonnull NSNumber *)node url:(nonnull NSString *)url text:(nonnull NSString *)text)
+RCT_EXTERN_METHOD(insertMediaAttachment:(nonnull NSNumber *)node uri:(nonnull NSString *)uri)
 RCT_EXTERN_METHOD(undo:(nonnull NSNumber *)node)
 RCT_EXTERN_METHOD(redo:(nonnull NSNumber *)node)
 RCT_EXTERN_METHOD(toggleBold:(nonnull NSNumber *)node)

package/ios/RichTextEditorViewManager.swift

@@ -72,6 +72,14 @@ class RichTextEditorViewManager: RCTViewManager {
         }
     }
 
+    @objc func insertMediaAttachment(_ node: NSNumber, uri: NSString) {
+        DispatchQueue.main.async {
+            if let view = self.bridge?.uiManager.view(forReactTag: node) as? RichTextEditorView {
+                view.insertMediaAttachment(uri: uri as String)
+            }
+        }
+    }
+
     @objc func undo(_ node: NSNumber) {
         DispatchQueue.main.async {
             if let view = self.bridge?.uiManager.view(forReactTag: node) as? RichTextEditorView {

package/ios/ToolbarIcons.swift

@@ -17,6 +17,7 @@ class ToolbarIcons {
         case "numbered": return drawNumberedListIcon(color: color, size: size)
         case "quote": return drawQuoteIcon(color: color, size: size)
         case "checklist": return drawChecklistIcon(color: color, size: size)
+        case "mediaAttachment": return drawMediaAttachmentIcon(color: color, size: size)
         case "link": return drawLinkIcon(color: color, size: size)
         case "undo": return drawUndoIcon(color: color, size: size)
         case "redo": return drawRedoIcon(color: color, size: size)
@@ -382,6 +383,29 @@ class ToolbarIcons {
         }
     }
 
+    private static func drawMediaAttachmentIcon(color: UIColor, size: CGSize) -> UIImage {
+        return drawIcon(size: size, color: color) { ctx, scale in
+            let frame = CGRect(x: 3 * scale, y: 5 * scale, width: 18 * scale, height: 14 * scale)
+            let framePath = UIBezierPath(roundedRect: frame, cornerRadius: 1.8 * scale)
+            ctx.setLineWidth(1.8 * scale)
+            ctx.addPath(framePath.cgPath)
+            ctx.strokePath()
+
+            let sunPath = UIBezierPath(arcCenter: CGPoint(x: 8 * scale, y: 10 * scale), radius: 1.5 * scale, startAngle: 0, endAngle: .pi * 2, clockwise: true)
+            sunPath.fill()
+
+            let mountain = UIBezierPath()
+            mountain.move(to: CGPoint(x: 6 * scale, y: 16 * scale))
+            mountain.addLine(to: CGPoint(x: 10.5 * scale, y: 11.5 * scale))
+            mountain.addLine(to: CGPoint(x: 13 * scale, y: 14 * scale))
+            mountain.addLine(to: CGPoint(x: 16 * scale, y: 11 * scale))
+            mountain.addLine(to: CGPoint(x: 18 * scale, y: 13 * scale))
+            mountain.addLine(to: CGPoint(x: 18 * scale, y: 16 * scale))
+            mountain.close()
+            mountain.fill()
+        }
+    }
+
     private static func drawLinkIcon(color: UIColor, size: CGSize) -> UIImage {
         return drawIcon(size: size, color: color) { ctx, scale in
             let path = UIBezierPath()

package/lib/commonjs/index.js

@@ -10,28 +10,51 @@ Object.defineProperty(exports, "DEFAULT_TOOLBAR_OPTIONS", {
   }
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _RichTextEditorViewNativeComponent = _interopRequireDefault(require("./RichTextEditorViewNativeComponent"));
 var _types = require("./types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const nativeRef = (0, _react.useRef)(null);
-  const [height, setHeight] = (0, _react.useState)(44);
-  const handleSizeChange = (0, _react.useCallback)(event => {
+const RichTextEditor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const nativeRef = _react.default.useRef(null);
+  const [height, setHeight] = _react.default.useState(44);
+  const handleSizeChange = _react.default.useCallback(event => {
     const newHeight = event.nativeEvent?.height;
     if (newHeight && newHeight > 0) {
       setHeight(newHeight);
     }
   }, []);
+  const dispatchAndroidCommand = _react.default.useCallback((commandName, args = []) => {
+    if (_reactNative.Platform.OS !== "android") return;
+    const nativeTag = (0, _reactNative.findNodeHandle)(nativeRef.current);
+    if (nativeTag == null) return;
+    const commandConfig = _reactNative.UIManager.getViewManagerConfig("RichTextEditorView")?.Commands;
+    const commandId = commandConfig?.[commandName];
+    if (commandId == null) return;
+    _reactNative.UIManager.dispatchViewManagerCommand(nativeTag, commandId, args);
+  }, []);
+  const dispatchInsertMediaAttachment = _react.default.useCallback(uri => {
+    if (typeof uri !== "string" || uri.trim().length === 0) return;
+    if (_reactNative.Platform.OS === "android") {
+      dispatchAndroidCommand("insertMediaAttachment", [uri]);
+      return;
+    }
+    if (_reactNative.Platform.OS === "ios") {
+      const nativeTag = (0, _reactNative.findNodeHandle)(nativeRef.current);
+      if (nativeTag == null) return;
+      const manager = _reactNative.NativeModules ? _reactNative.NativeModules["RichTextEditorViewManager"] : null;
+      if (manager && typeof manager === "object" && typeof manager.insertMediaAttachment === "function") {
+        manager.insertMediaAttachment(nativeTag, uri);
+      }
+    }
+  }, [dispatchAndroidCommand]);
 
   // These are placeholder methods for potential future UIManager.dispatchViewManagerCommand usage
-  (0, _react.useImperativeHandle)(ref, () => ({
+  _react.default.useImperativeHandle(ref, () => ({
     setContent: _blocks => {
       /* Native toolbar handles this */
     },
-    getText: async () => '',
+    getText: async () => "",
     getBlocks: async () => [],
     clear: () => {
       /* Native toolbar handles this */
@@ -81,6 +104,11 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     insertLink: (_url, _text) => {
       /* Native toolbar handles this */
     },
+    insertMediaAttachment: mediaAttachment => {
+      if (mediaAttachment && typeof mediaAttachment === "object" && typeof mediaAttachment.uri === "string") {
+        dispatchInsertMediaAttachment(mediaAttachment.uri);
+      }
+    },
     undo: () => {
       /* Native toolbar handles this */
     },
@@ -102,10 +130,10 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     toggleChecklistItem: () => {
       /* Native toolbar handles this */
     }
-  }));
+  }), [dispatchInsertMediaAttachment]);
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const handleContentChange = (0, _react.useCallback)(event => {
+  const handleContentChange = _react.default.useCallback(event => {
     // Parse blocksJson string (codegen doesn't support nested ReadonlyArray<Object>)
     let blocks = [];
     try {
@@ -131,7 +159,7 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   }, [props.onContentChange]);
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const handleSelectionChange = (0, _react.useCallback)(event => {
+  const handleSelectionChange = _react.default.useCallback(event => {
     const selectionEvent = {
       nativeEvent: {
         start: event.nativeEvent.start,
@@ -140,13 +168,13 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     };
     props.onSelectionChange?.(selectionEvent);
   }, [props.onSelectionChange]);
-  const handleFocus = (0, _react.useCallback)(() => {
+  const handleFocus = _react.default.useCallback(() => {
     props.onFocus?.();
   }, [props.onFocus]);
-  const handleBlur = (0, _react.useCallback)(() => {
+  const handleBlur = _react.default.useCallback(() => {
     props.onBlur?.();
   }, [props.onBlur]);
-  const handleActiveStylesChange = (0, _react.useCallback)(event => {
+  const handleActiveStylesChange = _react.default.useCallback(event => {
     props.onActiveStylesChange?.(event.nativeEvent);
   }, [props.onActiveStylesChange]);
   const combinedStyle = _reactNative.StyleSheet.flatten([props.style, {
@@ -162,7 +190,7 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     numberOfLines: props.numberOfLines,
     showToolbar: props.readOnly ? false : props.showToolbar ?? true,
     toolbarOptions: props.toolbarOptions,
-    variant: props.variant ?? 'outlined',
+    variant: props.variant ?? "outlined",
     onContentChange: handleContentChange,
     onSelectionChange: handleSelectionChange,
     onEditorFocus: handleFocus,
@@ -171,6 +199,6 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     onActiveStylesChange: handleActiveStylesChange
   });
 });
-RichTextEditor.displayName = 'RichTextEditor';
+RichTextEditor.displayName = "RichTextEditor";
 var _default = exports.default = RichTextEditor;
 //# sourceMappingURL=index.js.map