@regantis-sdk/react-native-chat 0.1.1 → 0.1.3

package/README.md

@@ -25,6 +25,17 @@ pod install
 
 Android is autolinked by React Native.
 
+### iOS camera
+
+To use the built-in camera action, add a camera usage description to the host app `Info.plist`:
+
+```xml
+<key>NSCameraUsageDescription</key>
+<string>Take photos to attach to support chat messages.</string>
+```
+
+Android opens the system camera app and does not require an additional app permission for this SDK flow.
+
 ## Basic usage
 
 ```jsx
@@ -112,8 +123,8 @@ Server configuration remains the default. Per-app overrides are optional:
 - WebSocket realtime updates with HTTP polling fallback
 - typing state
 - customer-side translation selector
-- images and files
-- current-app screenshot attachment
+- image gallery, file picker and direct camera capture
+- in-chat image lightbox with pinch zoom and pan
 - native incoming-message sound
 - close/reopen conversation
 - rating and rating comment
@@ -155,3 +166,24 @@ chat.stop();
 npm login
 npm publish --access public
 ```
+
+## Mobile widget-style navigation
+
+The React Native component now mirrors the mobile web widget flow: it opens on the welcome/home screen and the visitor enters the conversation using the chat card or Chat navigation item.
+
+```jsx
+<RegantisChat
+  apiKey="YOUR_REACT_NATIVE_CHAT_API_KEY"
+  initialView="home"
+/>
+```
+
+Use `initialView="chat"` when an application should open directly in the conversation. `onClose` can be supplied when the host app wants the widget-style minimize action to navigate away from the chat page. `onBack` controls the top-left back button on the welcome screen.
+
+```jsx
+<RegantisChat
+  apiKey="YOUR_REACT_NATIVE_CHAT_API_KEY"
+  onBack={() => navigation.goBack()}
+  onClose={() => navigation.goBack()}
+/>
+```

package/android/build.gradle

@@ -21,4 +21,5 @@ repositories {
 
 dependencies {
     implementation "com.facebook.react:react-android"
+    implementation "androidx.core:core:1.13.1"
 }

package/android/src/main/AndroidManifest.xml

@@ -1 +1,13 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android" />
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <application>
+        <provider
+            android:name="androidx.core.content.FileProvider"
+            android:authorities="${applicationId}.regantis.chat.fileprovider"
+            android:exported="false"
+            android:grantUriPermissions="true">
+            <meta-data
+                android:name="android.support.FILE_PROVIDER_PATHS"
+                android:resource="@xml/regantis_chat_file_paths" />
+        </provider>
+    </application>
+</manifest>

package/android/src/main/java/technology/regantis/chat/RegantisChatNativeModule.java

@@ -1,21 +1,22 @@
 package technology.regantis.chat;
 
 import android.app.Activity;
+import android.content.ClipData;
 import android.content.Context;
 import android.content.Intent;
 import android.content.SharedPreferences;
-import android.graphics.Bitmap;
-import android.graphics.Canvas;
+import android.content.pm.ResolveInfo;
 import android.database.Cursor;
 import android.media.Ringtone;
 import android.media.RingtoneManager;
 import android.net.Uri;
+import android.provider.MediaStore;
 import android.provider.OpenableColumns;
-import android.view.View;
 import android.webkit.MimeTypeMap;
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import androidx.core.content.FileProvider;
 
 import com.facebook.react.bridge.ActivityEventListener;
 import com.facebook.react.bridge.Arguments;
@@ -27,44 +28,87 @@ import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.WritableMap;
 
 import java.io.File;
-import java.io.FileOutputStream;
+import java.util.List;
 
 public class RegantisChatNativeModule extends ReactContextBaseJavaModule {
     private static final String MODULE_NAME = "RegantisChatNative";
     private static final String STORAGE_NAME = "regantis_react_native_chat";
     private static final int PICK_ATTACHMENT_REQUEST = 17841;
+    private static final int TAKE_PHOTO_REQUEST = 17842;
 
     private final ReactApplicationContext reactContext;
     private Promise pickerPromise;
+    private Promise cameraPromise;
+    private File cameraFile;
+    private Uri cameraOutputUri;
 
     private final ActivityEventListener activityEventListener = new BaseActivityEventListener() {
         @Override
         public void onActivityResult(Activity activity, int requestCode, int resultCode, @Nullable Intent data) {
-            if (requestCode != PICK_ATTACHMENT_REQUEST || pickerPromise == null) return;
+            if (requestCode == PICK_ATTACHMENT_REQUEST && pickerPromise != null) {
+                Promise promise = pickerPromise;
+                pickerPromise = null;
 
-            Promise promise = pickerPromise;
-            pickerPromise = null;
+                if (resultCode != Activity.RESULT_OK || data == null || data.getData() == null) {
+                    promise.resolve(null);
+                    return;
+                }
 
-            if (resultCode != Activity.RESULT_OK || data == null || data.getData() == null) {
-                promise.resolve(null);
+                Uri uri = data.getData();
+                try {
+                    int flags = data.getFlags() & (Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION);
+                    if ((flags & Intent.FLAG_GRANT_READ_URI_PERMISSION) != 0) {
+                        reactContext.getContentResolver().takePersistableUriPermission(uri, Intent.FLAG_GRANT_READ_URI_PERMISSION);
+                    }
+                } catch (Exception ignored) {
+                }
+
+                WritableMap result = Arguments.createMap();
+                result.putString("uri", uri.toString());
+                result.putString("name", getDisplayName(uri));
+                result.putString("type", getMimeType(uri));
+                result.putDouble("size", getSize(uri));
+                promise.resolve(result);
                 return;
             }
 
-            Uri uri = data.getData();
-            try {
-                int flags = data.getFlags() & (Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION);
-                if ((flags & Intent.FLAG_GRANT_READ_URI_PERMISSION) != 0) {
-                    reactContext.getContentResolver().takePersistableUriPermission(uri, Intent.FLAG_GRANT_READ_URI_PERMISSION);
+            if (requestCode == TAKE_PHOTO_REQUEST && cameraPromise != null) {
+                Promise promise = cameraPromise;
+                File file = cameraFile;
+                Uri outputUri = cameraOutputUri;
+                cameraPromise = null;
+                cameraFile = null;
+                cameraOutputUri = null;
+
+                if (outputUri != null) {
+                    try {
+                        reactContext.revokeUriPermission(
+                            outputUri,
+                            Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION
+                        );
+                    } catch (Exception ignored) {
+                    }
+                }
+
+                if (resultCode != Activity.RESULT_OK) {
+                    if (file != null) file.delete();
+                    promise.resolve(null);
+                    return;
+                }
+
+                if (file == null || !file.exists() || file.length() < 1) {
+                    if (file != null) file.delete();
+                    promise.reject("CAMERA_FAILED", "Camera did not return an image");
+                    return;
                 }
-            } catch (Exception ignored) {
-            }
 
-            WritableMap result = Arguments.createMap();
-            result.putString("uri", uri.toString());
-            result.putString("name", getDisplayName(uri));
-            result.putString("type", getMimeType(uri));
-            result.putDouble("size", getSize(uri));
-            promise.resolve(result);
+                WritableMap result = Arguments.createMap();
+                result.putString("uri", Uri.fromFile(file).toString());
+                result.putString("name", file.getName());
+                result.putString("type", "image/jpeg");
+                result.putDouble("size", file.length());
+                promise.resolve(result);
+            }
         }
     };
 
@@ -128,49 +172,58 @@ public class RegantisChatNativeModule extends ReactContextBaseJavaModule {
     }
 
     @ReactMethod
-    public void captureScreenshot(Promise promise) {
+    public void takePhoto(Promise promise) {
         Activity activity = getCurrentActivity();
         if (activity == null) {
             promise.reject("NO_ACTIVITY", "No active Android Activity");
             return;
         }
+        if (cameraPromise != null || pickerPromise != null) {
+            promise.reject("PICKER_BUSY", "An attachment picker is already open");
+            return;
+        }
 
-        activity.runOnUiThread(() -> {
-            try {
-                View root = activity.getWindow().getDecorView().getRootView();
-                int width = root.getWidth();
-                int height = root.getHeight();
-                if (width < 1 || height < 1) {
-                    promise.reject("SCREENSHOT_FAILED", "Invalid app window size");
-                    return;
-                }
+        try {
+            Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
+            if (intent.resolveActivity(reactContext.getPackageManager()) == null) {
+                promise.reject("CAMERA_UNAVAILABLE", "No camera application is available");
+                return;
+            }
 
-                Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
-                Canvas canvas = new Canvas(bitmap);
-                root.draw(canvas);
+            File directory = new File(reactContext.getCacheDir(), "regantis-chat/camera");
+            if (!directory.exists() && !directory.mkdirs()) {
+                promise.reject("CAMERA_FAILED", "Unable to create camera directory");
+                return;
+            }
 
-                File directory = new File(reactContext.getCacheDir(), "regantis-chat");
-                if (!directory.exists() && !directory.mkdirs()) {
-                    promise.reject("SCREENSHOT_FAILED", "Unable to create screenshot directory");
-                    return;
-                }
-                File file = new File(directory, "screenshot-" + System.currentTimeMillis() + ".png");
-                try (FileOutputStream stream = new FileOutputStream(file)) {
-                    bitmap.compress(Bitmap.CompressFormat.PNG, 100, stream);
-                } finally {
-                    bitmap.recycle();
-                }
+            File file = File.createTempFile("camera-", ".jpg", directory);
+            String authority = reactContext.getPackageName() + ".regantis.chat.fileprovider";
+            Uri outputUri = FileProvider.getUriForFile(reactContext, authority, file);
 
-                WritableMap result = Arguments.createMap();
-                result.putString("uri", Uri.fromFile(file).toString());
-                result.putString("name", file.getName());
-                result.putString("type", "image/png");
-                result.putDouble("size", file.length());
-                promise.resolve(result);
-            } catch (Exception error) {
-                promise.reject("SCREENSHOT_FAILED", error);
+            intent.putExtra(MediaStore.EXTRA_OUTPUT, outputUri);
+            intent.setClipData(ClipData.newRawUri("RegantisChatCamera", outputUri));
+            intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION);
+
+            List<ResolveInfo> cameraActivities = reactContext.getPackageManager().queryIntentActivities(intent, 0);
+            for (ResolveInfo info : cameraActivities) {
+                reactContext.grantUriPermission(
+                    info.activityInfo.packageName,
+                    outputUri,
+                    Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION
+                );
             }
-        });
+
+            cameraPromise = promise;
+            cameraFile = file;
+            cameraOutputUri = outputUri;
+            activity.startActivityForResult(intent, TAKE_PHOTO_REQUEST);
+        } catch (Exception error) {
+            cameraPromise = null;
+            if (cameraFile != null) cameraFile.delete();
+            cameraFile = null;
+            cameraOutputUri = null;
+            promise.reject("CAMERA_FAILED", error);
+        }
     }
 
     @ReactMethod
@@ -180,7 +233,7 @@ public class RegantisChatNativeModule extends ReactContextBaseJavaModule {
             promise.reject("NO_ACTIVITY", "No active Android Activity");
             return;
         }
-        if (pickerPromise != null) {
+        if (pickerPromise != null || cameraPromise != null) {
             promise.reject("PICKER_BUSY", "An attachment picker is already open");
             return;
         }

package/android/src/main/res/xml/regantis_chat_file_paths.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<paths xmlns:android="http://schemas.android.com/apk/res/android">
+    <cache-path name="regantis_chat_cache" path="regantis-chat/" />
+</paths>

package/index.d.ts

@@ -60,6 +60,10 @@ export type RegantisChatProps = {
   texts?: Record<string, string>;
   screen?: string;
   style?: StyleProp<ViewStyle>;
+  initialView?: 'home' | 'chat';
+  onClose?: () => void;
+  onBack?: () => void;
+  onViewChange?: (view: 'home' | 'chat') => void;
   keyboardVerticalOffset?: number;
   onMessage?: (message: any) => void;
   onUnreadChange?: (count: number) => void;
@@ -75,7 +79,7 @@ export class RegantisChatClient {
   sendMessage(message: string): Promise<any>;
   saveContact(name: string, email: string): Promise<any>;
   uploadAttachment(file: { uri: string; name?: string; type?: string }, kind: 'image' | 'file'): Promise<any>;
-  pickAndUpload(kind: 'image' | 'file' | 'screenshot'): Promise<any>;
+  pickAndUpload(kind: 'image' | 'file' | 'camera'): Promise<any>;
   setTranslationLanguage(languageCode: string): Promise<void>;
   closeChat(): Promise<any>;
   reopenChat(): Promise<any>;

package/ios/RegantisChatNative.h

@@ -1,5 +1,5 @@
 #import <React/RCTBridgeModule.h>
 #import <UIKit/UIKit.h>
 
-@interface RegantisChatNative : NSObject <RCTBridgeModule, UIDocumentPickerDelegate>
+@interface RegantisChatNative : NSObject <RCTBridgeModule, UIDocumentPickerDelegate, UIImagePickerControllerDelegate, UINavigationControllerDelegate>
 @end

package/ios/RegantisChatNative.m

@@ -66,50 +66,35 @@ RCT_EXPORT_METHOD(playIncomingSound)
   AudioServicesPlaySystemSound(1007);
 }
 
-RCT_REMAP_METHOD(captureScreenshot,
-                 captureScreenshotWithResolver:(RCTPromiseResolveBlock)resolve
+RCT_REMAP_METHOD(takePhoto,
+                 takePhotoWithResolver:(RCTPromiseResolveBlock)resolve
                  rejecter:(RCTPromiseRejectBlock)reject)
 {
   dispatch_async(dispatch_get_main_queue(), ^{
-    UIViewController *controller = RCTPresentedViewController();
-    UIWindow *window = controller.view.window ?: UIApplication.sharedApplication.keyWindow;
-    if (window == nil) {
-      reject(@"SCREENSHOT_FAILED", @"No active iOS window", nil);
+    if (self.pickerResolve != nil) {
+      reject(@"PICKER_BUSY", @"An attachment picker is already open", nil);
       return;
     }
 
-    UIGraphicsImageRenderer *renderer = [[UIGraphicsImageRenderer alloc] initWithBounds:window.bounds];
-    UIImage *image = [renderer imageWithActions:^(UIGraphicsImageRendererContext * _Nonnull rendererContext) {
-      [window drawViewHierarchyInRect:window.bounds afterScreenUpdates:YES];
-    }];
-    NSData *data = UIImagePNGRepresentation(image);
-    if (data == nil) {
-      reject(@"SCREENSHOT_FAILED", @"Unable to encode screenshot", nil);
+    if (![UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {
+      reject(@"CAMERA_UNAVAILABLE", @"Camera is not available on this device", nil);
       return;
     }
 
-    NSString *filename = [NSString stringWithFormat:@"screenshot-%lld.png", (long long)(NSDate.date.timeIntervalSince1970 * 1000.0)];
-    NSString *directory = [NSTemporaryDirectory() stringByAppendingPathComponent:@"regantis-chat"];
-    NSError *directoryError = nil;
-    [[NSFileManager defaultManager] createDirectoryAtPath:directory withIntermediateDirectories:YES attributes:nil error:&directoryError];
-    if (directoryError != nil) {
-      reject(@"SCREENSHOT_FAILED", directoryError.localizedDescription, directoryError);
+    UIViewController *controller = RCTPresentedViewController();
+    if (controller == nil) {
+      reject(@"NO_VIEW_CONTROLLER", @"No active iOS view controller", nil);
       return;
     }
 
-    NSString *path = [directory stringByAppendingPathComponent:filename];
-    NSError *writeError = nil;
-    if (![data writeToFile:path options:NSDataWritingAtomic error:&writeError]) {
-      reject(@"SCREENSHOT_FAILED", writeError.localizedDescription, writeError);
-      return;
-    }
+    UIImagePickerController *picker = [[UIImagePickerController alloc] init];
+    picker.sourceType = UIImagePickerControllerSourceTypeCamera;
+    picker.delegate = self;
+    picker.allowsEditing = NO;
 
-    resolve(@{
-      @"uri": [NSURL fileURLWithPath:path].absoluteString ?: @"",
-      @"name": filename,
-      @"type": @"image/png",
-      @"size": @(data.length)
-    });
+    self.pickerResolve = resolve;
+    self.pickerReject = reject;
+    [controller presentViewController:picker animated:YES completion:nil];
   });
 }
 
@@ -146,6 +131,71 @@ RCT_REMAP_METHOD(pickAttachment,
   });
 }
 
+- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker
+{
+  RCTPromiseResolveBlock resolve = self.pickerResolve;
+  self.pickerResolve = nil;
+  self.pickerReject = nil;
+  [picker dismissViewControllerAnimated:YES completion:^{
+    if (resolve) resolve(nil);
+  }];
+}
+
+- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<UIImagePickerControllerInfoKey,id> *)info
+{
+  RCTPromiseResolveBlock resolve = self.pickerResolve;
+  RCTPromiseRejectBlock reject = self.pickerReject;
+  self.pickerResolve = nil;
+  self.pickerReject = nil;
+
+  UIImage *image = info[UIImagePickerControllerOriginalImage];
+  if (image == nil) {
+    [picker dismissViewControllerAnimated:YES completion:^{
+      if (reject) reject(@"CAMERA_FAILED", @"Camera did not return an image", nil);
+    }];
+    return;
+  }
+
+  NSData *data = UIImageJPEGRepresentation(image, 0.92);
+  if (data == nil) {
+    [picker dismissViewControllerAnimated:YES completion:^{
+      if (reject) reject(@"CAMERA_FAILED", @"Unable to encode camera image", nil);
+    }];
+    return;
+  }
+
+  NSString *directory = [NSTemporaryDirectory() stringByAppendingPathComponent:@"regantis-chat/camera"];
+  NSError *directoryError = nil;
+  [[NSFileManager defaultManager] createDirectoryAtPath:directory withIntermediateDirectories:YES attributes:nil error:&directoryError];
+  if (directoryError != nil) {
+    [picker dismissViewControllerAnimated:YES completion:^{
+      if (reject) reject(@"CAMERA_FAILED", directoryError.localizedDescription, directoryError);
+    }];
+    return;
+  }
+
+  NSString *filename = [NSString stringWithFormat:@"camera-%lld.jpg", (long long)(NSDate.date.timeIntervalSince1970 * 1000.0)];
+  NSString *path = [directory stringByAppendingPathComponent:filename];
+  NSError *writeError = nil;
+  if (![data writeToFile:path options:NSDataWritingAtomic error:&writeError]) {
+    [picker dismissViewControllerAnimated:YES completion:^{
+      if (reject) reject(@"CAMERA_FAILED", writeError.localizedDescription, writeError);
+    }];
+    return;
+  }
+
+  NSDictionary *result = @{
+    @"uri": [NSURL fileURLWithPath:path].absoluteString ?: @"",
+    @"name": filename,
+    @"type": @"image/jpeg",
+    @"size": @(data.length)
+  };
+
+  [picker dismissViewControllerAnimated:YES completion:^{
+    if (resolve) resolve(result);
+  }];
+}
+
 - (void)documentPickerWasCancelled:(UIDocumentPickerViewController *)controller
 {
   if (self.pickerResolve) self.pickerResolve(nil);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regantis-sdk/react-native-chat",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Regantis customer support chat SDK for React Native Android and iOS",
   "main": "index.js",
   "types": "index.d.ts",