@magicpixel/rn-mp-client-sdk 0.2.0 → 0.4.0

package/src/common/utils.ts

@@ -8,12 +8,25 @@ import type {
 import type { MapLike } from './app-types';
 import { unflatten } from 'flat';
 import { EventBus } from './event-bus';
+import { Dimensions, ScaledSize } from 'react-native';
 
 export class Utils {
   static triggerEvent(eventName: string, payload: any): void {
     EventBus.triggerEvent(eventName, payload);
   }
 
+  static calculateMsp(dim: ScaledSize, limit: number): boolean {
+    return dim.scale * dim.width >= limit || dim.scale * dim.height >= limit;
+  }
+
+  static isTablet(): boolean {
+    const dim = Dimensions.get('screen');
+    return (
+      (dim.scale < 2 && this.calculateMsp(dim, 1000)) ||
+      (dim.scale >= 2 && this.calculateMsp(dim, 1900))
+    );
+  }
+
   static sleep(delay = 1000): Promise<void> {
     return new Promise((resolve: (val?: any) => void) => {
       setTimeout(() => {

package/src/index.tsx

@@ -19,6 +19,7 @@ import { VisitIdProcessor } from './processors/visit-id.processor';
 class MagicPixelImpl {
   private static dl: MpDataLayerHelper;
   private static customerInfo: AppCustomerInfo;
+  private static customerIdentifiers: MapLike = {};
   private static firstAppLaunch = true;
 
   static async init(options: SdkInitOptions): Promise<void> {
@@ -34,6 +35,14 @@ class MagicPixelImpl {
 
     await VisitIdProcessor.init();
 
+    const fbp = await VisitIdProcessor.getFacebookFBP();
+    if (fbp) {
+      Logger.logDbg('Setting facebook client id', fbp);
+      this.setFacebookClientId(fbp);
+    } else {
+      Logger.logDbg('No facebook client id found. not setting');
+    }
+
     MagicPixelEventBus.on('mpDlEvent', async (evtName, payload) => {
       console.log('mpDlEvent:: ', evtName, JSON.stringify(payload));
       const eventName: string = payload.eventName;
@@ -61,10 +70,15 @@ class MagicPixelImpl {
       const newPayload: MapLike = {
         ...payload,
         ...this.customerInfo,
+        ...(this.customerIdentifiers ?? {}),
       };
       this.dl.pushEvent(eventName, newPayload);
     } else {
-      this.dl.pushEvent(eventName, payload);
+      const newPayload: MapLike = {
+        ...payload,
+        ...(this.customerIdentifiers ?? {}),
+      };
+      this.dl.pushEvent(eventName, newPayload);
     }
   }
 
@@ -239,16 +253,29 @@ class MagicPixelImpl {
     this.customerInfo = customerInfo;
   }
 
+  static setFirebaseAppInstanceId(instanceId: string): void {
+    this.customerIdentifiers.firebase_instance_id = instanceId;
+  }
+
+  static setFacebookClientId(fbp: string): void {
+    this.customerIdentifiers.fbp = fbp;
+  }
+
   static recordPageLoad(pageLoadInfo: AppPageLoad): void {
     pageLoadInfo.is_entry = this.firstAppLaunch ? 1 : 0;
     if (this.customerInfo) {
       const newPayload: MapLike = {
         ...pageLoadInfo,
         ...this.customerInfo,
+        ...(this.customerIdentifiers ?? {}),
       };
       this.dl.pushEvent('page_load', newPayload);
     } else {
-      this.dl.pushEvent('page_load', pageLoadInfo);
+      const newPayload: MapLike = {
+        ...pageLoadInfo,
+        ...(this.customerIdentifiers ?? {}),
+      };
+      this.dl.pushEvent('page_load', newPayload);
     }
     this.firstAppLaunch = false;
   }

package/src/processors/visit-id.processor.ts

@@ -75,6 +75,22 @@ export class VisitIdProcessor {
     );
   }
 
+  static async getFacebookFBP(): Promise<string> {
+    try {
+      let fbp = await DataStore.getDataFromStorage<string>(Constants.KEY_FBP);
+
+      if (!fbp) {
+        fbp = `fb.1.${Date.now()}.${Date.now()}`;
+      }
+
+      await DataStore.storeData(Constants.KEY_FBP, fbp);
+      return fbp;
+    } catch (err) {
+      Logger.logError('Error initializing debug id.', err);
+    }
+    return '';
+  }
+
   static async initDebugId(): Promise<void> {
     try {
       let debugId = await DataStore.getDataFromStorage<string>(