Genesys Cloud - Developer Community!

Hi Genesys Developer Community,

We are integrating the Genesys Mobile Messenger SDK 2.2.0 into a React Native application through native wrappers.

We have a requirement where image hyperlinks sent in chat should open inside our application instead of launching the external browser.

We have already identified URL click handling/interception points, but we are now running into a UI layering problem.

Problem:

When an image URL is tapped, we attempt to notify React Native and display a React Native modal/image viewer.

However, the Messenger UI is rendered as a native full-screen layer above the React Native view hierarchy.

As a result:

• React Native modal opens behind Messenger UI

• React Native modal is hidden/not visible

• User never sees the image viewer

Questions:

1. Is there a supported way to present custom UI above the Messenger UI after a URL click event?

2. When handling URL clicks, is the recommended approach to:

   • open a native dialog/view controller/activity directly from the URL click callback

   • or dismiss/minimize Messenger and then return control to the host app?

3. Are there any SDK APIs intended for custom content presentation after URL clicks?

4. Has anyone implemented an in-app image viewer for chat image links using the Mobile Messenger SDK?

5. If Messenger is presented modally/full-screen, what is the recommended mechanism for showing host-application UI in response to a URL click?

Current Architecture:

• React Native host application

• Genesys Mobile Messenger SDK 2.2.0

• Messenger UI presented using the native SDK UI

• Image URL taps detected in native code
  
  

Environment:

Android:

• com.genesys.cloud:core:2.2.0

• com.genesys.cloud:chatintegration:2.2.0

• com.genesys.cloud:ui:2.2.0

iOS:

• GenesysCloudMessenger 2.2.0

• GenesysCloudMessengerTransport 2.13.0
  
  

Any guidance or examples would be greatly appreciated.

Thank you!