@developer_tribe/react-native-comnyx 0.15.0 → 0.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-native-comnyx",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "description": "React Native chat component with integrated support panel, enabling real-time customer communication and efficient agent workflow management.",
   "source": "./src/index.ts",
   "main": "./src/index.ts",
@@ -8,27 +8,23 @@
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
-      "import": {
-        "types": "./lib/typescript/src/index.d.ts",
-        "default": "./lib/module/index.js"
-      },
-      "require": {
-        "types": "./lib/typescript/src/index.d.ts",
-        "default": "./lib/commonjs/index.js"
-      }
+      "source": "./src/index.ts",
+      "types": "./lib/typescript/src/index.d.ts",
+      "import": "./lib/module/index.js",
+      "require": "./lib/commonjs/index.js"
     }
   },
   "files": [
     "src",
     "lib",
     "android",
+    "android/consumer-rules.pro",
     "ios",
     "cpp",
     "*.podspec",
     "react-native.config.js",
     "!node_modules",
     "!example",
-    "!example820",
     "!server-scripts",
     "!ios/build",
     "!android/build",
@@ -70,13 +66,14 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.6.0",
+    "@d11/react-native-fast-image": "^8.13.0",
     "@evilmartians/lefthook": "^1.5.0",
     "@react-native-community/cli": "15.0.1",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@testing-library/react-native": "^13.2.0",
     "@types/jest": "^29.5.5",
-    "@types/react": "^18.2.44",
+    "@types/react": "^19.2.0",
     "axios": "1.10.0",
     "commitlint": "^19.6.1",
     "del-cli": "^5.1.0",
@@ -85,37 +82,29 @@
     "eslint-plugin-prettier": "^5.0.1",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
+    "react-hook-form": "^7.66.0",
+    "react-native": "^0.85.1",
     "react-native-builder-bob": "^0.33.1",
+    "react-native-mmkv": "^4.3.1",
+    "react-native-safe-area-context": "^5.5.2",
     "release-it": "^17.10.0",
     "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
     "typescript": "5.1.6",
     "use-sync-external-store": "^1.5.0",
-    "zustand": "^5.0.3",
-    "react-hook-form": "^7.66.0",
-    "react-native-mmkv": "^4.0.0",
-    "react-native-nitro-modules": "^0.31.4",
-    "react-native-safe-area-context": "^5.5.2",
-    "react-native": "^0.82.1"
+    "zustand": "^5.0.3"
   },
   "resolutions": {
-    "@types/react": "^18.2.44",
-    "react": "19.1.1"
+    "@types/react": "^19.2.0",
+    "react": "19.2.3"
   },
   "peerDependencies": {
+    "@d11/react-native-fast-image": ">=8.6.0",
     "react": ">=19.0.0",
+    "react-hook-form": ">=7.66.0",
     "react-native": ">=0.81.0",
     "react-native-mmkv": ">=4.0.0",
-    "react-native-nitro-modules": ">=0.31.4",
-    "react-native-safe-area-context": ">=5.5.2",
-    "react-hook-form": ">=7.66.0"
-  },
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
+    "react-native-safe-area-context": ">=5.5.2"
   },
   "commitlint": {
     "extends": [
@@ -201,7 +190,7 @@
     ]
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=22.11.0"
   },
   "dependencies": {},
   "packageManager": "yarn@1.22.19+sha512.ff4579ab459bb25aa7c0ff75b62acebe576f6084b36aa842971cf250a5d8c6cd3bc9420b22ce63c7f93a0857bc6ef29291db39c3e7a23aab5adfd5a4dd6c5d71"

package/src/NativeComnyxMediaPicker.ts

@@ -75,6 +75,24 @@ export async function deleteTempFile(uri: string): Promise<void> {
   return ComnyxMediaPicker.deleteTempFile(uri);
 }
 
+/**
+ * Android only. Converts a local file URI returned by the picker into a
+ * `content://` URI served by the Comnyx FileProvider, suitable for crossing
+ * process boundaries (e.g. sharing to another app, system ACTION_VIEW).
+ *
+ * On iOS, returns the input URI unchanged since iOS does not have the
+ * FileUriExposedException problem.
+ */
+export async function getShareableUri(fileUri: string): Promise<string> {
+  if (!ComnyxMediaPicker) {
+    return fileUri;
+  }
+  if (typeof ComnyxMediaPicker.getShareableUri !== 'function') {
+    return fileUri;
+  }
+  return ComnyxMediaPicker.getShareableUri(fileUri);
+}
+
 export async function cleanupTempFiles(): Promise<void> {
   if (!ComnyxMediaPicker) {
     return;

package/src/api/conversations.ts

@@ -13,7 +13,8 @@ export function getCustomerConversation(
   externalId: string,
   created_at: Date | undefined,
   page: number = 0,
-  options: ApiOptions & { per_page?: number }
+  options: ApiOptions & { per_page?: number },
+  signal?: AbortSignal
 ): Promise<ConversationResponse> {
   if (options.fake) {
     return getFakePaginatedConversationResponse(
@@ -25,10 +26,10 @@ export function getCustomerConversation(
     .get<ConversationResponse>(`/api/customers/${externalId}/conversation`, {
       params: {
         page,
-        // per_page: PER_PAGE,
         getOld: 1,
         getFrom: dateToUnixTimestamp(created_at),
       },
+      signal,
     })
     .then((res) => res.data);
 }
@@ -36,7 +37,8 @@ export function getCustomerConversation(
 export function getNewCustomerConversation(
   externalId: string,
   created_at: Date | undefined,
-  options: ApiOptions
+  options: ApiOptions,
+  signal?: AbortSignal
 ): Promise<ConversationResponse> {
   if (options.fake) {
     return getFakeConversationResponse(25, 0, 0, true);
@@ -45,9 +47,9 @@ export function getNewCustomerConversation(
     .get<ConversationResponse>(`/api/customers/${externalId}/conversation`, {
       params: {
         page: 1,
-        // per_page: 25,
         getFrom: dateToUnixTimestamp(created_at),
       },
+      signal,
     })
     .then((res) => res.data);
 }

package/src/api/customers.ts

@@ -4,7 +4,8 @@ import { axiosInstance } from './api';
 // NOTE: This is not a REST API endpoint. Data is collected with debounce and sent to the server at an appropriate time.
 export function updateCustomer(
   customerData: CreateCustomerRequest,
-  externalId?: string
+  externalId?: string,
+  signal?: AbortSignal
 ): Promise<{ customer: Customer }> {
   console.info('[Comnyx] Adding customer info');
   return axiosInstance
@@ -12,6 +13,7 @@ export function updateCustomer(
       headers: {
         'external-id': externalId,
       },
+      signal,
     })
     .then((res) => res.data);
 }

package/src/api/media.ts

@@ -9,19 +9,28 @@ import {
   getFakeMediaMessageResponse,
 } from '../data/fake/media';
 
+// React Native's XMLHttpRequest.send accepts this shape to stream a file URI
+// without loading it into memory. Not in lib.dom, so typed locally.
+type RNXHRFile = { uri: string; type: string; name: string };
+
 export function getUploadUrl(
   fileName: string,
   contentType: string,
-  options: ApiOptions
+  options: ApiOptions,
+  signal?: AbortSignal
 ): Promise<UploadUrlResponse> {
   if (options.fake) {
     return getFakeUploadUrlResponse(fileName);
   }
   return axiosInstance
-    .post<UploadUrlResponse>('/api/media/presign', {
-      fileName,
-      fileType: contentType,
-    })
+    .post<UploadUrlResponse>(
+      '/api/media/presign',
+      {
+        fileName,
+        fileType: contentType,
+      },
+      { signal }
+    )
     .then((res) => res.data);
 }
 
@@ -30,14 +39,23 @@ export function uploadFileToS3(
   fileUri: string,
   contentType: string,
   onProgress?: (percentage: number) => void,
-  options?: ApiOptions
+  options?: ApiOptions,
+  signal?: AbortSignal
 ): Promise<void> {
   if (options?.fake) {
     return fakeUploadToS3(onProgress);
   }
 
   return new Promise((resolve, reject) => {
+    if (signal?.aborted) {
+      reject(new Error('Upload aborted'));
+      return;
+    }
+
     const xhr = new XMLHttpRequest();
+    const onAbort = () => xhr.abort();
+    signal?.addEventListener('abort', onAbort);
+    const cleanup = () => signal?.removeEventListener('abort', onAbort);
 
     xhr.upload.addEventListener('progress', (event) => {
       if (event.lengthComputable && onProgress) {
@@ -50,6 +68,7 @@ export function uploadFileToS3(
     });
 
     xhr.addEventListener('load', () => {
+      cleanup();
       if (xhr.status >= 200 && xhr.status < 300) {
         resolve();
       } else {
@@ -59,6 +78,7 @@ export function uploadFileToS3(
     });
 
     xhr.addEventListener('error', () => {
+      cleanup();
       console.error(
         '[Comnyx] Upload XHR error, status:',
         xhr.status,
@@ -69,20 +89,20 @@ export function uploadFileToS3(
     });
 
     xhr.addEventListener('abort', () => {
+      cleanup();
       reject(new Error('Upload aborted'));
     });
 
     xhr.open('PUT', uploadUrl);
     xhr.setRequestHeader('Content-Type', contentType);
 
-    // React Native supports sending file URIs directly via XHR
-    const file: any = {
+    const file: RNXHRFile = {
       uri: Platform.OS === 'android' ? fileUri : fileUri.replace('file://', ''),
       type: contentType,
       name: fileUri.split('/').pop() || 'file',
     };
 
-    xhr.send(file);
+    xhr.send(file as unknown as Document);
   });
 }
 
@@ -91,7 +111,8 @@ export function sendMediaMessage(
   fileUrls: string[],
   mediaType: 'image' | 'video',
   content: string,
-  options: ApiOptions
+  options: ApiOptions,
+  signal?: AbortSignal
 ): Promise<MessageResponse> {
   if (options.fake) {
     return getFakeMediaMessageResponse(fileUrls, mediaType);
@@ -110,6 +131,7 @@ export function sendMediaMessage(
           'Accept': 'application/json',
           'Content-Type': 'application/json',
         },
+        signal,
       }
     )
     .then((res) => res.data);

package/src/api/messages.ts

@@ -6,7 +6,8 @@ import { axiosInstance } from './api';
 export function sendCustomerMessage(
   externalId: string,
   content: string,
-  options: ApiOptions
+  options: ApiOptions,
+  signal?: AbortSignal
 ): Promise<MessageResponse> {
   if (options.fake) {
     return new Promise<MessageResponse>((resolve, _) => {
@@ -27,6 +28,7 @@ export function sendCustomerMessage(
           'Accept': 'application/json',
           'Content-Type': 'application/x-www-form-urlencoded',
         },
+        signal,
       }
     )
     .then((res) => res.data);