mapp-intelligence-reactnative-plugin 1.1.0 → 1.1.1

package/lib/typescript/src/UseWebTracking.d.ts

@@ -3,7 +3,7 @@ import { WebView } from 'react-native-webview';
 type OnMessage = (data: any) => void;
 type OnLoad = () => void;
 export declare const useWebTracking: (onMessage?: OnMessage | null, onLoad?: OnLoad | null) => {
-    webViewRef: import("react").RefObject<WebView<{}>>;
+    webViewRef: import("react").RefObject<WebView<{}> | null>;
     handleMessage: (event: WebViewMessageEvent) => void;
     handleLoad: () => void;
     getInjectedJavaScript: (script?: string | undefined | null) => string;

package/lib/typescript/src/UseWebTracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseWebTracking.d.ts","sourceRoot":"","sources":["../../../src/UseWebTracking.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAU/C,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAErC,KAAK,MAAM,GAAG,MAAM,IAAI,CAAC;AAEzB,eAAO,MAAM,cAAc,GACzB,YAAY,SAAS,GAAG,IAAI,EAC5B,SAAS,MAAM,GAAG,IAAI;;2BAKZ,mBAAmB;;qCAsFW,MAAM,GAAG,SAAS,GAAG,IAAI;CAQlE,CAAC"}
+{"version":3,"file":"UseWebTracking.d.ts","sourceRoot":"","sources":["../../../src/UseWebTracking.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAU/C,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAErC,KAAK,MAAM,GAAG,MAAM,IAAI,CAAC;AAEzB,eAAO,MAAM,cAAc,GACzB,YAAY,SAAS,GAAG,IAAI,EAC5B,SAAS,MAAM,GAAG,IAAI;;2BAiCZ,mBAAmB;;qCA4DW,MAAM,GAAG,SAAS,GAAG,IAAI;CAQlE,CAAC"}

package/lib/typescript/src/promiseRejectionHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"promiseRejectionHandler.d.ts","sourceRoot":"","sources":["../../../src/promiseRejectionHandler.tsx"],"names":[],"mappings":"AAuCA,eAAO,MAAM,mCAAmC,qCAAgB,CAAC;AAGjE,eAAO,MAAM,mCAAmC,GAAI,YAAO,SAW1D,CAAC"}
+{"version":3,"file":"promiseRejectionHandler.d.ts","sourceRoot":"","sources":["../../../src/promiseRejectionHandler.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,mCAAmC,qCAAgB,CAAC;AAGjE,eAAO,MAAM,mCAAmC,GAAI,YAAO,SAS1D,CAAC"}

package/mapp-intelligence-reactnative-plugin.podspec

@@ -15,11 +15,14 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/mapp-digital/Mapp-Intelligence-ReactNative-Plugin.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm}"
+  s.vendored_framework = "ios/Frameworks/MappIntelligenceiOS.xcframework"
+  s.preserve_path = "ios/Frameworks/"
+  s.public_header_files = "ios/Frameworks/MappIntelligenceiOS.xcframework/ios-arm64/Headers/MappIntelligenceiOS/"
+  s.requires_arc = true
   s.dependency "React-Core"
   s.dependency "React-Codegen"
   s.dependency "RCT-Folly"
   s.dependency "RCTRequired"
   s.dependency "RCTTypeSafety"
   s.dependency "ReactCommon/turbomodule/core"
-  s.dependency "MappIntelligence", '5.0.15'
 end

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapp-intelligence-reactnative-plugin",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "The MappIntelligence SDK allows you to track user activities, screen flow and media usage for an App. All data is send to the MappIntelligence tracking system for further analysis.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -27,6 +27,7 @@
   ],
   "scripts": {
     "example": "yarn workspace react-native-mappinteligence-plugin-example",
+    "install:high-mem": "NODE_OPTIONS=--max-old-space-size=8192 yarn install",
     "test": "jest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
@@ -53,38 +54,24 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-native": ">=0.76.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-native": ">=0.83.0 <0.84.0"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^19.6.0",
-    "@evilmartians/lefthook": "^1.5.0",
-    "@react-native-community/cli": "15.0.0-alpha.2",
-    "@react-native/babel-preset": "0.79.2",
-    "@react-native/eslint-config": "^0.79.2",
-    "@release-it/conventional-changelog": "^9.0.2",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^19.0.0",
-    "commitlint": "^19.6.1",
-    "del-cli": "^5.1.0",
-    "eslint": "^9.22.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.3",
+    "@react-native-community/cli": "^18.0.0",
+    "@react-native/codegen": "0.83.1",
+    "@react-native/gradle-plugin": "0.83.1",
+    "@types/react": "^19.2.14",
+    "@types/react-native": "^0.73.0",
     "jest": "^29.7.0",
-    "pod-install": "0.1.0",
-    "prettier": "^3.0.3",
-    "react": "19.0.0",
-    "react-native": "0.79.2",
+    "react": "^19.2.0",
+    "react-native": "0.83.1",
     "react-native-builder-bob": "^0.35.3",
     "react-native-webview": "^13.13.5",
-    "react-test-renderer": "19.0.0",
-    "release-it": "^17.2.1",
-    "turbo": "^1.10.7",
-    "typedoc": "^0.28.4",
-    "typescript": "^5.8.3"
+    "typescript": "^5.0.0"
   },
   "resolutions": {
-    "@types/react": "17.0.21"
+    "@types/react": "^19.0.0"
   },
   "workspaces": [
     "example",
@@ -92,15 +79,7 @@
   ],
   "packageManager": "yarn@3.6.1",
   "engines": {
-    "node": "18.x",
-    "engine-strict": "true"
-  },
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
+    "node": ">=18"
   },
   "commitlint": {
     "extends": [
@@ -172,17 +151,17 @@
       ]
     ]
   },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "turbo-module",
+    "cliVersion": "0.50.3"
+  },
   "codegenConfig": {
-    "name": "MappIntelligencePluginSpec",
+    "name": "MappinteligencePlugin",
     "type": "modules",
     "jsSrcsDir": "src",
     "android": {
       "javaPackageName": "com.mappinteligenceplugin"
     }
-  },
-  "create-react-native-library": {
-    "languages": "kotlin-objc",
-    "type": "turbo-module",
-    "version": "0.50.3"
   }
 }

package/src/GlobalErrorHandler.tsx

@@ -1,8 +1,5 @@
 import { MappIntelligencePlugin } from 'mapp-intelligence-reactnative-plugin';
 
-const {
-  polyfillGlobal,
-} = require('react-native/Libraries/Utilities/PolyfillFunctions');
 const Promise = require('promise/setimmediate/es6-extensions');
 const tracking = require('promise/setimmediate/rejection-tracking');
 
@@ -31,17 +28,15 @@ export const setGlobalErrorHandler = (
 ): void => {
   onErrorCallback = errorCallback;
 
-  polyfillGlobal('Promise', () => {
-    tracking.enable({
-      allRejections: true,
-      onUnhandled: (_: number, error: unknown) => {
-        errorHandler(error, false);
-      },
-    });
-
-    return Promise;
+  tracking.enable({
+    allRejections: true,
+    onUnhandled: (_: number, error: unknown) => {
+      errorHandler(error, false);
+    },
   });
 
+  (global as any).Promise = Promise;
+
   ErrorUtils.setGlobalHandler(errorHandler);
   //   const prevTracker = getUnhandledPromiseRejectionTracker();
 

package/src/MappIntelligencePlugin.tsx

@@ -1,4 +1,4 @@
-import { Platform, NativeModules } from 'react-native';
+import { Platform, NativeModules, TurboModuleRegistry } from 'react-native';
 import {
   convertPageParameters,
   convertSessionParamters,
@@ -26,16 +26,21 @@ const LINKING_ERROR =
   '- You rebuilt the app after installing the package\n' +
   '- You are not using Expo Go\n';
 
-const mappPlugin = NativeModules.MappinteligencePlugin
-  ? NativeModules.MappinteligencePlugin
-  : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
+const mappPlugin =
+  // New Architecture / TurboModules
+  TurboModuleRegistry.get('MappinteligencePlugin') ||
+  TurboModuleRegistry.get('MappintelligencePlugin') ||
+  // Legacy bridge fallback
+  NativeModules.MappinteligencePlugin ||
+  NativeModules.MappintelligencePlugin ||
+  new Proxy(
+    {},
+    {
+      get() {
+        throw new Error(LINKING_ERROR);
+      },
+    }
+  );
 
 export const MappIntelligencePlugin = {
   /**

package/src/NativeMappintelligencePlugin.ts

@@ -0,0 +1,55 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  build(): Promise<number>;
+  initWithConfiguration(trackIDs: number[], domain: string): Promise<number>;
+  setLogLevel(level: number): Promise<number>;
+  setExceptionLogLevel(level: number): Promise<number>;
+  setRequestInterval(interval: number): Promise<number>;
+  setBatchSupportEnabled(enabled: boolean): Promise<number>;
+  setEnableBackgroundSendout(enabled: boolean): Promise<number>;
+  setBatchSupportSize(size: number): Promise<number>;
+  setRequestPerQueue(numberOfRequests: number): Promise<number>;
+  setShouldMigrate(migrate: boolean): Promise<number>;
+  setAnonymousTracking(anonymous: boolean): Promise<number>;
+  setSendAppVersionInEveryRequest(flag: boolean): Promise<number>;
+  setEnableUserMatching(enabled: boolean): Promise<number>;
+  trackPage(pageTitle: string): Promise<number>;
+  trackCustomPage(
+    pageTitle: string,
+    pageParameters: Object,
+    sessionParameters: Object,
+    userCategories: Object,
+    ecommerceParameters: Object,
+    campaignParameters: Object
+  ): Promise<number>;
+  trackPageWithCustomData(
+    pageParameters: { [key: string]: string },
+    pageTitle: string
+  ): Promise<number>;
+  trackAction(
+    name: string,
+    eventParameters: Object,
+    sessionParameters: Object,
+    userCategories: Object,
+    ecommerceParameters: Object,
+    campaignParameters: Object
+  ): Promise<number>;
+  trackUrl(url: string, mediaCode?: string): Promise<number>;
+  trackMedia(mediaEvent: Object): Promise<number>;
+  trackException(name: string, message: string, stackTrace?: string): Promise<number>;
+  trackExceptionWithName(name: string, message: string, stackTrace?: string): Promise<number>;
+  setEverId(everId?: string): Promise<number>;
+  getEverId(): Promise<string>;
+  isInitialized(): Promise<boolean>;
+  setTemporarySessionId(sessionId?: string): Promise<number>;
+  optOut(sendData: boolean): Promise<number>;
+  optIn(sendData: boolean): Promise<number>;
+  reset(): Promise<number>;
+  sendRequestsAndClean(): Promise<number>;
+  getCurrentConfig(): Promise<string>;
+  nativeCrash(): Promise<void>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('MappinteligencePlugin');

package/src/UseWebTracking.tsx

@@ -21,30 +21,8 @@ export const useWebTracking = (
 ) => {
   const webViewRef = useRef<WebView>(null);
 
-  const handleMessage = useCallback(
-    (event: WebViewMessageEvent) => {
-      try {
-        const message = JSON.parse(event.nativeEvent.data);
-        const method = message.method;
-        const name = message.name;
-        const params = message.params;
 
-        console.log(method, name, params);
-
-        if (method === 'trackCustomPage') {
-          trackCustomPage(name, params);
-        } else if (method === 'trackCustomEvent') {
-          trackCustomEvent(name, params);
-        }
-      } catch (error) {
-        console.error('Error parsing message from WebView', error);
-      }
-      onMessage?.(event.nativeEvent.data);
-    },
-    [onMessage]
-  );
-
-  const trackCustomPage = (name: string, params: any) => {
+  const trackCustomPage = useCallback((name: string, params: any) => {
     try {
       const parameters = getJson(params);
       console.log('Page Name: ', name, '; Params: ', parameters);
@@ -52,9 +30,9 @@ export const useWebTracking = (
     } catch (error) {
       console.error(error);
     }
-  };
+  }, []);
 
-  const trackCustomEvent = (name: string, params: any) => {
+  const trackCustomEvent = useCallback((name: string, params: any) => {
     try {
       const parameters = getJson(params);
       console.log('Event Name: ', name, '; Params: ', parameters);
@@ -69,7 +47,31 @@ export const useWebTracking = (
     } catch (error) {
       console.error(error);
     }
-  };
+  }, []);
+
+  const handleMessage = useCallback(
+    (event: WebViewMessageEvent) => {
+      try {
+        const message = JSON.parse(event.nativeEvent.data);
+        const method = message.method;
+        const name = message.name;
+        const params = message.params;
+
+        console.log(method, name, params);
+
+        if (method === 'trackCustomPage') {
+          trackCustomPage(name, params);
+        } else if (method === 'trackCustomEvent') {
+          trackCustomEvent(name, params);
+        }
+      } catch (error) {
+        console.error('Error parsing message from WebView', error);
+      }
+      onMessage?.(event.nativeEvent.data);
+    },
+    [onMessage, trackCustomPage, trackCustomEvent]
+  );
+
 
   const getJson = (data?: any | null): any => {
     try {
@@ -106,7 +108,7 @@ export const useWebTracking = (
     if (onLoad) {
       onLoad();
     }
-  }, []);
+  }, [onLoad]);
 
   const getInjectedJavaScript = (script?: string | undefined | null) => {
     if (script) {

package/src/promiseRejectionHandler.tsx

@@ -1,8 +1,5 @@
 'use strict';
 
-const {
-  polyfillGlobal,
-} = require('react-native/Libraries/Utilities/PolyfillFunctions');
 const Promise = require('promise/setimmediate/es6-extensions');
 
 require('promise/setimmediate/done');
@@ -43,12 +40,10 @@ export const getUnhandledPromiseRejectionTracker = () => handler;
 export const setUnhandledPromiseRejectionTracker = (tracker) => {
   handler = tracker;
 
-  polyfillGlobal('Promise', () => {
-    tracking.enable({
-      allRejections: true,
-      onUnhandled: tracker,
-    });
-
-    return Promise;
+  tracking.enable({
+    allRejections: true,
+    onUnhandled: tracker,
   });
+
+  (global as any).Promise = Promise;
 };