build: 0.1.15

Author: heart

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pam-react-native",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Pam SDK for React Native",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

src/api.ts

@@ -7,7 +7,7 @@ import { ConsentMessage } from './interface/consent_message';
 import type { IAttentionItem } from './interface/attention';
 import type { ICustomerConsentStatus } from './interface/iconsent_status';
 import { Utils } from './utils';
-import type { PamPushMessage } from './interface/pam_push_message';
+import { PamPushMessage } from './interface/pam_push_message';
 
 export class PamAPI {
   private http: HTTPClient;
@@ -177,7 +177,7 @@ export class PamAPI {
       response = await this.http.get(url, {});
     } catch (e) {}
     if (response) {
-      return response.data as PamPushMessage[];
+      return PamPushMessage.parseFromResponse(response.items);
     }
     return null;
   }
@@ -194,7 +194,7 @@ export class PamAPI {
     } catch (e) {}
 
     if (response) {
-      return response.data as PamPushMessage[];
+      return PamPushMessage.parseFromResponse(response.items);
     }
     return null;
   }
@@ -209,8 +209,9 @@ export class PamAPI {
       const url = `/api/app-notifications?_database=${database}&_contact_id=${contactID}&email=${email}`;
       response = await this.http.get(url, {});
     } catch (e) {}
+
     if (response) {
-      return response.data as PamPushMessage[];
+      return PamPushMessage.parseFromResponse(response.items);
     }
     return null;
   }

src/index.tsx

@@ -6,7 +6,7 @@ import PamTracker from './PamTracker';
 import type { ConsentMessage } from './interface/consent_message';
 import { type AppAttentionStyle } from './interface/app_attention_style';
 import { Linking } from 'react-native';
-import type { PamPushMessage } from './interface/pam_push_message';
+import { PamPushMessage } from './interface/pam_push_message';
 
 const LINKING_ERROR =
   `The package 'pam-react-native' doesn't seem to be linked. Make sure: \n\n` +
@@ -157,19 +157,19 @@ export class Pam {
       const title = message.notification?.title ?? '';
       const description = message.notification?.body ?? '';
 
-      var item = {
-        deliverID: '',
-        pixel: pixel,
-        title: title,
-        description: description,
-        thumbnailUrl: banner,
-        flex: flex,
-        url: url,
-        popupType: popupType,
-        date: new Date(),
-        isOpen: false,
-        data: payload,
-      };
+      let item = new PamPushMessage(
+        '',
+        pixel,
+        title,
+        description,
+        banner,
+        flex,
+        url,
+        popupType,
+        new Date(),
+        false,
+        payload
+      );
 
       return item;
     }

src/interface/pam_push_message.ts

@@ -1,4 +1,4 @@
-export interface PamPushMessage {
+export class PamPushMessage {
   deliverID?: string;
   pixel?: string;
   title?: string;
@@ -7,7 +7,78 @@ export interface PamPushMessage {
   flex?: string;
   url?: string;
   popupType?: string;
-  bisOpen?: boolean;
+  isOpen?: boolean;
   date?: Date;
   data?: Record<string, any>;
+
+  constructor(
+    deliverID: string,
+    pixel: string,
+    title: string,
+    description: string,
+    thumbnailUrl: string,
+    flex: string,
+    url: string,
+    popupType: string,
+    date: Date,
+    isOpen: boolean,
+    data: Record<string, any>
+  ) {
+    this.deliverID = deliverID;
+    this.pixel = pixel;
+    this.title = title;
+    this.description = description;
+    this.thumbnailUrl = thumbnailUrl;
+    this.flex = flex;
+    this.url = url;
+    this.popupType = popupType;
+    this.date = date;
+    this.isOpen = isOpen;
+    this.data = data;
+  }
+
+  trackOpen() {
+    if (this.pixel) {
+      fetch(this.pixel, {
+        method: 'GET',
+      })
+        .then((response) => {
+          if (!response.ok) {
+            throw new Error('Network response was not ok');
+          }
+        })
+        .catch((error) => {
+          console.error(
+            'There has been a problem with your fetch operation:',
+            error
+          );
+        });
+    }
+  }
+
+  static parseFromResponse(items: any[]): PamPushMessage[] {
+    return items.map((data) => {
+      return PamPushMessage.fromNotificationData(data);
+    });
+  }
+
+  private static fromNotificationData(
+    data: Record<string, any>
+  ): PamPushMessage {
+    const payload = data.json_data.pam;
+
+    return new PamPushMessage(
+      data.deliver_id,
+      data.pixel,
+      data.title,
+      data.description,
+      data.thumbnail_url,
+      data.flex,
+      data.url,
+      payload.popupType,
+      new Date(data.created_date + 'Z'),
+      data.is_open,
+      payload
+    );
+  }
 }