DevRev customer UI and how to create it when using DevRev as backend
ART-15501_KNOWLEDGE_NODE-7
cases for both UIKit and SwiftUI has been provided as part of our [public repository](https://github.com/devrev/devrev-sdk-ios).\n\nBefore you start using the sample app you will need to configure it to be used with your Apple Developer team and your DevRev credentials. For your convenience the code has been marked with compiler error directives (`#error`) at the places that need attention.\n\n1. Add your credentials to the relevant `AppDelegate.swift` of the SwiftUI or UIKit sample.\n   *
Quickstart guide | DevRev | Docs
ART-2901_KNOWLEDGE_NODE-17
screen in a SwiftUI app, you can use the following view:\n\n[code]\n\n    1| DevRev.supportView  \n    ---|---\n[/code]  \n  \n#### New conversation closure\n\nYou can receive a callback when a new conversation is created by setting the following closure:\n\n[code]\n\n    1| DevRev.conversationCreatedCompletion  \n    ---|---\n[/code]  \n  \nThis allows your app to access the ID of the newly created conversation.\n\nFor example:\n\n[code]\n\n    1| DevRev.conversationCreatedCompletion = {
iOS integration — DevRev | Docs
ART-15501_KNOWLEDGE_NODE-5
your project, making it ready for use.\n\nSet up the DevRev SDK\n---------------------\n\n1. Open the DevRev web app at [https://app.devrev.ai](https://app.devrev.ai/) and go to the **Settings** page.\n2. Under **Plug settings** copy the value under **Your unique App ID**.\n3. Configure the DevRev SDK in your app using the obtained credentials.\n\n##### \n\nThe DevRev SDK must be configured before you can use any of its features.\n\nThe SDK becomes ready for use once the following configuration
Quickstart guide | DevRev | Docs
ART-4206_KNOWLEDGE_NODE-16
endpoint in your application that can receive POST requests.\n2. Register this endpoint with DevRev using the webhooks.create API.\n3. Make async API calls with your agent ID and webhook ID.\n4. Process incoming webhook events to:\n   * Track progress (optional).\n   * Display the final agent response to the user.\n   * Handle any errors.\n\nExample flow for a chat application:\n\n```\n|  |  |\n| --- | --- |\n| 1 | // 1. When user sends a message |\n| 2 | function handleUserMessage(message) {
Agents async API | DevRev | Docs
ART-1978_KNOWLEDGE_NODE-38
conversations on the portal.\n3. Under **Styling**, upload a banner image which should be in the ratio of 6:1. You can also set light/dark mode for appearance and select your accent color.\n4. If you want to enable customers to create tickets from the portal, under **Tabs** turn on **Enable ticket creation**. Assign default owner and part.\n5. If you want to enable public ticket creation wherein unauthenticated users can create tickets, contact DevRev support.\n6. Turn on the **Enable banner**
Customer portal | Computer for Support Teams | DevRev
ART-12447_KNOWLEDGE_NODE-7
`AndroidManifest.xml`, as shown below:\n\n[code]\n\n    1| <application  \n    ---|---  \n    2|     android:name=".FooApplication">  \n    3| </application>\n[/code]  \n  \n## Sample app\n\nWe provide a sample app demonstrating use cases with both XML-based UI and Jetpack Compose as part our [public repository](https://github.com/devrev/devrev-sdk-android).\n\nBefore running the sample app, make sure to configure it with your DevRev credentials. To do this, update the
Quickstart guide — DevRev | Docs
ART-12454_KNOWLEDGE_NODE-4
provided as a part of our [public repository](https://github.com/devrev/devrev-sdk-react-native). To set up and run the sample app:\n\n  1. Go to the sample directory:\n[code] 1| cd sample  \n         ---|---\n[/code]  \n  \n  2. Install dependencies:\n[code] 1| yarn install  \n         ---|---\n[/code]  \n  \n  3. For iOS, run:\n[code] 1| cd ios  \n         ---|---  \n         2| pod install\n[/code]  \n  \n  4. Run the app on Android or iOS using:\n[code] 1| npx react-native start  \n
Quickstart guide for React Native — DevRev | Docs
ART-12454_KNOWLEDGE_NODE-3
[https://app.devrev.ai](https://app.devrev.ai/) and go to the **Settings** page.\n  2. Under **PLuG settings** copy the value under **Your unique App ID**.\n  3. After obtaining the credentials, you can configure the DevRev SDK in your app.\n\nThe SDK will be ready for use once you execute the following configuration method.\n\n[code]\n\n    1| DevRev.configure(appID: string)  \n    ---|---\n[/code]  \n  \n## Sample app\n\nA sample app with use cases for the DevRev React Native plugin has been
Quickstart guide for React Native — DevRev | Docs
ART-12457_KNOWLEDGE_NODE-4
---|---\n[/code]  \n  \n\n## Set up the DevRev SDK\n\n  1. Open the DevRev web app at [https://app.devrev.ai](https://app.devrev.ai/) and go to the **Settings** page.\n  2. Under **PLuG settings** copy the value under **Your unique App ID**.\n  3. After obtaining the credentials, you can configure the DevRev SDK in your app.\n\nThe SDK will be ready for use once you execute the following configuration method.\n\n[code]\n\n    1| DevRev.configure(appID: string)  \n    ---|---\n[/code]  \n  \n##
Quickstart guide for Expo — DevRev | Docs
ART-15498_KNOWLEDGE_NODE-4
following configuration method is executed.\n\n###### Kotlin\n\n###### Java\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.configure(context: Context, appId: String) |\n```\n\nEnsure that the custom application is specified in the `AndroidManifest.xml`:\n\n```\n|  |  |\n| --- | --- |\n| 1 | <application |\n| 2 | android:name=".MyApp"> |\n| 3 | </application> |\n```\n\nUse this property to check whether the DevRev SDK has been configured:\n\n###### Kotlin\n\n###### Java\n\n```\n|  |  |\n| --- |
Quickstart guide | DevRev | Docs
ART-12449_KNOWLEDGE_NODE-14
DevRev.createSupportConversation(context: Context)  \n    ---|---\n[/code]  \n  \nThe DevRev SDK also provides a support button, which can be integrated into your application. To include it on the current screen, add the following code to your XML layout:\n\n[code]\n\n    1| <ai.devrev.sdk.plug.view.PlugFloatingActionButton  \n    ---|---  \n    2|     android:id="@+id/plug_fab"  \n    3|     android:layout_width="wrap_content"  \n    4|     android:layout_height="wrap_content"  \n    5|
Features — DevRev | Docs
ART-1978_KNOWLEDGE_NODE-39
toggle and craft your own title and description.\n7. Enable **Public portal** to allow unauthenticated users to view/search public articles.\n8. Click **Save & publish** to make the changes visible on your portal.\n\nIf you want to customize the font color and favicon, contact DevRev support. For favicon customization, an icon in .ico format is needed.\n\nCustomize portal URL\n--------------------\n\nBy default, your customer portal is hosted at support.devrev.ai/<yourcompany>. The
Customer portal | Computer for Support Teams | DevRev
ART-1463_KNOWLEDGE_NODE-7
)\n\nIf a UIViewController is provided as the from parameter, the screen is presented modally.\n\nIf a UINavigationController is provided as the from parameter, the screen is pushed onto the navigation stack.\n\nFor example:\n\n1 DevRev. showSupport ( from : mainViewController )\n\nSwiftUI. :\n\nFor SwiftUI apps, a dedicated view is provided. Use the public view property:\n\n1 DevRev.supportView`\n\nNew conversation callback. :\n\nFor convenience, a callback closure is added, so the host app
Integrate PLuG with your iOS app — DevRev | Docs
ART-1474_KNOWLEDGE_NODE-3
page.\n\nInitialization.\n\nAfter you\xe2\x80\x99ve obtained the necessary credentials, proceed to configure the DevRev SDK within your app.\n\nTo configure the SDK, invoke the following method inside your Application class:\n1 fun DevRev. configure ( 2 context: Context , 3 appID: String , 4 secret: String , 5 supportId: String 6 ) If you don\xe2\x80\x99t have a custom Application class, create one as shown below:\n1 import ai.devrev.sdk.DevRev 2 3 class FooApplication : Application () { 4 5
Integrate PLuG with your Android app — DevRev | Docs
ART-1170_KNOWLEDGE_NODE-4
customer (or customer). The application uses its own AAT to authenticate to the STS to obtain a session token for a customer and then uses that session token to access DevRev APIs. The lifetime of a session token is usually minutes. The subject of the session token is set to the DON of the corresponding customer (for example, `don:identity:dvrv-us-1:devo/0:revo/6:revu/131`).\n* **Personal Access Token (PAT)**: Uniquely identifies a dev user. A PAT can be used by external applications to access
Authentication | DevRev | Docs
ART-15519_KNOWLEDGE_NODE-2
the **Settings** page.\n2. Under **Plug settings**, copy the value under **Your unique App ID**.\n3. After obtaining the credentials, configure the DevRev SDK in your app.\n\n##### \n\nThe DevRev SDK must be configured before you can use any of its features.\n\nThe SDK will be ready for use once you execute the following configuration method:\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.configure(appID, successCallback, errorCallback) |\n```\n\nSample app\n----------\n\nA sample app with use
Quickstart guide | DevRev | Docs
ART-2898_KNOWLEDGE_NODE-15
to tailor its appearance to your application\xe2\x80\x99s design.\n\n[code]\n\n    1| android:src="@your_drawable_here"  \n    ---|---\n[/code]  \n  \nand\n\n[code]\n\n    1| android:backgroundTint="@your_background_color"  \n    ---|---\n[/code]  \n  \nAt this stage, your app is fully configured to utilize all functionalities of the DevRev PLuG SDK. Pressing the support button directs the user to the chat interface, enabling effective interaction and support.\n\n## Analytics\n\nThe DevRev SDK
Android integration — DevRev | Docs
ART-12449_KNOWLEDGE_NODE-13
dialog, your application should use the `showSupport` API, as shown in the following example:\n\n###### Kotlin\n\n###### Java\n\n[code]\n\n    1| DevRev.showSupport(context: Context)  \n    ---|---\n[/code]  \n  \n#### Creating a new conversation\n\nYou have the ability to create a new conversation from within your app. The method will show the support chat screen and create a new conversation at the same time.\n\n###### Kotlin\n\n###### Java\n\n[code]\n\n    1|
Features — DevRev | Docs
ART-16580_KNOWLEDGE_NODE-3
page](https://pub.dev/packages/devrev_sdk_flutter).\n\nSet up the DevRev SDK\n---------------------\n\n1. Open the DevRev web app at [https://app.devrev.ai](https://app.devrev.ai/) and go to the **Settings** page.\n2. Under **Plug settings** copy the value under **Your unique App ID**.\n3. Configure the DevRev SDK in your app using the obtained credentials.\n\n##### \n\nThe DevRev SDK must be configured before you can use any of its features.\n\nThe SDK becomes ready for use once the following
Quickstart guide | DevRev | Docs
ART-15507_KNOWLEDGE_NODE-22
supported by our DevRev SDK. The support chat feature can be shown as a modal screen from the top-most screen.\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.showSupport() |\n```\n\n### Create a new support conversation\n\nYou can initiate a new support conversation directly from your app. This method displays the support chat screen and simultaneously creates a new conversation.\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.createSupportConversation() |\n```\n\n### In-app link handling\n\nIn
Features | DevRev | Docs
ART-12460_KNOWLEDGE_NODE-11
the SDK to be configured and the user to be identified, whether they are unverified or anonymous.\n\nTo show the support chat screen in your app, you can use the following method:\n\n[code]\n\n    1| DevRev.showSupport(successCallback, errorCallback)  \n    ---|---\n[/code]  \n  \n### Creating a new support conversation\n\nYou can initiate a new support conversation directly from your app. This method displays the support chat screen and simultaneously creates a new conversation.\n\n[code]\n\n
Features — DevRev | Docs