react-native-mobile-chat 0.1.4 → 1.0.0

package/package.json

@@ -1,12 +1,20 @@
 {
   "name": "react-native-mobile-chat",
-  "version": "0.1.4",
+  "version": "1.0.0",
   "description": "React Native Mobile Chat help you to manage customer relationship with customer conversation feature inside your react native app.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
   "react-native": "src/index",
   "source": "src/index",
+  "codegenConfig": {
+    "name": "AppChatSpec",
+    "type": "modules",
+    "jsSrcsDir": "src/specs",
+    "android": {
+      "javaPackageName": "com.appchat"
+    }
+  },
   "files": [
     "src",
     "lib",
@@ -55,42 +63,58 @@
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.2.2",
     "@react-native-community/eslint-config": "^3.0.2",
+    "@react-native/babel-preset": "0.83.0",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/crypto-js": "^4.1.1",
     "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
-    "@types/react-native": "0.70.0",
+    "@types/react": "18.3.12",
+    "@types/react-native": "0.73.0",
+    "@types/react-test-renderer": "^19.1.0",
     "commitlint": "^17.0.2",
     "del-cli": "^5.0.0",
     "eslint": "^8.4.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
     "jest": "^28.1.1",
+    "metro-react-native-babel-preset": "^0.77.0",
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
-    "react": "18.2.0",
-    "react-native": "0.72.3",
-    "react-native-builder-bob": "^0.20.0",
+    "react": "18.3.1",
+    "react-native": "0.83.0",
+    "react-native-builder-bob": "^0.30.2",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-webview": "^13.16.0",
+    "react-test-renderer": "18.3.1",
     "release-it": "^15.0.0",
-    "typescript": "^4.5.2"
+    "typescript": "^5.3.3"
   },
   "resolutions": {
-    "@types/react": "17.0.21"
+    "@types/react": "18.3.12"
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "react-native-webview": "*"
+    "react-native": ">=0.83.0",
+    "react-native-safe-area-context": ">=4.0.0",
+    "react-native-webview": ">=13.12.0"
   },
   "engines": {
-    "node": ">= 16.0.0"
+    "node": ">=20.19.4"
   },
-  "packageManager": "^yarn@1.22.15",
+  "packageManager": "yarn@1.22.15",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?|react-native-webview)/)"
+    ],
+    "moduleNameMapper": {
+      "\\.(png|jpg|jpeg|gif|svg)$": "<rootDir>/src/__mocks__/fileMock.js"
+    },
+    "setupFiles": [
+      "./jest.setup.js"
     ]
   },
   "commitlint": {

package/react-native-app-chat.podspec

@@ -11,25 +11,10 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "11.0" }
+  s.platforms    = { :ios => "15.1" }
   s.source       = { :git => "https://github.com/sa-ayyub/react-native-app-chat.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm}"
 
-  s.dependency "React-Core"
-
-  # Don't install the dependencies when we run `pod install` in the old architecture.
-  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
-    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
-    s.pod_target_xcconfig    = {
-        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
-        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
-        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
-    }
-    s.dependency "React-Codegen"
-    s.dependency "RCT-Folly"
-    s.dependency "RCTRequired"
-    s.dependency "RCTTypeSafety"
-    s.dependency "ReactCommon/turbomodule/core"
-  end
+  install_modules_dependencies(s)
 end

package/src/index.tsx

@@ -1,8 +1,9 @@
 import AppChatComponent from "./presentation/component/AppChatComponent";
-import { initAppChat } from "./presentation/initialization";
+import { initAppChat, setDebugMode } from "./presentation/initialization";
 import { isAppChatOpened, isAppChatPayload, registerNotification, revokeNotification } from "./presentation/notification";
 export {
   initAppChat as initMobileChat,
+  setDebugMode,
   isAppChatOpened as isMobileChatOpened,
   isAppChatPayload as isMobileChatPayload,
   AppChatComponent as MobileChatComponent,

package/src/native/module/index.tsx

@@ -1,18 +1,3 @@
-import { NativeModules, Platform } from 'react-native';
+import NativeAppChat from '../../specs/NativeAppChat';
 
-const LINKING_ERROR =
-  `The package 'react-native-mobile-chat' doesn't seem to be linked. Make sure: \n\n` +
-  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo Go\n';
-
-export const AppChatNative = NativeModules.AppChat
-  ? NativeModules.AppChat
-  : new Proxy(
-    {},
-    {
-      get() {
-        throw new Error(LINKING_ERROR);
-      },
-    }
-  );
+export const AppChatNative = NativeAppChat;

package/src/presentation/component/AppChatComponent.tsx

@@ -1,11 +1,11 @@
 import React, { PureComponent, ReactNode, Fragment } from 'react';
-import { ActivityIndicator, StatusBar, View, Dimensions, Text, TouchableOpacity, Image, PermissionsAndroid, Platform } from 'react-native';
+import { ActivityIndicator, StatusBar, View, Dimensions, Text, TouchableOpacity, Image, PermissionsAndroid, Platform, Linking } from 'react-native';
 import { AppChatStatic } from '../../data/static';
 import { initAppChat } from '../../presentation/initialization';
-import WebView, { WebViewMessageEvent } from 'react-native-webview';
+import WebView, { WebViewMessageEvent, WebViewNavigation } from 'react-native-webview';
 import Constant from '../../common/constants';
 import { putString } from '../../data/local';
-import { SafeAreaView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 type AppChatComponentProps = {
   onBackButtonTapped: () => void
@@ -84,6 +84,30 @@ export default class AppChatComponent extends PureComponent<AppChatComponentProp
     console.log('onMessage', event.nativeEvent.data);
   }
 
+  _onShouldStartLoadWithRequest = (request: WebViewNavigation): boolean => {
+    const { url } = request
+    const chatBaseUrl = Constant.BASE_URL_WEBVIEW
+
+    if (url.startsWith(chatBaseUrl) || url === 'about:blank') {
+      return true
+    }
+
+    if (
+      url.startsWith('http://') ||
+      url.startsWith('https://') ||
+      url.startsWith('tel:') ||
+      url.startsWith('mailto:') ||
+      url.startsWith('sms:')
+    ) {
+      Linking.openURL(url).catch((err) =>
+        this._logInit(`[OPEN-URL-ERROR] ${err}`)
+      )
+      return false
+    }
+
+    return false
+  }
+
   _logInit(log: string) {
     if (AppChatStatic.isDebug) {
       console.log(`[MOBILE-CHAT-SDK-QONTAK][MOBILE-CHAT-COMPONENT] ${log}`);
@@ -127,8 +151,8 @@ export default class AppChatComponent extends PureComponent<AppChatComponentProp
     }
     return (
       <Fragment>
-        <SafeAreaView style={{ flex: 0, backgroundColor: this.state.isOverlaid ? AppChatStatic.appChatTheme.bgColorThemeOverlaid : bgColorTheme }} />
-        <SafeAreaView style={{ flex: 1, backgroundColor: this.state.isOverlaid ? Constant.WEBVIEW_BACKGROUND_COLOR_OVERLAID : Constant.WEBVIEW_BACKGROUND_COLOR }}>
+        <SafeAreaView edges={['top']} style={{ flex: 0, backgroundColor: this.state.isOverlaid ? AppChatStatic.appChatTheme.bgColorThemeOverlaid : bgColorTheme }} />
+        <SafeAreaView edges={['bottom', 'left', 'right']} style={{ flex: 1, backgroundColor: this.state.isOverlaid ? Constant.WEBVIEW_BACKGROUND_COLOR_OVERLAID : Constant.WEBVIEW_BACKGROUND_COLOR }}>
           <StatusBar
             barStyle={fontColor === 'black' || this.state.isOverlaid ? 'dark-content' : 'light-content'}
             backgroundColor={this.state.isOverlaid ? AppChatStatic.appChatTheme.bgColorThemeOverlaid : bgColorTheme}
@@ -151,14 +175,25 @@ export default class AppChatComponent extends PureComponent<AppChatComponentProp
             <ActivityIndicator size="large" />
           </View>}
           {AppChatStatic.initAppChatResult === 'SUCCESS' && <WebView
-            onLoadStart={(event) => this._logInit(`ON-LOAD-START ${event}`)}
-            onLoadEnd={(event) => this._logInit(`ON-LOAD-END ${event}`)}
+            onLoadStart={(event: any) => this._logInit(`ON-LOAD-START ${event}`)}
+            onLoadEnd={(event: any) => this._logInit(`ON-LOAD-END ${event}`)}
             bounces={false}
             overScrollMode='never'
             setBuiltInZoomControls={false}
             injectedJavaScriptBeforeContentLoaded={postMessageListener}
             source={{ uri: `${Constant.BASE_URL_WEBVIEW}${Constant.ENCRYPTED_PARAMS_KEY}${AppChatStatic.encryptedUrlParams}` }}
             onMessage={this._onMessage}
+            allowsInlineMediaPlayback={true}
+            mediaCapturePermissionGrantType='prompt'
+            onShouldStartLoadWithRequest={this._onShouldStartLoadWithRequest}
+            onOpenWindow={(syntheticEvent: any) => {
+              const { targetUrl } = syntheticEvent.nativeEvent
+              if (targetUrl) {
+                Linking.openURL(targetUrl).catch((err) =>
+                  this._logInit(`[OPEN-WINDOW-ERROR] ${err}`)
+                )
+              }
+            }}
             style={{ flex: 1, backgroundColor: this.state.isOverlaid ? Constant.WEBVIEW_BACKGROUND_COLOR_OVERLAID : Constant.WEBVIEW_BACKGROUND_COLOR }} />}
         </SafeAreaView>
       </Fragment>

package/src/specs/NativeAppChat.ts

@@ -0,0 +1,10 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  putString(key: string, value: string): Promise<string>;
+  getString(key: string): Promise<string>;
+  getBundleIdOrPackageName(): Promise<string>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('AppChat');

package/ios/AppChat.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-</Workspace>