@inngageregistry/inngage-react 4.0.0-beta.1 → 4.0.0

package/dist/utils.js

@@ -0,0 +1,25 @@
+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({});
+};

package/package.json

@@ -1,41 +1,80 @@
-{
-  "name": "@inngageregistry/inngage-react",
-  "version": "4.0.0-beta.1",
-  "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.0",
+  "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;
-    }
-};

package/src/components/in_app.tsx

@@ -1,159 +0,0 @@
-import * as React from "react";
-import {
-    StyleSheet,
-    Image,
-    View,
-    Text,
-    TouchableOpacity,
-    ImageBackground,
-    Dimensions,
-} from "react-native";
-
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import Carousel from 'react-native-snap-carousel';
-
-import { buildStyles } from "./styles";
-import { Modal } from "../components/modal";
-import { InngageProperties } from "../models/inngage_properties";
-
-interface InAppData {
-    inapp_message: boolean
-    title: string
-    body: string
-    title_font_color: string
-    body_font_color: string
-    background_color: string
-    btn_left_txt_color: string
-    btn_left_bg_color: string
-    btn_right_txt_color: string
-    btn_right_bg_color: string
-    background_image: string
-    btn_left_txt: string
-    btn_left_action_type: string
-    btn_left_action_link: string
-    btn_right_txt: string
-    btn_right_action_type: string
-    btn_right_action_link: string
-    rich_content: string
-    inpression: string
-    bg_img_action_type: string
-    bg_img_action_link: string
-    dot_color: string
-}
-
-interface InAppRichContent {
-    carousel: boolean
-    img1: string
-    img2: string
-    img3: string
-    img4: string
-    img5: string
-}
-
-interface InAppProps {
-    onDismiss: () => void;
-}
-
-export function InApp({ onDismiss }: InAppProps): JSX.Element {
-    const { width: screenWidth } = Dimensions.get('window');
-
-    const sliderWidth = screenWidth;
-    const itemWidth = screenWidth * 0.9;
-
-    const [data, setData] = React.useState<InAppData>();
-    const [richContent, setRichContent] = React.useState<InAppRichContent>();
-    const [visible, setVisible] = React.useState(false);
-
-    React.useEffect(() => {
-        const fetchAdditionalData = async () => {
-            try {
-                console.log('in app message')
-                const data = await AsyncStorage.getItem('inapp');
-                if (data) {
-                    const parsedData = JSON.parse(data);
-                    const richContentData = parsedData.rich_content;
-
-                    setVisible(true);
-                    setData(parsedData);
-                    setRichContent(richContentData);
-                }
-            } catch (error) {
-                console.error('Error retrieving additionalData from AsyncStorage:', error);
-            }
-        };
-
-        fetchAdditionalData();
-    }, []);
-
-    const styles = buildStyles(data, screenWidth * 0.9);
-
-    const handleDismissInApp = async () => {
-        await AsyncStorage.removeItem('inapp');
-        setVisible(false);
-        onDismiss();
-    }
-
-    const imageUrls: string[] = [
-        richContent?.img1 ?? '',
-        richContent?.img2 ?? '',
-        richContent?.img3 ?? '',
-        richContent?.img4 ?? '',
-        richContent?.img5 ?? ''
-    ];
-
-    const stylesCarousel = StyleSheet.create({
-        itemContainer: {
-            justifyContent: 'center',
-            height: 250
-        },
-        itemImg: {
-            height: 250,
-        },
-    });
-
-    const _renderItem = ({ item, index }) => {
-        return (
-            <View style={stylesCarousel.itemContainer}>
-                <Image style={[stylesCarousel.itemImg]} source={{ uri: item }} />
-            </View>
-        )
-    }
-
-    if (InngageProperties.getDebugMode() && data != null) {
-        console.log('INNGAGE - Data In App:', data)
-        console.log('INNGAGE - Data Rich Content:', richContent)
-    }
-
-    return (
-        <Modal
-            renderToHardwareTextureAndroid={true}
-            transparent={true}
-            visible={visible}>
-            <ImageBackground style={styles.content} source={{ uri: data?.background_image }}>
-                {richContent?.carousel ? <Carousel
-                    layout={"default"}
-                    data={imageUrls}
-                    sliderWidth={sliderWidth}
-                    itemWidth={itemWidth}
-                    renderItem={_renderItem} /> : null}
-                <TouchableOpacity style={styles.closeButton} onPress={handleDismissInApp}>
-                    <Text>X</Text>
-                </TouchableOpacity>
-                <View style={styles.messageData}>
-                    <Text style={styles.title}>{data?.title}</Text>
-                    <Text style={styles.body}>{data?.body}</Text>
-                </View>
-                <View style={styles.footer}>
-                    {data?.btn_left_txt != null ? <TouchableOpacity
-                        style={styles.buttonLeft}>
-                        <Text style={styles.textButton}>{data?.btn_left_txt}</Text>
-                    </TouchableOpacity> : null}
-                    {data?.btn_right_txt != null ? <TouchableOpacity
-                        style={styles.buttonRight}>
-                        <Text style={styles.textButton}>{data?.btn_right_txt}</Text>
-                    </TouchableOpacity> : null}
-                </View>
-            </ImageBackground>
-        </Modal>
-    )
-}