Integrate Whatfix Mobile SDK with Jetpack Compose

To create Whatfix Mobile in-app experiences on your Jetpack Compose apps, you need to first set up Whatfix Mobile. Add the Whatfix Mobile SDK provided for Android devices to the source code of your app and then create and publish content.

• Prerequisites
• Integration steps for Jetpack Compose app

Prerequisites

• API Key
• The minimum API version support for Whatfix Mobile SDK is API 16. But Whatfix Mobile works only for API levels greater or equal to 21.
• The highest tested API level is 35, which corresponds to Android OS 14.
• An Android 5.0 or newer device or emulator with Google Play services installed.
• Android Studio
• Your project should be using AndroidX. For more information on updating AndroidX from the Android Support Library see, Google's AndroidX migration guide.
• On Android, Whatfix Mobile uniquely identifies the screens of native apps by using properties of elements such as resource-id, content description, and tag on each screen. These properties improve element recognition, thereby enhancing screen identification across all Android elements. However, these identifiers are not available by default for Jetpack Compose views.
  To tag Jetpack Compose elements, use the following code, which adds a modifier to an existing Jetpack Compose element and serves as a unique identifier for the element:

modifier = Modifier.wfxView("TAG_NAME");

Integration steps for Jetpack Compose

Use the following steps to integrate the Whatfix Mobile SDK in your Jetpack Compose project:

Step 1: Integrate Whatfix Mobile SDK

a. Add Dependencies

Add the Whatfix Mobile library's dependency to your module (app-level) Gradle file (usually app/build.gradle) as shown in the following code snippet:

repositories {
    mavenCentral()
}

dependencies {
    //Leap SDK
    implementation 'is.leap.android.compose:sdk:2.0.4'
}

b. Start the Whatfix Mobile SDK
Start the Whatfix Mobile SDK in your Application class inside the onCreate() function.

Leap.start("<YOUR_API_KEY>");

Step 2: Enable the Creator Mode in your app

To create in-app experiences in the Whatfix Mobile Studio, you have to enable the Creator mode in your app. This is done by integrating the Whatfix Mobile Creator SDK.

a. Add dependencies

repositories {
    mavenCentral()
}

dependencies {
    //Leap Developer SDK
    implementation 'is.leap.android.compose:creator-sdk:2.0.4'
}

b. Start the Whatfix Mobile Creator SDK
Start the Whatfix Mobile Creator SDK in your Application class inside the onCreate()function.

LeapCreator.start("<YOUR_API_KEY>");

-dontwarn is.leap.android.**

-keep class is.leap.android.** {*;}

#For Okhttp
-dontwarn okhttp3.internal.platform.** 
-dontwarn org.conscrypt.** 
-dontwarn org.bouncycastle.** 
-dontwarn org.openjsse.**

After integrating the code, you can start creating your in-app experience using Whatfix Mobile.