Merge pull request #33 from verloop/dismiss-chat

add dismiss chat

Author: raghav39

README.md

@@ -78,6 +78,8 @@ For React Native versions below 0.70, please use our older package versions and
       'veloop_button_clicked',
       event => {
         console.log('Button clicked event:', event);
+        // To dismiss the chat (if required) [dismissChat- hides the widget and removes it from the view]
+        // VerloopSdk.dismissChat();
       },
     );
     const urlClickListener = eventEmitter.addListener(

android/src/main/java/com/verloopsdk/VerloopSdkModule.kt

@@ -1,6 +1,7 @@
 package com.reactlibrary.VerloopSdkPackage
 
 import android.app.Activity
+import android.content.Intent
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
@@ -13,6 +14,7 @@ import io.verloop.sdk.Verloop
 import io.verloop.sdk.VerloopConfig
 import io.verloop.sdk.LiveChatButtonClickListener
 import io.verloop.sdk.LiveChatUrlClickListener
+import io.verloop.sdk.ui.Constants
 
 @ReactModule(name = VerloopModule.NAME)
 class VerloopModule(private val reactContext: ReactApplicationContext) : 
@@ -191,4 +193,13 @@ class VerloopModule(private val reactContext: ReactApplicationContext) :
     fun removeListeners(type: Int?) {
         // Required for RN event emitter
     }
+
+    @ReactMethod
+    fun dismissChat() {
+        val activity: Activity? = currentActivity
+        if (activity != null) {
+            val intent = Intent(Constants.ACTION_CLOSE_VERLOOP_WIDGET)
+            activity.sendBroadcast(intent)
+        }
+    }
 }

example/VerloopLivechat.tsx

@@ -35,7 +35,8 @@ const VerloopLiveChat: React.FC = () => {
     const buttonClickListener = eventEmitter.addListener(
       'veloop_button_clicked',
       event => {
-        console.log('Button clicked event:', event);
+        console.log('Button clicked event:', event, VerloopSdk);
+        VerloopSdk.dismissChat();
       },
     );
     const urlClickListener = eventEmitter.addListener(

example/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "react": "19.0.0",
     "react-native": "0.78.0",
-    "react-native-verloop-sdk": "^1.1.0-rc.6"
+    "react-native-verloop-sdk": "^1.1.1"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

ios/VerloopSdk.mm

@@ -24,4 +24,5 @@ @interface  RCT_EXTERN_MODULE(RNVerloopSdk, NSObject)
 RCT_EXTERN_METHOD(login)
 RCT_EXTERN_METHOD(logingWithUserId:(NSString *)userId)
 RCT_EXTERN_METHOD(setUrlRedirectionFlag:(NSString *)canRedirect)
+RCT_EXTERN_METHOD(dismissChat)
 @end

ios/VerloopSdk.swift

@@ -10,8 +10,9 @@ import VerloopSDKiOS
 @objc(RNVerloopSdk)
 public class RNVerloopSdk : RCTEventEmitter {
 
-    private var config:VLConfig?
-    private var verloop:VerloopSDK?
+    private var config: VLConfig?
+    private var verloop: VerloopSDK?
+    private var viewController: UIViewController? 
 
 
     var hasObservers:Bool?
@@ -146,15 +147,28 @@ public class RNVerloopSdk : RCTEventEmitter {
             DispatchQueue.main.async {
                 self.config?.setUrlRedirectionFlag(canRedirect :false)
                 self.verloop = VerloopSDK(config: self.config!)
-                // self.verloop?.observeLiveChatEventsOn(vlEventDelegate : self)
                 let cntrl = self.verloop!.getNavController()
+                self.viewController = cntrl
                 self.topViewController()?.present(cntrl, animated: false)
             }
         }else{
             debugPrint("error -> config not initialised before showChat method is called")
         }
     }
 
+    @objc
+    func dismissChat() {
+        if self.viewController != nil {
+            DispatchQueue.main.async {
+                self.viewController?.dismiss(animated: true, completion: {
+                    self.viewController = nil // Clear the reference after dismissing
+                })
+            }
+        } else {
+            debugPrint("error -> viewController is nil, no chat to dismiss")
+        }
+    }
+    
     @objc
     func clearChat() {
         if self.config != nil {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-verloop-sdk",
-  "version": "1.1.0-rc.6",
+  "version": "1.1.1",
   "description": "VerloopSDK is to display client side livechat widget on the mobile app.",
   "main": "src/index.js",
   "types": "src/index.d.ts",

src/index.d.ts

@@ -22,6 +22,7 @@ declare module "react-native-verloop-sdk" {
     login?(): void; // IOS-specific method
     logingWithUserId?(userId: string): void; // IOS-specific method
     setUrlRedirectionFlag?(canRedirect: string): void; // IOS-specific method
+    dismissChat(): void;
   }
 
   const Verloop: VerloopInterface;

src/index.js

@@ -178,5 +178,12 @@ const Verloop = {
             VerloopNative.setUrlRedirectionFlag(canRedirect);
         }
     },
+    dismissChat: () => {
+        if (!VerloopNative.dismissChat) {
+            console.error("dismissChat not available on", react_native_1.Platform.OS);
+            return;
+        }
+        VerloopNative.dismissChat();
+    },
 };
 exports.default = Verloop;

src/index.ts

@@ -25,6 +25,7 @@ interface VerloopInterface {
   login?(): void; // IOS-specific method
   logingWithUserId?(userId: string): void; // IOS-specific method
   setUrlRedirectionFlag?(canRedirect: string): void; // IOS-specific method
+  dismissChat(): void;
 }
 
 const VerloopModule = NativeModules.RNVerloopSdk
@@ -213,6 +214,13 @@ const Verloop: VerloopInterface = {
       VerloopNative.setUrlRedirectionFlag(canRedirect);
     }
   },
+  dismissChat: (): void => {
+    if (!VerloopNative.dismissChat) {
+      console.error("dismissChat not available on", Platform.OS);
+      return;
+    }
+    VerloopNative.dismissChat();
+  },
 };
 
 export default Verloop;