react-native-smooch

React Native wrapper for Smooch.io. This repo is forked from https://github.com/zendesk/react-native-sunshine-conversations

Modification done to mtach with the latest Android versions.

Installing Smooch on React Native

First, make sure you've signed up for Smooch

If you don't already have a React Native application setup, follow the instructions here to create one.

Next, grab this React Native module with yarn add @dewminic/react-native-smooch

iOS

No modification done for IOS. Follow the same instruction to integrate with IOS as in https://github.com/zendesk/react-native-sunshine-conversations

Android

Modification added to work with Android 13 (API level 33).

You can easily add a binding to the Smooch Android SDK in your React Native application by following the instructions below.

• Add Smooch.init to the onCreate method of your Application class.

import io.smooch.core.InitializationStatus;
import io.smooch.core.Settings;
import io.smooch.core.Smooch;
import io.smooch.core.SmoochCallback;
import com.facebook.soloader.SoLoader;

public class MainApplication extends Application implements ReactApplication {
    ...
    @Override
    public void onCreate() {
        super.onCreate();
        SoLoader.init(this, /* native exopackage */ false);
        Smooch.init(this, new Settings("YOUR_INTEGRATION_ID"), new SmoochCallback() {
            @Override
            public void run(Response response) {
                // Your code after init is complete
            }
        });
    }
    ...
}

You're now ready to start interacting with Smooch in your React Native app.

Using Smooch in your React Native App

Require the module

const Smooch = require('@dewminic/react-native-smooch');

Show the conversation screen

Smooch.show();

Set the user's first name

Smooch.setFirstName("Kurt");

Set the user's last name

Smooch.setLastName("Osiander");

Set the user's email address

Smooch.setEmail("[email protected]");

Set the user's sign up date

Smooch.setSignedUpAt((new Date).getTime());

Associate key/value pairs with the user

Smooch.setUserProperties({"myPrpertyName": "mpropertyValuey"});