A package to integrate DOO CX into your React Native mobile application for Android and iOS devices. DOO CX helps businesses automate routine tasks, optimize sales and customer service processes, and provide personalized interactions by seamlessly integrating AI with existing tools and workflows.
Run the command below in your terminal:
npm install --save @doo-inc/react-native-widgetThis library depends on react-native-webview and async-storage. Please follow the instructions provided.
- Create a website channel in DOO dashboard.
- Replace
websiteTokenprop in the 'App.js' file as the following:
import React, { useState } from 'react';
import DOOWidget from '@doo-inc/react-native-widget';
// Any other imports...
const App = () => {
const [showWidget, toggleWidget] = useState(false);
const user = {
identifier: 'testing_user',
name: 'Testing User',
avatar_url: '',
email: 'test@example.com',
identifier_hash: '',
};
const customAttributes = { accountId: 1, pricingPlan: 'paid', status: 'active' };
const websiteToken = 'websiteToken';
const baseUrl = 'https://cx.doo.ooo';
const locale = 'en';
const colorScheme='dark'
return (
{/* Add your view here... */}
);
};
| Prop | Default | Type | Description |
|---|---|---|---|
| baseUrl | - | String | DOO installation URL |
| websiteToken | - | String | Website channel token |
| colorScheme | light | String | Widget color scheme (light/dark/auto) |
| locale | en | String | Locale |
| isModalVisible | false | Boolean | Widget is visible or not |
| closeModal | - | Function | Close event |
| user | {} | Object | User information about the user like email, username and avatar_url |
| customAttributes | {} | Object | Additional information about the customer |
The whole example is available in the /example directory.
Copyright (C) 2024, DOO Technology Solutions. All rights reserved.
This project is released under the BSD 3-Clause License.