Add font support for emojis

[c3024]

Details

We are adding a custom emoji font for custom emoji support using Private User Area Unicodes.

App PR
Hybrid App PR
expensify-common PR

The current PR updates emoji style to support a font.

Related Issues

Expensify/App#54643

Manual Tests

With applying the App and Hybrid App PRs specified above,

1. Type :global_ and select the :global_create: emoji from the suggestions.
2. Verify that the global_create emoji (FAB) gets rendered in the composer.

customEmojiAndroid.mov

customEmojiiOS.mov

customEmojiChrome.mov

Linked PRs

App PR

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[c3024]

I have read the CLA Document and I hereby sign the CLA

[tomekzaw]

LGTM, left one comment.

[tomekzaw]

Not sure if this will work on web across non-apple devices.

[tomekzaw]

Also please mention emojiFontFamily in "Styling" section in the README.

[c3024]

Web tests are failing sometimes. Not sure why.

There seems to be a problem on web. The emoji appears back in the composer after sending a message with an emoji.

Screen.Recording.2025-04-16.at.8.06.55.PM.mov

I don't understand which changes for web are causing this.

[c3024]

Was there ever a problem like this with any other style?

[shubham1206agra]

@c3024 This problem exists on main too. See Expensify/App#59290 (comment)

[c3024]

@shubham1206agra

Thanks. I bashed my head yesterday trying to see how this PR could cause this bug. If I bump up the rnmarkdown version to 0.1.266, the bug happens on App main too.

[c3024]

All review suggestions addressed.

[c3024]

@Skalakid @tomekzaw

This happens if RNMarkdown is bumped to 0.1.266 on Expensify/App main too. Any PR in the works to fix this?

[Skalakid]

This PR causes the issue. I think we will revert it and try to fix it in a different way

[VickyStash]

@c3024 When I tried to bump react-native-live-markdown lib in my PR, I've met the problem that the app is crashing on ios if I try to past the text to the composer. Please, double check that it's not happen to you, just in case 🙏

[c3024]

@VickyStash , yes, it's crashing on iOS for me too on version 0.1.264.

[VickyStash]

This PR causes the issue. I think we will revert it and try to fix it in a different way

@Skalakid Hm, I've just double-checked the conversation here, and it looks like the issue you are referring to existed on the E/App main as well. Though the bump PR wasn't even merged. So I don't think the problem was in my PR.

[Skalakid]

@VickyStash Hmm, I'm not sure about that. I can't reproduce this bug on the latest main. Here I recorded 2 videos: with and without InteractionManager.runAfterInteractions. On both, I'm using the latest Expensify main and Live Markdown version 0.1.244. On the second video, I've added InteractionManager.runAfterInteractions

Without InteractionManager	With InteractionManager
without.mov	with.mov

[joekaufmanexpensify]

@VickyStash @Skalakid could you share an update on the next steps to unblock merging this PR?

[VickyStash]

Hey, I'm not really familiar with this issue/PR, I was just mentioned here cause my PR (which is now reverted) has been causing some issues during testing.
Also, I've found the crash issue on ios during testing of my own PR, so just mentioned it here so it's not lost.
I believe @tomekzaw or @Skalakid should have more context about this one!

[tomekzaw]

@VickyStash Hey, as for the iOS crash during pasting, this has already been fixed in #668.

[c3024]

Oh, can this PR be merged then? I've addressed the review suggestions.

[tomekzaw]

LGTM