@inngageregistry/inngage-react 4.0.0-beta.2 → 4.0.1

package/{src/models/requests.ts → dist/models/requests.js}

@@ -1,42 +1,40 @@
-export const SUBSCRIBE_REQUEST = {
-    registerSubscriberRequest: {
-        appToken: '',
-        identifier: '',
-        registration: '',
-        platform: '',
-        sdk: '',
-        deviceModel: '',
-        deviceManufacturer: '',
-        osLocale: '',
-        osLanguage: '',
-        osVersion: '',
-        appVersion: '',
-        appInstalledIn: '',
-        appUpdatedIn: '',
-        uuid: '',
-        phoneNumber: '',
-        email: '',
-        customFields: {},
-    },
-};
-
-export const EVENT_REQUEST = {
-    newEventRequest: {
-        appToken: '',
-        identifier: '',
-        registration: '',
-        eventName: '',
-        conversionEvent: false,
-        conversionValue: 0,
-        conversionNotId: '',
-        eventValues: {},
-    },
-};
-
-export const USER_DATA_REQUEST = {
-    fieldsRequest: {
-        appToken: '',
-        identifier: '',
-        customField: {},
-    },
-};
+export const SUBSCRIBE_REQUEST = {
+    registerSubscriberRequest: {
+        appToken: '',
+        identifier: '',
+        registration: '',
+        platform: '',
+        sdk: '',
+        deviceModel: '',
+        deviceManufacturer: '',
+        osLocale: '',
+        osLanguage: '',
+        osVersion: '',
+        appVersion: '',
+        appInstalledIn: '',
+        appUpdatedIn: '',
+        uuid: '',
+        phoneNumber: '',
+        email: '',
+        customFields: {},
+    },
+};
+export const EVENT_REQUEST = {
+    newEventRequest: {
+        appToken: '',
+        identifier: '',
+        registration: '',
+        eventName: '',
+        conversionEvent: false,
+        conversionValue: 0,
+        conversionNotId: '',
+        eventValues: {},
+    },
+};
+export const USER_DATA_REQUEST = {
+    fieldsRequest: {
+        appToken: '',
+        identifier: '',
+        customField: {},
+    },
+};

package/dist/services/api_services.d.ts

@@ -0,0 +1,7 @@
+declare class ApiService {
+    subscribe(request: any): Promise<Response>;
+    sendEvent(request: any, dev?: boolean): Promise<Response>;
+    addUserData(request: any, dev?: boolean): Promise<Response>;
+}
+export declare function sendNotification(request: any, dev?: boolean): Promise<Response>;
+export default ApiService;

package/{src/services/api_services.ts → dist/services/api_services.js}

@@ -1,30 +1,25 @@
-import { InngageProperties } from '../models/inngage_properties';
-import { subscriptionApi, notificationApi, eventsApi, addUserDataApi } from '../api/api';
-
-class ApiService {
-    async subscribe(request: any) {
-        if (InngageProperties.getDebugMode())
-            console.log('INNGAGE PAYLOAD SUBSCRIPTION: ', request)
-        return subscriptionApi(request);
-    }
-
-    async sendEvent(request: any, dev = false) {
-        if (InngageProperties.getDebugMode())
-            console.log('INNGAGE PAYLOAD EVENT: ', request)
-        return eventsApi(request);
-    }
-
-    async addUserData(request: any, dev = false) {
-        if (InngageProperties.getDebugMode())
-            console.log('INNGAGE PAYLOAD ADDUSERDATA: ', request)
-        return addUserDataApi(request);
-    }
-}
-
-export async function sendNotification(request: any, dev = false) {
-    if (InngageProperties.getDebugMode())
-        console.log('INNGAGE PAYLOAD NOTIFICATION: ', request)
-    return notificationApi(request);
-}
-
-export default ApiService;
+import { InngageProperties } from '../models/inngage_properties';
+import { subscriptionApi, notificationApi, eventsApi, addUserDataApi } from '../api/api';
+class ApiService {
+    async subscribe(request) {
+        if (InngageProperties.getDebugMode())
+            console.log('INNGAGE PAYLOAD SUBSCRIPTION: ', request);
+        return subscriptionApi(request);
+    }
+    async sendEvent(request, dev = false) {
+        if (InngageProperties.getDebugMode())
+            console.log('INNGAGE PAYLOAD EVENT: ', request);
+        return eventsApi(request);
+    }
+    async addUserData(request, dev = false) {
+        if (InngageProperties.getDebugMode())
+            console.log('INNGAGE PAYLOAD ADDUSERDATA: ', request);
+        return addUserDataApi(request);
+    }
+}
+export async function sendNotification(request, dev = false) {
+    if (InngageProperties.getDebugMode())
+        console.log('INNGAGE PAYLOAD NOTIFICATION: ', request);
+    return notificationApi(request);
+}
+export default ApiService;

package/dist/services/handler.d.ts

@@ -0,0 +1 @@
+export declare const fetchClient: (method: any, requestBody: any, path: any, isDev?: boolean) => Promise<Response>;

package/dist/services/handler.js

@@ -0,0 +1,38 @@
+const baseUrlHook = {
+    [false]: 'https://api.inngage.com.br/v1',
+    [undefined]: 'https://api.inngage.com.br/v1',
+    [null]: 'https://api.inngage.com.br/v1',
+    [true]: 'https://apid.inngage.com.br/v1',
+};
+const requestConfigFactory = (method, request) => {
+    let header = {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+    };
+    try {
+        if (request?.registerSubscriberRequest?.authKey) {
+            header = {
+                ...header,
+                Authorization: request.registerSubscriberRequest.authKey
+            };
+        }
+    }
+    catch (e) {
+        console.error(e);
+    }
+    let objToSend = {
+        method,
+        body: JSON.stringify(request),
+        headers: header
+    };
+    return objToSend;
+};
+export const fetchClient = (method, requestBody, path, isDev = false) => {
+    return new Promise((resolve) => {
+        const url = String(baseUrlHook[isDev]).concat(path);
+        const request = requestConfigFactory(method, requestBody);
+        fetch(url, request)
+            .then(resolve)
+            .catch(err => console.error('Fetch Error', err));
+    });
+};

package/dist/services/inngage.d.ts

@@ -0,0 +1,4 @@
+export declare const subscriptionApi: (request: any, dev?: boolean) => Promise<Response>;
+export declare const notificationApi: (request: any, dev?: boolean) => Promise<Response>;
+export declare const eventsApi: (request: any, dev?: boolean) => Promise<Response>;
+export declare const addUserDataApi: (request: any, dev?: boolean) => Promise<Response>;

package/dist/services/inngage.js

@@ -0,0 +1,22 @@
+import { InngageProperties } from '../models/inngage_properties';
+import { fetchClient } from './handler';
+export const subscriptionApi = (request, dev = false) => {
+    if (InngageProperties.getDebugMode())
+        console.log('subscriptionApi', request);
+    return fetchClient('POST', request, '/subscription/', !!dev);
+};
+export const notificationApi = (request, dev = false) => {
+    if (InngageProperties.getDebugMode())
+        console.log('notificationApi', request);
+    return fetchClient('POST', request, '/notification/', !!dev);
+};
+export const eventsApi = (request, dev = false) => {
+    if (InngageProperties.getDebugMode())
+        console.log('eventsApi', request);
+    return fetchClient('POST', request, '/events/newEvent/', !!dev);
+};
+export const addUserDataApi = (request, dev = false) => {
+    if (InngageProperties.getDebugMode())
+        console.log('addUserData', request);
+    return fetchClient('POST', request, '/subscription/addCustomField', !!dev);
+};

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const formatDate: (timestamp: any) => string | null;
+export declare const showAlert: (title: string, body: string) => void;
+export declare const showAlertLink: (title: string, body: string, appName: string, link: string) => Promise<unknown>;
+export declare const isEmpty: (obj: any) => boolean;
+export declare const toStringValue: (v: unknown) => string;

package/dist/utils.js

@@ -0,0 +1,26 @@
+import { Alert } from 'react-native';
+export const formatDate = (timestamp) => {
+    if (!timestamp) {
+        return null;
+    }
+    return new Date(timestamp).toISOString();
+};
+export const showAlert = (title, body) => {
+    Alert.alert(title, body, [{ text: 'OK', onPress: () => console.log('OK Pressed') }], {
+        cancelable: false,
+    });
+};
+export const showAlertLink = (title, body, appName, link) => {
+    return new Promise((resolve) => {
+        Alert.alert(title, `${body}\n\n${link}`, [{ text: 'NO', onPress: () => resolve(false) }, { text: 'OK', onPress: () => resolve(true) }], { cancelable: false });
+    });
+};
+export const isEmpty = (obj) => {
+    for (var prop in obj) {
+        if (obj.hasOwnProperty(prop)) {
+            return false;
+        }
+    }
+    return JSON.stringify(obj) === JSON.stringify({});
+};
+export const toStringValue = (v) => typeof v === 'string' ? v : JSON.stringify(v ?? '');

package/package.json

@@ -1,41 +1,80 @@
-{
-  "name": "@inngageregistry/inngage-react",
-  "version": "4.0.0-beta.2",
-  "description": "Inngage Plugin for React Native applications for marketing campaign optimization using Push Notification.",
-  "main": "src/index.ts",
-  "types": "src/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npx tsc"
-  },
-  "author": "Inngage Developer",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/inngage/inngage-react.git"
-  },
-  "bugs": {
-    "url": "https://github.com/inngage/inngage-react/issues"
-  },
-  "homepage": "https://github.com/inngage/inngage-react#readme",
-  "dependencies": {
-    "@react-native-async-storage/async-storage": "^1.18.1",
-    "@react-native-community/push-notification-ios": "^1.11.0",
-    "@react-native-firebase/app": "^17.4.2",
-    "@react-native-firebase/messaging": "^17.4.2",
-    "react-native-device-info": "^10.6.0",
-    "react-native-inappbrowser-reborn": "^3.7.0",
-    "react-native-localize": "^2.2.6",
-    "react-native-permissions": "^3.8.0",
-    "react-native-push-notification": "^8.1.1",
-    "react-native-snap-carousel": "^3.9.1"
-  },
-  "devDependencies": {
-    "@types/jest": "^29.5.1",
-    "@types/react": "^18.2.0",
-    "@types/react-native": "^0.71.6",
-    "@types/react-native-push-notification": "^8.1.1",
-    "@types/react-test-renderer": "^18.0.0",
-    "typescript": "^5.0.4"
-  }
+{
+  "name": "@inngageregistry/inngage-react",
+  "version": "4.0.1",
+  "description": "Inngage Plugin for React Native applications for marketing campaign optimization using Push Notification.",
+  "author": "Inngage Developer",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/inngage/inngage-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/inngage/inngage-react/issues"
+  },
+  "homepage": "https://github.com/inngage/inngage-react#readme",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
+  "react-native": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && tsc -p tsconfig.build.json",
+    "prepare": "npm run build",
+    "test": "echo \"No tests yet\" && exit 0"
+  },
+  "dependencies": {},
+  "peerDependencies": {
+    "@notifee/react-native": ">=7 <10",
+    "@react-native-async-storage/async-storage": ">=2.1.0 <3",
+    "@react-native-firebase/app": ">=20.0.0 <24",
+    "@react-native-firebase/messaging": ">=20.0.0 <24",
+    "react": ">=18.2.0 <20",
+    "react-native": ">=0.72.0 <0.83.0",
+    "react-native-device-info": ">=10.0.0 <15",
+    "react-native-inappbrowser-reborn": ">=3.0.0 <4",
+    "react-native-localize": ">=3.0.0 <4",
+    "react-native-permissions": ">=5.0.0 <6"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-async-storage/async-storage": {
+      "optional": true
+    },
+    "@react-native-firebase/app": {
+      "optional": true
+    },
+    "@react-native-firebase/messaging": {
+      "optional": true
+    },
+    "react-native-device-info": {
+      "optional": true
+    },
+    "react-native-inappbrowser-reborn": {
+      "optional": true
+    },
+    "react-native-localize": {
+      "optional": true
+    },
+    "react-native-permissions": {
+      "optional": true
+    },
+    "@notifee/react-native": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-test-renderer": "^19.0.0",
+    "rimraf": "^6.0.0",
+    "typescript": "^5.6.0"
+  }
 }

package/.editorconfig

@@ -1,6 +0,0 @@
-[*]
-end_of_line = lf
-insert_final_newline = true
-charset = utf-8
-indent_style = space
-indent_size = 2

package/src/Inngage.ts

@@ -1,193 +0,0 @@
-import { firebase } from '@react-native-firebase/messaging';
-import DeviceInfo from "react-native-device-info";
-import * as RNLocalize from "react-native-localize";
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-import { formatDate } from "./utils";
-import { InngageNotificationMessage, messagingHeadlessTask } from "./firebase/notifications_listener";
-import { InngageProperties } from './models/inngage_properties';
-
-import RNPermissions, { NotificationOption, RESULTS } from 'react-native-permissions';
-
-import ApiService from './services/api_services';
-
-const API_LEVEL_33 = 33;
-
-// --- Get Firebase Access ------/
-const getFirebaseAccess = async () => {
-  return await handleNotificationsPermission();
-};
-
-const handleNotificationsPermission = async () => {
-  const options: NotificationOption[] = ['alert', 'badge', 'sound'];
-  const apiLevel = await DeviceInfo.getApiLevel();
-
-  const permissionGranted =
-    apiLevel >= API_LEVEL_33
-      ? (await RNPermissions.requestNotifications(options)).status === RESULTS.GRANTED
-      : (await firebase.messaging().requestPermission()) ===
-      firebase.messaging.AuthorizationStatus.AUTHORIZED ||
-      firebase.messaging.AuthorizationStatus.PROVISIONAL;
-
-  if (permissionGranted) {
-    return await getFirebaseToken();
-  }
-
-  throw new Error('Notification permission not granted');
-};
-
-const getFirebaseToken = async () => {
-  let fcmToken = await AsyncStorage.getItem('fcmToken');
-
-  if (!fcmToken) {
-    if (!firebase.messaging().isDeviceRegisteredForRemoteMessages) {
-      await firebase.messaging().registerDeviceForRemoteMessages?.();
-    }
-
-    const newFcmToken = await firebase.messaging().getToken?.();
-
-    if (newFcmToken) {
-      await AsyncStorage.setItem('fcmToken', newFcmToken);
-      return newFcmToken;
-    }
-  }
-
-  return fcmToken || null;
-};
-
-interface SubscriptionProps {
-  appToken: string,
-  dev?: boolean,
-  friendlyIdentifier?: string,
-  customFields?: any,
-  customData?: any,
-  phoneNumber?: string,
-  email?: string
-}
-
-interface SendEventProps {
-  eventName: string,
-  conversionEvent?: boolean,
-  conversionValue?: number,
-  conversionNotId?: string,
-  eventValues?: any
-}
-
-class Inngage {
-  private static instance: Inngage;
-  private apiService: ApiService;
-
-  constructor() {
-    this.apiService = new ApiService();
-  }
-
-  static getInstance(): Inngage {
-    if (!Inngage.instance) {
-      Inngage.instance = new Inngage();
-    }
-
-    return Inngage.instance;
-  }
-
-  static notificationListener(firebaseListenCallback?: any) {
-    try {
-      InngageNotificationMessage(firebaseListenCallback)
-    } catch (e) {
-      console.log(e)
-    }
-  }
-
-  static async subscribe({
-    appToken,
-    friendlyIdentifier,
-    customFields,
-    phoneNumber,
-    email,
-  }: SubscriptionProps) {
-    const inngage = Inngage.getInstance();
-
-    InngageProperties.appToken = appToken;
-    InngageProperties.identifier = friendlyIdentifier!;
-
-    const respToken = await getFirebaseAccess();
-
-    const { countryCode: osLocale, languageCode: osLanguage } = RNLocalize.getLocales()[0] || {};
-    const deviceManufacturer = await DeviceInfo.getManufacturer();
-    const installTime = await DeviceInfo.getFirstInstallTime();
-    const lastUpdateTime = await DeviceInfo.getLastUpdateTime();
-    const uuid = await DeviceInfo.getUniqueId();
-    const appInstalledIn = formatDate(installTime);
-    const appUpdatedIn = formatDate(lastUpdateTime);
-
-    const subscription = {
-      registerSubscriberRequest: {
-        app_token: appToken,
-        identifier: friendlyIdentifier,
-        registration: respToken,
-        platform: DeviceInfo.getSystemName(),
-        sdk: DeviceInfo.getBuildNumber(),
-        deviceModel: DeviceInfo.getModel(),
-        deviceManufacturer,
-        osLocale,
-        osLanguage,
-        os_version: DeviceInfo.getReadableVersion(),
-        app_version: DeviceInfo.getBuildNumber(),
-        appInstalledIn,
-        appUpdatedIn,
-        uuid,
-        phone_Number: phoneNumber,
-        email: email,
-        customFields: customFields,
-      }
-    }
-
-    return inngage.apiService.subscribe(subscription);
-  }
-
-  static async sendEvent({
-    eventName,
-    conversionEvent = false,
-    conversionValue = 0,
-    conversionNotId = "",
-    eventValues,
-  }: SendEventProps) {
-    const inngage = Inngage.getInstance();
-
-    const registration = await getFirebaseAccess();
-
-    const request = {
-      newEventRequest: {
-        appToken: InngageProperties.appToken,
-        identifier: InngageProperties.identifier,
-        registration,
-        eventName,
-        conversionEvent,
-        conversionValue,
-        conversionNotId,
-        eventValues,
-      },
-    };
-
-    return inngage.apiService.sendEvent(request);
-  }
-
-  static async addUserData(customFields: any): Promise<any> {
-    const inngage = Inngage.getInstance();
-
-    const request = {
-      fieldsRequest: {
-        appToken: InngageProperties.appToken,
-        identifier: InngageProperties.identifier,
-        customField: customFields,
-      },
-    };
-
-    return inngage.apiService.addUserData(request);
-  }
-
-  static setDebugMode(value: boolean) {
-    InngageProperties.debugMode = value;
-  }
-}
-
-export default Inngage;

package/src/api/handler.ts

@@ -1,53 +0,0 @@
-const baseUrlHook = {
-    [false as any]: 'https://api.inngage.com.br/v1',
-    [undefined as any]: 'https://api.inngage.com.br/v1',
-    [null as any]: 'https://api.inngage.com.br/v1',
-    [true as any]: 'https://apid.inngage.com.br/v1',
-}
-
-const requestConfigFactory = (method, request) => {
-
-    let header: any = {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-    }
-    try {
-        if (request?.registerSubscriberRequest?.authKey) {
-            header = {
-                ...header,
-                Authorization: request.registerSubscriberRequest.authKey
-            }
-        }
-    } catch (e) {
-        console.error(e)
-    }
-    let objToSend = {
-        method,
-        body: JSON.stringify(request),
-        headers: header
-    }
-
-    return objToSend
-}
-
-export const fetchClient = async (
-    method: string,
-    requestBody: any,
-    path: string,
-    isDev = false
-): Promise<Response> => {
-    try {
-        const url: URL = new URL(`${baseUrlHook[isDev as any]}${path}`);
-        const request: RequestInit = requestConfigFactory(method, requestBody);
-        const response: Response = await fetch(url, request);
-
-        if (!response.ok) {
-            throw new Error(`Network response was not ok (${response.status})`);
-        }
-
-        return response;
-    } catch (error: any) {
-        console.error('Fetch Error:', error.message);
-        throw error;
-    }
-};