team/apps/mobile/components/features/chat/ChatMessage/MessageActions/CopyMessage.tsx

import * as Clipboard from 'expo-clipboard'
import { Message } from '@raven/types/common/Message'
import { toast } from 'sonner-native'
import { useColorScheme } from '@hooks/useColorScheme'
import CopyIcon from "@assets/icons/CopyIcon.svg"
import ActionButton from '@components/common/Buttons/ActionButton'

interface CopyMessageProps {
    message: Message
    onClose: () => void
}

const CopyMessage = ({ message, onClose }: CopyMessageProps) => {

    const { colors } = useColorScheme()
    const copy = useMessageCopy(message)

    return (
        <ActionButton
            onPress={() => copy(onClose)}
            icon={<CopyIcon width={18} height={18} fill={colors.icon} />}
            text='Copy'
        />
    )
}

export default CopyMessage

export const useMessageCopy = (message: Message) => {

    const copy = async (onSuccess: () => void) => {
        if (!message) return

        if (message.message_type === 'Text') {
            // Remove all empty lines
            let text = message.text.replace(/^\s*[\r\n]/gm, "")

            // Simple HTML to plain text conversion
            const plainText = text.replace(/<[^>]+>/g, '')

            if (plainText) {
                await Clipboard.setStringAsync(plainText)
                toast.success('Text copied to clipboard')
                onSuccess()
            } else {
                toast.error('Could not copy text')
            }

        }
    }

    return copy
}