react-native-mobile-chat 0.1.0

package/lib/typescript/common/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/utils/index.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAUpE;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAOlE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,MAAM,CAkBxG"}

package/lib/typescript/data/local/index.d.ts

@@ -0,0 +1,4 @@
+export declare function putString(key: string, value: string): Promise<string>;
+export declare function getString(key: string): Promise<any>;
+export declare function getBundleIdOrPackageName(): Promise<any>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/data/local/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/local/index.tsx"],"names":[],"mappings":"AAEA,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAE3E;AAED,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAQzD;AAED,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,GAAG,CAAC,CAM7D"}

package/lib/typescript/data/remote/index.d.ts

@@ -0,0 +1,7 @@
+export declare function authenticate(clientId: String, clienSecret: String): Promise<Response>;
+export declare function createContact(externalId: any, fullName: any): Promise<Response>;
+export declare function registerFcmToken(fcmToken: any): Promise<Response>;
+export declare function revokeFcmToken(fcmToken: any): Promise<Response>;
+export declare function validateBundleId(bundleId: any): Promise<Response>;
+export declare function getWidgetSetting(): Promise<Response>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/data/remote/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/remote/index.tsx"],"names":[],"mappings":"AAIA,wBAAsB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAS3F;AAED,wBAAsB,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,qBAWjE;AAED,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,GAAG,qBAanD;AAED,wBAAsB,cAAc,CAAC,QAAQ,EAAE,GAAG,qBAajD;AAED,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,GAAG,qBAYnD;AAED,wBAAsB,gBAAgB,sBAOrC"}

package/lib/typescript/data/static/index.d.ts

@@ -0,0 +1,23 @@
+export declare class AppChatStatic {
+    static appChatOpened: boolean;
+    static accessToken: string;
+    static contactId: string;
+    static bundleIdValidation: string;
+    static encryptedUrlParams: string;
+    static initAppChatResult: string;
+    static appChatTheme: {
+        bgColorTheme: string;
+        bgColorThemeOverlaid: string;
+        fontColor: string;
+        textHeader: string;
+        textDescription: string;
+        isAnyEmpty: () => boolean;
+    };
+    static appId: string;
+    static clientId: string;
+    static clientSecret: string;
+    static externalId: string;
+    static fullName: string;
+    static fcmToken: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/data/static/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data/static/index.tsx"],"names":[],"mappings":"AAAA,qBAAa,aAAa;IAExB,MAAM,CAAC,aAAa,UAAQ;IAG5B,MAAM,CAAC,WAAW,SAAK;IACvB,MAAM,CAAC,SAAS,SAAK;IACrB,MAAM,CAAC,kBAAkB,SAAK;IAC9B,MAAM,CAAC,kBAAkB,SAAK;IAC9B,MAAM,CAAC,iBAAiB,SAAK;IAE7B,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAGD,MAAM,CAAC,KAAK,SAAK;IACjB,MAAM,CAAC,QAAQ,SAAK;IACpB,MAAM,CAAC,YAAY,SAAK;IACxB,MAAM,CAAC,UAAU,SAAK;IACtB,MAAM,CAAC,QAAQ,SAAK;IACpB,MAAM,CAAC,QAAQ,SAAK;CACrB"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,5 @@
+import AppChatComponent from "./presentation/component/AppChatComponent";
+import { initAppChat } from "./presentation/initialization";
+import { isAppChatOpened, isAppChatPayload, registerNotification, revokeNotification } from "./presentation/notification";
+export { initAppChat as initMobileChat, isAppChatOpened as isMobileChatOpened, isAppChatPayload as isMobileChatPayload, AppChatComponent as MobileChatComponent, registerNotification as registerMobileChatNotification, revokeNotification as revokeMobileChatNotification };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC1H,OAAO,EACL,WAAW,IAAI,cAAc,EAC7B,eAAe,IAAI,kBAAkB,EACrC,gBAAgB,IAAI,mBAAmB,EACvC,gBAAgB,IAAI,mBAAmB,EACvC,oBAAoB,IAAI,8BAA8B,EACtD,kBAAkB,IAAI,4BAA4B,EACnD,CAAA"}

package/lib/typescript/native/component/WebView.d.ts

@@ -0,0 +1,8 @@
+/**
+* Composes `WebView`.
+*
+* - url: string
+*/
+declare const WebView: import("react-native").HostComponent<unknown>;
+export default WebView;
+//# sourceMappingURL=WebView.d.ts.map

package/lib/typescript/native/component/WebView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebView.d.ts","sourceRoot":"","sources":["../../../../src/native/component/WebView.tsx"],"names":[],"mappings":"AAEA;;;;EAIE;AACF,QAAA,MAAM,OAAO,+CAA8C,CAAC;AAE5D,eAAe,OAAO,CAAC"}

package/lib/typescript/native/module/index.d.ts

@@ -0,0 +1,2 @@
+export declare const AppChatNative: any;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/native/module/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/native/module/index.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,KASvB,CAAC"}

package/lib/typescript/presentation/component/AppChatComponent.d.ts

@@ -0,0 +1,22 @@
+import { PureComponent, ReactNode } from 'react';
+import { WebViewMessageEvent } from 'react-native-webview';
+type AppChatComponentProps = {
+    onBackButtonTapped: () => void;
+};
+export default class AppChatComponent extends PureComponent<AppChatComponentProps> {
+    _isMounted: boolean;
+    state: {
+        isOverlaid: boolean;
+        toggleRefresh: boolean;
+    };
+    constructor(props: AppChatComponentProps);
+    _setState: (state: any) => void;
+    _requestPermission: (permission: any) => Promise<void>;
+    _onAccessTokenExpired: () => Promise<void>;
+    _onMessage: (event: WebViewMessageEvent) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=AppChatComponent.d.ts.map

package/lib/typescript/presentation/component/AppChatComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppChatComponent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/component/AppChatComponent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIlE,OAAgB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKpE,KAAK,qBAAqB,GAAG;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,aAAa,CAAC,qBAAqB,CAAC;IAEhF,UAAU,UAAQ;IAElB,KAAK;;;MAGJ;gBAEW,KAAK,EAAE,qBAAqB;IAQxC,SAAS,UAAW,GAAG,UAItB;IAED,kBAAkB,eAAsB,GAAG,mBAO1C;IAED,qBAAqB,sBAOpB;IAED,UAAU,uCA8BT;IAED,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAK5B,MAAM,IAAI,SAAS;CAiDpB"}

package/lib/typescript/presentation/initialization/index.d.ts

@@ -0,0 +1,2 @@
+export declare function initAppChat(appId: string, clientId: string, clientSecret: string, externalId: string, fullName: string): Promise<string>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/presentation/initialization/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/initialization/index.tsx"],"names":[],"mappings":"AAMA,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAgE5H"}

package/lib/typescript/presentation/notification/index.d.ts

@@ -0,0 +1,5 @@
+export declare function registerNotification(fcmToken: string): Promise<"FCM token registration success, user can receive notification" | "FCM token registration failed, user can't receive notification" | "FCM token registration : waiting initialization success" | undefined>;
+export declare function revokeNotification(): Promise<"Revoke FCM token success" | "Revoke FCM token failed" | undefined>;
+export declare function isAppChatPayload(payload: any): boolean;
+export declare function isAppChatOpened(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/presentation/notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/notification/index.tsx"],"names":[],"mappings":"AAIA,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,uNAe1D;AAED,wBAAsB,kBAAkB,gFAWvC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAMtD;AAED,wBAAgB,eAAe,IAAI,OAAO,CAEzC"}

package/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "react-native-mobile-chat",
+  "version": "0.1.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",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepack": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn install && yarn example pods",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://help-center.qontak.com/hc/en-us/articles/22614405832473-How-to-Integrate-Mobile-Chat-in-Omnichannel-Qontak",
+  "author": "Mekari <shalahudin.ayyub@mekari.com> (https://mekari.com/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://qontak.com/en-id/contact-us/"
+  },
+  "homepage": "https://qontak.com",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.2.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@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",
+    "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",
+    "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",
+    "release-it": "^15.0.0",
+    "typescript": "^4.5.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-webview": "*"
+  },
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "packageManager": "^yarn@1.22.15",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "dependencies": {
+    "crypto-js": "^4.1.1"
+  }
+}

package/react-native-app-chat.podspec

@@ -0,0 +1,35 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-app-chat"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "11.0" }
+  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
+end

package/src/common/constants/index.tsx

@@ -0,0 +1,12 @@
+export default class Constant {
+  static BASE_URL = "https://chat-service.qontak.com"
+  static ENCRYPTION_KEY = '9BEBD42CCA16E4A1'
+  static ENCRYPTION_IV = 'EC42B71DAA9CA9E5'
+  static BASE_URL_WEBVIEW = 'https://mobilechat.qontak.com/'
+  static ENCRYPTED_PARAMS_KEY = '?data='
+  static BUNDLE_ID_INVALID = "Your app doesn't eligible to access widget.\nAdd your package name or bundle id to integration dashboard via web"
+  static WEBVIEW_BACKGROUND_COLOR = '#F1F5F9'
+  static WEBVIEW_BACKGROUND_COLOR_OVERLAID = '#4c525b'
+  static OVERLAY_COLOR = '#232933'
+  static OVERLAY_OPACITY = 0.8
+}

package/src/common/utils/index.tsx

@@ -0,0 +1,58 @@
+import CryptoJS from 'crypto-js'
+
+
+// Defining KEY and IV, that are being used as the key and initialization vector (IV) for a cryptographic operation
+const KEY = CryptoJS.enc.Utf8.parse('9BEBD42CCA16E4A1')
+const IV = CryptoJS.enc.Utf8.parse('EC42B71DAA9CA9E5')
+
+type URLParamsAppChat = {
+  access_token: string,
+  app_id: string,
+  contact_id: string
+}
+
+/**
+ * It takes a JSON object, converts it to a string, encrypts it, and returns the encrypted string
+ * @param data - The data to be encrypted.
+ * @returns A string of hexadecimal characters.
+ */
+export function getEncryptedUrlParams(data: URLParamsAppChat): string {
+  const parsedData = CryptoJS.enc.Utf8.parse(JSON.stringify(data))
+
+  let encryptedData = CryptoJS.AES.encrypt(parsedData, KEY, {
+    iv: IV,
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7,
+  })
+
+  return encryptedData.ciphertext.toString(CryptoJS.enc.Hex)
+}
+
+export function calculateTextColorOutput(mainColor: string): string {
+  if (mainColor.length === 7) mainColor = mainColor.substring(1);
+  const R = parseInt(mainColor.substring(0, 2), 16);
+  const G = parseInt(mainColor.substring(2, 4), 16);
+  const B = parseInt(mainColor.substring(4, 6), 16);
+  const brightneess = Math.sqrt(R * R * 0.241 + G * G * 0.691 + B * B * 0.068);
+  return brightneess < 130 ? "white" : "black";
+}
+
+export function getOverlaidColor(mainColor: string, colorOverlay: string, opacityOverlay: number): string {
+  if (mainColor.length === 7) mainColor = mainColor.substring(1);
+  const R = parseInt(mainColor.substring(0, 2), 16);
+  const G = parseInt(mainColor.substring(2, 4), 16);
+  const B = parseInt(mainColor.substring(4, 6), 16);
+
+  if (colorOverlay.length === 7) colorOverlay = colorOverlay.substring(1);
+  const overlayR = parseInt(colorOverlay.substring(0, 2), 16);
+  const overlayG = parseInt(colorOverlay.substring(2, 4), 16);
+  const overlayB = parseInt(colorOverlay.substring(4, 6), 16);
+
+  const finalColorR = Math.round(R * (1.0 - opacityOverlay) + overlayR * opacityOverlay);
+  const finalColorG = Math.round(G * (1.0 - opacityOverlay) + overlayG * opacityOverlay);
+  const finalColorB = Math.round(B * (1.0 - opacityOverlay) + overlayB * opacityOverlay);
+  const overlaidR = finalColorR < 10 ? `0${finalColorR}` : finalColorR.toString(16)
+  const overlaidG = finalColorG < 10 ? `0${finalColorG}` : finalColorG.toString(16)
+  const overlaidB = finalColorB < 10 ? `0${finalColorB}` : finalColorB.toString(16)
+  return '#' + overlaidR + overlaidG + overlaidB
+}

package/src/data/local/index.tsx

@@ -0,0 +1,23 @@
+import { AppChatNative } from "../../native/module"
+
+export async function putString(key: string, value: string): Promise<string> {
+  return await AppChatNative.putString(key, value)
+}
+
+export async function getString(key: string): Promise<any> {
+  try {
+    const value = await AppChatNative.getString(key)
+    if (value === 'default_value') return undefined
+    else return value
+  } catch (error) {
+    return Promise.resolve(undefined)
+  }
+}
+
+export async function getBundleIdOrPackageName(): Promise<any> {
+  try {
+    return await AppChatNative.getBundleIdOrPackageName()
+  } catch (error) {
+    return Promise.resolve(undefined)
+  }
+}

package/src/data/remote/index.tsx

@@ -0,0 +1,80 @@
+import { Platform } from "react-native"
+import { AppChatStatic } from "../static"
+import Constant from "../../common/constants"
+
+export async function authenticate(clientId: String, clienSecret: String): Promise<Response> {
+  const formData = new FormData()
+  formData.append('grant_type', 'client_credentials')
+  formData.append('client_id', clientId)
+  formData.append('client_secret', clienSecret)
+  return await fetch(`${Constant.BASE_URL}/oauth/token`, {
+    method: 'POST',
+    body: formData
+  })
+}
+
+export async function createContact(externalId: any, fullName: any) {
+  let formData = new FormData()
+  formData.append('external_id', externalId)
+  formData.append('full_name', fullName)
+  return await fetch(`${Constant.BASE_URL}/api/core/v1/app_chat/${AppChatStatic.appId}/contacts`, {
+    headers: {
+      Authorization: AppChatStatic.accessToken
+    },
+    method: 'POST',
+    body: formData
+  })
+}
+
+export async function registerFcmToken(fcmToken: any) {
+  let formData = new FormData()
+  formData.append('app_id', AppChatStatic.appId)
+  formData.append('contact_id', AppChatStatic.contactId)
+  formData.append('resource_type', Platform.OS)
+  formData.append('token', fcmToken)
+  return await fetch(`${Constant.BASE_URL}/api/core/v1/app_chat/${AppChatStatic.appId}/notification_credentials`, {
+    headers: {
+      Authorization: AppChatStatic.accessToken
+    },
+    method: 'PUT',
+    body: formData
+  })
+}
+
+export async function revokeFcmToken(fcmToken: any) {
+  let formData = new FormData()
+  formData.append('app_id', AppChatStatic.appId)
+  formData.append('contact_id', AppChatStatic.contactId)
+  formData.append('resource_type', 'current')
+  formData.append('token', fcmToken)
+  return await fetch(`${Constant.BASE_URL}/api/core/v1/app_chat/${AppChatStatic.appId}/notification_credentials`, {
+    headers: {
+      Authorization: AppChatStatic.accessToken
+    },
+    method: 'DELETE',
+    body: formData
+  })
+}
+
+export async function validateBundleId(bundleId: any) {
+  let formData = new FormData()
+  formData.append('app_id', AppChatStatic.appId)
+  formData.append('bundle_id', bundleId)
+  formData.append('platform', Platform.OS)
+  return await fetch(`${Constant.BASE_URL}/api/core/v1/app_chat/${AppChatStatic.appId}/validate_bundle_id`, {
+    headers: {
+      Authorization: AppChatStatic.accessToken
+    },
+    method: 'POST',
+    body: formData
+  })
+}
+
+export async function getWidgetSetting() {
+  return await fetch(`${Constant.BASE_URL}/api/core/v1/app_chat/${AppChatStatic.appId}/widget_setting`, {
+    headers: {
+      Authorization: AppChatStatic.accessToken
+    },
+    method: 'GET'
+  })
+}

package/src/data/static/index.tsx

@@ -0,0 +1,28 @@
+export class AppChatStatic {
+  //Based on event
+  static appChatOpened = false
+
+  //Get from init process
+  static accessToken = ''
+  static contactId = ''
+  static bundleIdValidation = ''
+  static encryptedUrlParams = ''
+  static initAppChatResult = ''
+
+  static appChatTheme = {
+    bgColorTheme: 'grey',
+    bgColorThemeOverlaid: 'grey',
+    fontColor: 'white',
+    textHeader: '',
+    textDescription: '',
+    isAnyEmpty: () => this.appChatTheme.bgColorTheme == 'grey' || this.appChatTheme.bgColorThemeOverlaid == 'grey' || this.appChatTheme.bgColorTheme == 'white' || this.appChatTheme.textHeader == '' || this.appChatTheme.textDescription == ''
+  }
+
+  //Assigned as parameter by developer
+  static appId = ''
+  static clientId = ''
+  static clientSecret = ''
+  static externalId = ''
+  static fullName = ''
+  static fcmToken = ''
+}

package/src/index.tsx

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

package/src/native/component/WebView.tsx

@@ -0,0 +1,10 @@
+import { requireNativeComponent } from 'react-native';
+
+/**
+* Composes `WebView`.
+*
+* - url: string
+*/
+const WebView = requireNativeComponent('RCTAppChatWebView');
+
+export default WebView;

package/src/native/module/index.tsx

@@ -0,0 +1,18 @@
+import { NativeModules, Platform } from 'react-native';
+
+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);
+      },
+    }
+  );