React bot integration example

scenarios/ReactExamples/SingupExample/app.js

@@ -0,0 +1,23 @@
+import React from "react";
+import {loadHaptikSdk} from "./loadHaptikSDK"
+
+class LoadSDK extends React.Component {    
+    constructor(props) {
+        super(props);
+        this.state = {          
+            "bot_details": {
+              "business-id": YOUR_BUSINESS_ID,
+              "client-id": "YOUR_CLIENT_ID",
+              "base-url": "BASE_URL"
+            }
+          };        
+    }
+    componentDidMount() {        
+        loadHaptikSdk(this.state.bot_details);
+    }
+    render() {                        
+        return (<h1>This is your website...</h1>);
+    }
+}
+
+export default LoadSDK;

scenarios/ReactExamples/SingupExample/loadHaptikSDK.js

@@ -0,0 +1,27 @@
+const loadHaptikSdk = (botDetails) => {        
+    const existingScript = document.getElementById('my_haptik_script');
+    if(!existingScript){        
+        window.haptikInitSettings = botDetails;
+        const script = document.createElement('script');        
+        script.src = "https://toolassets.haptikapi.com/platform/javascript-xdk/production/loader.js";
+        document.body.appendChild(script);    
+
+        document.addEventListener('haptik_sdk', function () {
+            // signup example can be removed if signup is not used
+            window.HaptikSDK.signup(
+                {
+                    "auth_id":  "YOUR_AUTH_ID",
+                    "auth_code": "YOUR_AUTH_CODE",
+                    'signup-type': 'third_party'
+                },function(status){
+                    if(status){
+                        console.log("Singup API call success");
+                    }else{
+                        console.log("Singup API call failed");
+                    }
+                }
+            );
+        }); 
+    }
+}
+module.exports.loadHaptikSdk = loadHaptikSdk;