Intercom Messenger not displaying after following installation instructions for this library

[asnaseer]

I am trying to get the Intercom Messenger to display in my React Native application and found this library which I thought is what I needed. I have done the following:

• yarn add @intercom/intercom-react-native@4.0.1
• npx expo install config-plugin-react-native-intercom
• Added this to my app.json file under the "expo" "plugins" section (xxxx, yyyy, and aaaa are obfuscated values here):

    "expo-build-properties",
    [
      "config-plugin-react-native-intercom",
      {
        "iosApiKey": "xxxx",
        "androidApiKey": "yyyy",
        "appId": "aaaa",
        "isPushNotificationsEnabledIOS": true,
        "isPushNotificationsEnabledAndroid": true
      }
    ]

• NOTE: I did not add { "android": { "compileSdkVersion": 33, "targetSdkVersion": 33 } } into the "expo-build-properties" as I believe these are the defaults for Expo 48
• Updated the runtimeVersion in app.config.ts
• npx eas-cli build --platform all --profile development -m "Test dev client for Intercom"

Once Expo completed building the dev clients, I installed the new dev client on my iPhone by scanning the QR code from the Expo Build for iOS and then ran yarn start and scanned the QR code from my iPhone to login to our application but do not see the Intercom Messenger displayed anywhere.

I then tried adding this to where we handle a user logging into our app:

import Intercom from "@intercom/intercom-react-native";
...
    await Intercom.loginUserWithUserAttributes({
      userId: options.uid,
      email: options.email,
    });
...

and added this to where we handle a user logging out:

import Intercom from "@intercom/intercom-react-native";
...
    await Intercom.logout();
...

but still do not see the Intercom Messenger anywhere.

Is there some other set of steps that I have forgotten to follow?

My configuration is:

• typescript 4.9.4
• expo 48.0.0
• react-native 0.71.6
• react 18.2.0

[asnaseer]

I managed to finally work out what was wrong, I needed to enable the Intercom Messenger button in the app by calling:

import Intercom, { Visibility } from "@intercom/intercom-react-native";
...
await Intercom.setLauncherVisibility(Visibility.VISIBLE);
...