@regantis-sdk/react-native-chat 0.1.2 → 0.1.4

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 declares `CAMERA` in the SDK manifest and requests the permission only when the visitor chooses **Take photo**. If permission was denied permanently, the SDK offers a shortcut to the app settings.
+
 ## Basic usage
 
 ```jsx
@@ -112,19 +123,20 @@ 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
-- native incoming-message sound
+- image gallery, file picker and direct camera capture with runtime permission handling
+- in-chat image lightbox with pinch zoom, pan, reset and +/- zoom controls
+- native incoming-message sound with persisted user preference
 - close/reopen conversation
 - rating and rating comment
 - transcript email flow
 - read state and unread callback
 - light/dark mode
-- basic/advanced color configuration
-- logo, agent photo toggle and white-label behavior
+- basic/advanced color configuration including background opacity
+- custom logo with fallback, agent photo toggle, profile-name display and white-label behavior
+- mobile welcome screen with the same soft blurred-glow treatment as the web widget
 - CRM-managed localized UI texts
 
-The web-only launcher settings such as desktop/mobile corner placement and minimized bubble/bar mode are still returned in the settings object for configuration parity, but they do not change a full-page React Native component because there is no browser launcher to position.
+The web-only launcher settings such as desktop/mobile corner placement, launcher visibility and minimized bubble/bar mode are still returned in the settings object for configuration parity, but they do not change a full-page React Native component because there is no browser launcher to position. `before_you_go_enabled` is also intentionally not used in native because that feature is a desktop mouse-exit prompt in the web loader.
 
 ## Headless client
 
@@ -167,4 +179,12 @@ The React Native component now mirrors the mobile web widget flow: it opens on t
 />
 ```
 
-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.
+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/RegantisReactNativeChat.podspec

@@ -12,6 +12,6 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "15.1" }
   s.source       = { :git => "https://github.com/regantis/react-native-chat.git", :tag => "#{s.version}" }
   s.source_files = "ios/**/*.{h,m,mm}"
-  s.frameworks   = "AudioToolbox", "UniformTypeIdentifiers"
+  s.frameworks   = "AudioToolbox", "AVFoundation", "UniformTypeIdentifiers"
   s.dependency "React-Core"
 end

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,22 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android" />
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-feature android:name="android.hardware.camera" android:required="false" />
+
+    <queries>
+        <intent>
+            <action android:name="android.media.action.IMAGE_CAPTURE" />
+        </intent>
+    </queries>
+
+    <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,25 @@
 package technology.regantis.chat;
 
+import android.Manifest;
 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.PackageManager;
+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.ContextCompat;
+import androidx.core.content.FileProvider;
 
 import com.facebook.react.bridge.ActivityEventListener;
 import com.facebook.react.bridge.Arguments;
@@ -25,46 +29,93 @@ import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.modules.core.PermissionAwareActivity;
+import com.facebook.react.modules.core.PermissionListener;
 
 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 static final int CAMERA_PERMISSION_REQUEST = 17843;
 
     private final ReactApplicationContext reactContext;
     private Promise pickerPromise;
+    private Promise cameraPromise;
+    private Promise cameraPermissionPromise;
+    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 +179,104 @@ 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 || cameraPermissionPromise != 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;
-                }
+        if (ContextCompat.checkSelfPermission(reactContext, Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
+            if (!(activity instanceof PermissionAwareActivity)) {
+                promise.reject("CAMERA_PERMISSION_UNAVAILABLE", "The current Activity cannot request camera permission");
+                return;
+            }
 
-                Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
-                Canvas canvas = new Canvas(bitmap);
-                root.draw(canvas);
+            cameraPermissionPromise = promise;
+            PermissionAwareActivity permissionActivity = (PermissionAwareActivity) activity;
+            permissionActivity.requestPermissions(
+                new String[]{Manifest.permission.CAMERA},
+                CAMERA_PERMISSION_REQUEST,
+                new PermissionListener() {
+                    @Override
+                    public boolean onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
+                        if (requestCode != CAMERA_PERMISSION_REQUEST) return false;
 
-                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();
+                        Promise pendingPromise = cameraPermissionPromise;
+                        cameraPermissionPromise = null;
+                        if (pendingPromise == null) return true;
+
+                        boolean granted = grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED;
+                        if (!granted) {
+                            pendingPromise.reject("CAMERA_PERMISSION_DENIED", "Camera permission is required to take a photo");
+                            return true;
+                        }
+
+                        Activity currentActivity = getCurrentActivity();
+                        if (currentActivity == null) {
+                            pendingPromise.reject("NO_ACTIVITY", "No active Android Activity");
+                            return true;
+                        }
+
+                        launchCamera(currentActivity, pendingPromise);
+                        return true;
+                    }
                 }
+            );
+            return;
+        }
 
-                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);
+        launchCamera(activity, promise);
+    }
+
+    private void launchCamera(Activity activity, Promise promise) {
+        try {
+            Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
+
+            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 file = File.createTempFile("camera-", ".jpg", directory);
+            String authority = reactContext.getPackageName() + ".regantis.chat.fileprovider";
+            Uri outputUri = FileProvider.getUriForFile(reactContext, authority, file);
+
+            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 (android.content.ActivityNotFoundException error) {
+            cameraPromise = null;
+            if (cameraFile != null) cameraFile.delete();
+            cameraFile = null;
+            cameraOutputUri = null;
+            promise.reject("CAMERA_UNAVAILABLE", "No camera application is available", error);
+        } catch (Exception error) {
+            cameraPromise = null;
+            if (cameraFile != null) cameraFile.delete();
+            cameraFile = null;
+            cameraOutputUri = null;
+            promise.reject("CAMERA_FAILED", error);
+        }
     }
 
     @ReactMethod
@@ -180,7 +286,7 @@ public class RegantisChatNativeModule extends ReactContextBaseJavaModule {
             promise.reject("NO_ACTIVITY", "No active Android Activity");
             return;
         }
-        if (pickerPromise != null) {
+        if (pickerPromise != null || cameraPromise != null || cameraPermissionPromise != 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

@@ -62,6 +62,7 @@ export type RegantisChatProps = {
   style?: StyleProp<ViewStyle>;
   initialView?: 'home' | 'chat';
   onClose?: () => void;
+  onBack?: () => void;
   onViewChange?: (view: 'home' | 'chat') => void;
   keyboardVerticalOffset?: number;
   onMessage?: (message: any) => void;
@@ -78,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

@@ -1,5 +1,6 @@
 #import "RegantisChatNative.h"
 #import <AudioToolbox/AudioToolbox.h>
+#import <AVFoundation/AVFoundation.h>
 #import <React/RCTUtils.h>
 #import <UniformTypeIdentifiers/UniformTypeIdentifiers.h>
 
@@ -66,50 +67,65 @@ RCT_EXPORT_METHOD(playIncomingSound)
   AudioServicesPlaySystemSound(1007);
 }
 
-RCT_REMAP_METHOD(captureScreenshot,
-                 captureScreenshotWithResolver:(RCTPromiseResolveBlock)resolve
+- (void)presentCameraWithResolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject
+{
+  if (self.pickerResolve != nil) {
+    reject(@"PICKER_BUSY", @"An attachment picker is already open", nil);
+    return;
+  }
+
+  if (![UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {
+    reject(@"CAMERA_UNAVAILABLE", @"Camera is not available on this device", nil);
+    return;
+  }
+
+  UIViewController *controller = RCTPresentedViewController();
+  if (controller == nil) {
+    reject(@"NO_VIEW_CONTROLLER", @"No active iOS view controller", nil);
+    return;
+  }
+
+  UIImagePickerController *picker = [[UIImagePickerController alloc] init];
+  picker.sourceType = UIImagePickerControllerSourceTypeCamera;
+  picker.delegate = self;
+  picker.allowsEditing = NO;
+
+  self.pickerResolve = resolve;
+  self.pickerReject = reject;
+  [controller presentViewController:picker animated:YES completion:nil];
+}
+
+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);
+    NSString *usageDescription = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"NSCameraUsageDescription"];
+    if (![usageDescription isKindOfClass:[NSString class]] || usageDescription.length == 0) {
+      reject(@"CAMERA_USAGE_DESCRIPTION_MISSING", @"NSCameraUsageDescription is required in the host app Info.plist", 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);
-      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);
+    AVAuthorizationStatus status = [AVCaptureDevice authorizationStatusForMediaType:AVMediaTypeVideo];
+    if (status == AVAuthorizationStatusAuthorized) {
+      [self presentCameraWithResolver:resolve rejecter:reject];
       return;
     }
 
-    NSString *path = [directory stringByAppendingPathComponent:filename];
-    NSError *writeError = nil;
-    if (![data writeToFile:path options:NSDataWritingAtomic error:&writeError]) {
-      reject(@"SCREENSHOT_FAILED", writeError.localizedDescription, writeError);
+    if (status == AVAuthorizationStatusDenied || status == AVAuthorizationStatusRestricted) {
+      reject(@"CAMERA_PERMISSION_DENIED", @"Camera permission is required to take a photo", nil);
       return;
     }
 
-    resolve(@{
-      @"uri": [NSURL fileURLWithPath:path].absoluteString ?: @"",
-      @"name": filename,
-      @"type": @"image/png",
-      @"size": @(data.length)
-    });
+    [AVCaptureDevice requestAccessForMediaType:AVMediaTypeVideo completionHandler:^(BOOL granted) {
+      dispatch_async(dispatch_get_main_queue(), ^{
+        if (!granted) {
+          reject(@"CAMERA_PERMISSION_DENIED", @"Camera permission is required to take a photo", nil);
+          return;
+        }
+        [self presentCameraWithResolver:resolve rejecter:reject];
+      });
+    }];
   });
 }
 
@@ -146,6 +162,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.2",
+  "version": "0.1.4",
   "description": "Regantis customer support chat SDK for React Native Android and iOS",
   "main": "index.js",
   "types": "index.d.ts",
@@ -11,6 +11,7 @@
     "src",
     "android",
     "ios",
+    "assets",
     "RegantisReactNativeChat.podspec",
     "README.md"
   ],