reactnative-plugin-appice 1.7.8 → 1.7.9

package/example/App.js

@@ -1,660 +1,660 @@
-/**
- * Sample React Native App
- * https://github.com/facebook/react-native
- *
- * @format
- * @flow strict-local
- */
-
-import React from 'react';
-import { Alert,
-    Text,
-    Platform,
-    Image,
-    Linking,
-    Button,
-    TextInput,  
-    ScrollView,
-    View,
-    AppState
- } from 'react-native';
-
-const AppICE = require('reactnative-plugin-appice');
-const HelloWorldApp = () => {
-  const certs: never[] = [];
-  if (AppICE) {
-    console.log('AppICE is available');
-    AppICE.preInitialise();
-    console.log('preInitialize completed');
-
-    AppICE.startContext(
-      
-     /* "63ff2f6656903ac80342836f",
-      "f77142c61559d217188336610f0d4e432063e0c8",
-      "869a33728bd9b54fb920cee790062f6c",
-      "",
-      "BOI-UAT",
-      "https://uaappiceuatapi.bankofindia.co.in:11443/uat/api",
-      certs*/
-     
-     "5bebe93c25d705690ffbc758",
-      "9e9ec60197c8373a11ac15ce4dae80e973608ab2",
-      "e5aa4b293f3188fac9cb1a4017963604",
-      "",
-      "US",
-      "https://a.appice.io",
-      certs 
-      
-/*
-      "63da0ecb29610f3d31365d55",
-      "2e0c99435744e47ee673f6105360c4d9c8b135e6",
-      "c5d88b2aadaea30d5e0c4f153125a12c",
-      "",
-      "BOI-SIT",
-      "https://uaappiceuatapi.bankofindia.co.in:11443/sit/api",
-      certs
-    */
-    );
-
-    
-   
-    /*
-    AppICE.startContext(
-      // '5bebe93c25d705690ffbc758',
-      // '9e9ec60197c8373a11ac15ce4dae80e973608ab2',
-      // 'd985715d1bb48942d36d5d08de3b6a8c',
-      // '7a55ba2f-52c3-4d88-917d-0365e2f7c9cf',
-      // "US",
-      // "https://stagingapi.appice.io",
-      "5bebe93c25d705690ffbc758",
-        "9e9ec60197c8373a11ac15ce4dae80e973608ab2",
-        "e5aa4b293f3188fac9cb1a4017963604",
-        "",
-       "US",
-        "https://a.appice.io",
-
-        certs);
-        */
-        addAppICEAPIListeners();
-
-        AppState.addEventListener('change', (nextAppState) => {
-          if (nextAppState === 'active') {
-           AppICE.isDeviceReady(true);
-          }
-          else if (nextAppState === 'background'){
-            AppICE.isDeviceReady(false);
-          }
-        });
-        
-  }
-
-
-
-
-
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
-        marginBottom: 10,
-
-      }}>
-      <Text>AppICE React Demo</Text>
-
-      <Button
-        onPress={sendEvent}
-        title="Send Event"
-        color="#841584"
-
-      />
-      <View
-      >
-
-      </View>
-      <TextInput
-        style={{ height: 30,width:150, borderColor: 'gray', borderWidth: 1, marginBottom: 5, paddingHorizontal: 10 }}
-        placeholder="setUserID"
-        onChangeText={handlesetIDText}
-      />
-      <View style={{ flexDirection: 'row', marginTop: 5 }}>
-        <Button title="setUserID" onPress={setSampleUserID} />
-        <View style={{ marginLeft: 10 }}>
-          <Button title="getUserId" onPress={getUserId} />
-        </View>
-      </View>
-
-      <View style={{ flexDirection: 'row', marginTop: 5 }}>
-        <Button title="setUserProfile" onPress={setUserProfile} />
-        <View style={{ marginLeft: 10 }}>
-          <Button title="getUserProfile" onPress={getUser} />
-        </View>
-      </View>
-
-      <View style={{ flexDirection: 'row', marginTop: 5 }}>
-        <Button title="set Custom Variable" onPress={setLanguage} />
-        <View style={{ marginLeft: 10 }}>
-          <Button title="Send View" onPress={sendView} />
-        </View>
-      </View>
-
-      <TextInput
-        style={{ height: 30,width:300, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
-        placeholder="mid"
-        onChangeText={handleTextChange}
-      />
-
-    <View style={{ flexDirection: 'row', marginTop: 5 }}>
-        <Button title="getInboxMessage" onPress={getInboxMessage} />
-        <View style={{ marginLeft: 5 }}>
-          <Button title="getMessageCount" onPress={getMessageCount} />
-        </View>
-        <View style={{ marginLeft: 5 }}>
-        </View>
-      </View>
-
-      <View style={{ flexDirection: 'row', marginTop: 5 }}>
-        <Button title="getInboxMessageId" onPress={getInboxMessageForId} />
-        <View style={{ marginLeft: 10 }}>
-          <Button title="updateInbox" onPress={updateInboxMessage} />
-        </View>
-      </View>
-
-      <Button
-        onPress={synchronizeInbox}
-        title="synchronizeInbox"
-        color="#841584"
-      />
-      <Button
-        onPress={getUserDetails}
-        title="getUserDetails"
-        color="#841584"
-      />
-      <Button
-        onPress={getUserData}
-        title="getUserData"
-        color="#841584"
-      />
-    </View>
-  )
-
-}
-
-function addAppICEAPIListeners() {
-  AppICE.addListener(AppICE.AppICEPushNotificationClicked, (event: { AppICEPushNotificationClicked: any; }) => {
-    if (typeof event !== 'undefined') {
-      console.log(
-        'handleAppICETapEvent',
-        AppICE.AppICEPushNotificationClicked,
-        event.AppICEPushNotificationClicked,
-      );
-      AppICE.pushNotificationClicked(event.AppICEPushNotificationClicked);
-    }
-  });
-
-  AppICE.addListener(AppICE.AppICEInAppClicked, (event: { AppICEInAppClicked: any; }) => {
-    if (typeof event !== 'undefined') {
-      console.log("event AppICEInAppClicked: " + event);
-console.log("event is from  AppICEInAppClicked is " + event.AppICEInAppClicked);
-console.log('handleAppICETapEvent', AppICE.AppICEInAppClicked);
-
-
-  callbackInApp(event.AppICEInAppClicked)
-    }
-  });
-}
-const sendEvent = () => {
-  console.log("inside sendEvent");
-  var dataObj = {
-    "ClickedMenuBtn": "false",
-    "CLickedSubmitBtn": "false",
-    "AppName": "ReactSampleApp"
-  };
-  AppICE.tagEvent("ReactSampleApp", dataObj);
-
-}
-
-
-const setUserProfile = () => {
- AppICE.setUser({
-    [AppICE.name]: 'arthe',
-    [AppICE.phone]: '',
-    [AppICE.email]: '',
-    [AppICE.age]: 0,
-    [AppICE.gender]: '',
-    [AppICE.dob]: 0,
-    [AppICE.educationType]: '',
-    [AppICE.employmentType]: '',
-    [AppICE.married]:1,
-    [AppICE.isEmployed]:1,  
-  });
-  console.log("[AppICE.name] "+[AppICE.name]);
-  console.log("[AppICE.phone] "+[AppICE.phone]);
-  console.log("[AppICE.email] "+[AppICE.email]);
-  console.log("[AppICE.age] "+[AppICE.age]);
-  console.log("[AppICE.gender] "+[AppICE.gender]);
-};
-
-const setSampleUserID = () => {
-  AppICE.setUserId(['16084015600']);
-  //181166344
-  //AppICE.setUserId(['181166344']);
- //AppICE.setUserId(['kuOEN8bCqdrROmJPVCeKSg==']);
-
-};
-
-const getUserId = () => {
-  AppICE.getUserId((userIds: any[]) => {
-    console.log('User IDs:', userIds);
-    const inboxMessageString = JSON.stringify(userIds, null, 2);
-
-      Alert.alert(`getInboxMessageForId: \n ${inboxMessageString}`);
-  });
-};
-
-const setLanguage = () => {
-  AppICE.setCustomVariable("_lang", "ar-AE");
-
-};
-//getUserDetails
-const getUserDetails = () => {
-  console.log('GET USER Details:');
-  AppICE.getUser((user:any) => {
-
-  });
-
-};
-const getUser = () => {
-  console.log('GET USER:');
-
-  const userData = AppICE.getUser((res: any)=>{
-    console.log("userData getUser "+userData);
-    
-    if(res){
-      var response;
-        const resData = JSON.stringify(res);
-        console.log("res "+resData);
-  
-        const data = JSON.parse(resData);
-        response = data;
-
-
-      const customProperties = response[AppICE.DEMOGRAPHIC_INFO];
-     console.log("customProperties "+customProperties);
-
-    }
-  });
-}
-  
-
-function callbackInApp(payload: any) {
-
-    console.log('Call BAck payload:', payload);
-  
-  if (payload) { 
-      const screen = JSON.parse(payload)
-      console.log('Call BAck Screen:',screen);
-
-  }
-
-};
-
-function callbackInApp1(payload: any) {
-
-  if (Platform.OS === 'ios') {
-    console.log('Call BAck Screen  for IOS:');
-    console.log('Call BAck payload :',payload);
-  
-  if (payload) { 
-      const screen = JSON.parse(payload)
-      console.log('Call BAck Screen :',screen);
-      Alert.alert('Call BAck Screen : ' +screen);
-  }
-}
-else
-{
-  console.log("Please use Android logic here.");
-}
-};
-
-const sendView = () => {
-  AppICE.tagEvent("HomeScreen", {});
-};
-/*
-===================
-APPINBOX
-===================
-*/
-const type = 1; 
-//kuOEN8bCqdrROmJPVCeKSg==
-const userIds = ['16084015600']; 
-let inputValue = '';
-const handlesetIDText = (text: string) => {
-
-};
-
-const handleTextChange = (text: string) => {
-  inputValue = text;
-};
-
-let textInput: TextInput | null = null;
-
-const getInboxMessage = () => {
-  const userId = ['16084015600'];
-  getInboxMessages(1, userId, "Bank Communications", 10, 0, 10, false, (result:any) => {
-    console.log("Inbox data set: ", result);
-    Alert.alert(`Inbox Data: \n ${result}`);
-  })
-};
-
-function getInboxMessages(type: number, userids: string[], category: string, limit: number, offset: number, timeout: number, withServerHit: boolean, callback: { (result: any): void; (arg0: string): void; }) {
-
-  if (withServerHit) {
-    AppICE.synchronizeInbox(timeout, (res: any) => {
-      if (res) {
-        AppICE.getInboxMessages(type, userids, async (res: any) => {
-          console.log("getInboxMessages " + res)
-          if (res) {
-            const newData = JSON.stringify(res);
-            const result = await getFilteredData(newData, category, limit, offset);
-            console.log("getFilteredData 2: ", result);
-            const val = JSON.stringify(result);
-            console.log("getFilteredData 2: ", val);
-            if (val) {
-              console.log("internalGetInboxMessage 2" + val)
-              callback(val);
-            //  getMediaDataKeys(res);
-            }
-          }
-        })
-      } else {
-        AppICE.getInboxMessages(type, userids, async (res: any) => {
-          console.log("getInboxMessages " + res)
-          if (res) {
-            const newData = JSON.stringify(res);
-            const result = await getFilteredData(newData, category, limit, offset);
-            console.log("getFilteredData 3: ", result);
-            const val = JSON.stringify(result);
-            console.log("getFilteredData 3: ", val);
-            if (val) {
-              console.log("internalGetInboxMessage 3" + val)
-              callback(val);
-              
-            }
-          }
-        })
-      }
-    });
-  } else {
-    AppICE.getInboxMessages(type, userids,async (res: any) => {
-      if (res) {
-        try {
-          const newData = JSON.stringify(res);
-        console.log("getInboxMessages newData" + newData)
-        const result = await getFilteredData(newData, category, limit, offset);
-        console.log("getFilteredData result" + result)
-        
-        const val = JSON.stringify(result);
-        console.log("getFilteredData stringify result val" + val)
-        
-        
-        if (val) {
-          console.log("internalGetInboxMessage 4" + val)
-          callback(val);
-          
-        }
-        } catch (error) {
-          console.log("internalGetInboxMessage error" + error)
-        }
-        
-      }
-    })
-  }
-}
-
-
-async function getMediaDataKeys(inboxMessages: any) {
-  const newInboxMessageData: any[] = [];
-
-  // Iterate over all messages in inboxMessages array
-  inboxMessages.forEach(async (message: any) => {
-
-
-    const mediaKey = 'imageUrl'; // Adjust media key as needed
-    const singleInboxMessage = Object.assign({}, message);
-
-    console.log('from server ', singleInboxMessage);
-    try {
-      const mediaData = await new Promise((resolve, reject) => {
-        AppICE.getMediaData(message, mediaKey, (mediaData: any) => {
-          resolve(mediaData);
-        });
-      });
-      // We have to check mediaData if it is valid only then we should call rest of the functions
-      const mediaUrl = await new Promise((resolve, reject) => {
-        AppICE.getMediaUrl(message, mediaData, (mediaUrl: any) => {
-          resolve(mediaUrl);
-        });
-      });
-      const mediaType = await new Promise((resolve, reject) => {
-        AppICE.getMediaType(message, mediaData, (mediaType: any) => {
-          resolve(mediaType);
-        });
-      });
-      const mediaThumbnail = await new Promise((resolve, reject) => {
-        AppICE.getMediaThumbnail(message, mediaData, (mediaThumbnail: any) => {
-          resolve(mediaThumbnail);
-        });
-      });
-      console.log('==================================================',);
-      console.log('singleInboxMessage:', singleInboxMessage);
-      console.log('mediaUrl:', mediaUrl);
-      console.log('mediaType:', mediaType);
-      console.log('mediaThumbnail:', mediaThumbnail);
-      // Add media data to singleInboxMessage
-      singleInboxMessage.mediaUrl = mediaUrl;
-      singleInboxMessage.mediaType = mediaType;
-      singleInboxMessage.mediaThumbnail = mediaThumbnail;
-
-
-      // Push singleInboxMessage to newInboxMessageData
-      newInboxMessageData.push(singleInboxMessage);
-
-      console.log('final Media newInboxMessageData push:', newInboxMessageData);
-      console.log('==================================================',);
-    } catch (error) {
-      console.error('Error fetching media data:', error);
-    }
-  });
-
-  // Wait for all asynchronous operations to complete before returning
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(newInboxMessageData);
-      console.log('Media newInboxMessageData promise:', newInboxMessageData);
-    }, 500); //millisecond
-  });
-
-}
-
-async function getFilteredData(newData: string, category: string, limit: number, offset: number | undefined) {
-  const jsonArray = JSON.parse(newData);
-  if (!jsonArray || !Array.isArray(jsonArray)) {
-    console.error('Invalid jsonArray:', jsonArray);
-    return null;
-  }
-
-  // Convert the provided category to lowercase for case-insensitive comparison
-  const lowerCaseCategory = category.toLowerCase();
-
-  // Count occurrences of each category with original case for the entire array
-  const categoryCount = jsonArray.reduce((acc, item) => {
-    const categoryName = item?.cdata?.category; // Added null checks
-    if (categoryName) {
-      acc[categoryName] = (acc[categoryName] || 0) + 1;
-    }
-    return acc;
-  }, {});
-
-  // Ensure that "chip A" and "chip B" are in the count array, even if they are not present in the filtered array
-  ["Offers & Promotions", "Bank Communications"].forEach(chip => {
-    if (!categoryCount[chip]) {
-      categoryCount[chip] = 0;
-    }
-  });
-
-  // Filter the array based on the provided category (case-insensitive)
-  const filteredArray = jsonArray.filter(item => item?.cdata?.category?.toLowerCase() === lowerCaseCategory);
-  console.log("slicedArray filteredArray " +filteredArray);
-
-  // Apply limit and offset to the filtered array
-  const slicedArray = filteredArray.slice(offset, offset + limit);
-  console.log("slicedArray " + JSON.stringify(slicedArray));
-
-  // Prepare the result object without assigning new values
-  const result = {
-    count: Object.entries(categoryCount).map(([key, value]) => ({ [key]: value })),
-    inboxData: await getMediaDataKeys(slicedArray)
-    /*slicedArray.map(item => ({
-      cdata: item?.cdata,
-      campId: item?.campId,
-      campType: item?.campType,
-      icon: item?.icon,
-      id: item?.id,
-      message: item?.message,
-      messageExpiryTime: item?.messageExpiryTime,
-      messageLanguage: item?.messageLanguage,
-      messageStatus: item?.messageStatus,
-      title: item?.title
-      
-    }))*/
-  };
-  console.log("filtered data " + JSON.stringify(result));
-  return result;
-}
-
-
-const getMessageCount = () => {
-  const userId = ['16084015600'];
-  const count = getMessageCounts(1, userId, 10, (result: number) => {
-    Alert.alert(`getMessageCounts count : \n ${result}`);
-  })
- }
- function getMessageCounts(type: number, userids:string[], timeout: number, callback: { (result: number): void; (arg0: any): void; }) {
-  AppICE.synchronizeInbox(timeout, (res: any) => {
-    if (res) {
-      console.log("getMessageCounts inside the sync type = "+type+", userid = "+userids)
-      AppICE.getMessageCount(1, userids, (res: string) => {
-        if (res) {
-          console.log("getMessageCounts inside the sync res = "+res)
-          callback(res);
-        }
-      });
-    } else {
-      console.log("getMessageCounts outside the sync type = "+type+", userid = "+userids)
-      console.log("inbox is not synced with server, showing old stored data")
-      AppICE.getMessageCount(1, userids, (res: any) => {
-        if (res) {
-          callback(res);
-        }
-      });
-    }
-  })
-}
-
-const getInboxMessageForId = () => {
-  const messageId = "2808bed2-11e7-4352-ac5a-b22a7dec9ca5"; 
-   const useIds = 'kuOEN8bCqdrROmJPVCeKSg=='; 
-
-   AppICE.getInboxMessageForId(messageId, useIds, (inboxMessage: any) => {
-     console.log('getInboxMessageForId in JS:', inboxMessage);
-   });
- }
-
-  const updateInboxMessage = () => {
-    const messageId = "13f6a43b-6618-4918-addf-d9d341984e23";
-    updatedInboxMessage(messageId, 3, 'kuOEN8bCqdrROmJPVCeKSg==', (result: boolean) => {
-      Alert.alert('Update Inbox Message:', `Entered value: ${inputValue} \n ${result}`);
-    });
-  }
-  function updatedInboxMessage(messageId: string, type: number, userid: string, callback: { (result: boolean): void; (arg0: any): void; }) {
-    AppICE.updateInboxMessage(messageId, type, userid, (res: boolean) => {
-      callback(res);
-      console.log("updateInboxMessage res : " + res)
-    });
-  }
-
-const synchronizeInbox = () => {
-  AppICE.synchronizeInbox(10, (success: boolean) => {
-    console.log('Inbox synchronization success:', success);
-    const useIds = ['16084015600']; 
-    AppICE.getInboxMessages( 1, useIds, (inboxMessages: any[]) => {
-      console.log('Inbox Messages:', inboxMessages);
-    });
-
-  });
-}
-
-const getUserData = () => {
-  AppICE.synchronizeData(10,(success: boolean) => {
-    console.log('Profile synchronization success:', success);
-    Alert.alert(`synchronizeData: \n ${success}`);
-    const userIds = ['16084015600']; 
-    AppICE.getUserForIds(userIds, (res:any) => {
-
-      console.log('Receive getUser:', res); 
-      Alert.alert('Receive getUser Alert:' + JSON.stringify(res));
-      for (var index = 0; index < res.length; index++) {
-        let userData = res[index];
-        console.log('Received Inbox:', userData); 
-        const name = userData[AppICE.name];
-        const phone = userData[AppICE.phone];
-        const gender = userData[AppICE.gender];
-        const dob = userData[AppICE.dob];
-        const edt = userData[AppICE.educationType];
-        const email = userData[AppICE.email];
-        const employment = userData[AppICE.employmentType];
-        const age = userData[AppICE.age];
-        const marriage = userData[AppICE.married];
-        const isEmployed = userData[AppICE.isEmployed];
-
-        console.log('GetUser Name:', name);
-        console.log('GetUser PHONE:', phone);
-        console.log('GetUser gender:', gender);
-        console.log('GetUser dob:', dob);
-        console.log('GetUser edt:', edt);
-        console.log('GetUser email:', email);
-        console.log('GetUser employment:', employment);
-        console.log('GetUser age:', age);
-        console.log('GetUser marriage:', marriage);
-        console.log('GetUser ISEMPLOYED:', isEmployed);
-
-
-        const customProperties = userData[AppICE.DEMOGRAPHIC_INFO];
-      const customPropertiesObj = JSON.parse(customProperties);  
-      console.log("customPropertiesObj "+customPropertiesObj);
-
-      console.log("user Profile, top_n_product_viewed = "+customPropertiesObj[AppICE.TOP_N_PRODUCTS_VIEWED]);
-     
-
-
-    }
-    });
-    
-
-  });
-}
-
-
-export default HelloWorldApp;
-
-function showAlert(arg0: string, arg1: string) {
-  throw new Error('Function not implemented.');
-}
-
-
-function callback(arg0: string) {
-  throw new Error('Function not implemented.');
-}
-
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import React from 'react';
+import { Alert,
+    Text,
+    Platform,
+    Image,
+    Linking,
+    Button,
+    TextInput,  
+    ScrollView,
+    View,
+    AppState
+ } from 'react-native';
+
+const AppICE = require('reactnative-plugin-appice');
+const HelloWorldApp = () => {
+  const certs: never[] = [];
+  if (AppICE) {
+    console.log('AppICE is available');
+    AppICE.preInitialise();
+    console.log('preInitialize completed');
+
+    AppICE.startContext(
+      
+     /* "63ff2f6656903ac80342836f",
+      "f77142c61559d217188336610f0d4e432063e0c8",
+      "869a33728bd9b54fb920cee790062f6c",
+      "",
+      "BOI-UAT",
+      "https://uaappiceuatapi.bankofindia.co.in:11443/uat/api",
+      certs*/
+     
+     "5bebe93c25d705690ffbc758",
+      "9e9ec60197c8373a11ac15ce4dae80e973608ab2",
+      "e5aa4b293f3188fac9cb1a4017963604",
+      "",
+      "US",
+      "https://a.appice.io",
+      certs 
+      
+/*
+      "63da0ecb29610f3d31365d55",
+      "2e0c99435744e47ee673f6105360c4d9c8b135e6",
+      "c5d88b2aadaea30d5e0c4f153125a12c",
+      "",
+      "BOI-SIT",
+      "https://uaappiceuatapi.bankofindia.co.in:11443/sit/api",
+      certs
+    */
+    );
+
+    
+   
+    /*
+    AppICE.startContext(
+      // '5bebe93c25d705690ffbc758',
+      // '9e9ec60197c8373a11ac15ce4dae80e973608ab2',
+      // 'd985715d1bb48942d36d5d08de3b6a8c',
+      // '7a55ba2f-52c3-4d88-917d-0365e2f7c9cf',
+      // "US",
+      // "https://stagingapi.appice.io",
+      "5bebe93c25d705690ffbc758",
+        "9e9ec60197c8373a11ac15ce4dae80e973608ab2",
+        "e5aa4b293f3188fac9cb1a4017963604",
+        "",
+       "US",
+        "https://a.appice.io",
+
+        certs);
+        */
+        addAppICEAPIListeners();
+
+        AppState.addEventListener('change', (nextAppState) => {
+          if (nextAppState === 'active') {
+           AppICE.isDeviceReady(true);
+          }
+          else if (nextAppState === 'background'){
+            AppICE.isDeviceReady(false);
+          }
+        });
+        
+  }
+
+
+
+
+
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        marginBottom: 10,
+
+      }}>
+      <Text>AppICE React Demo</Text>
+
+      <Button
+        onPress={sendEvent}
+        title="Send Event"
+        color="#841584"
+
+      />
+      <View
+      >
+
+      </View>
+      <TextInput
+        style={{ height: 30,width:150, borderColor: 'gray', borderWidth: 1, marginBottom: 5, paddingHorizontal: 10 }}
+        placeholder="setUserID"
+        onChangeText={handlesetIDText}
+      />
+      <View style={{ flexDirection: 'row', marginTop: 5 }}>
+        <Button title="setUserID" onPress={setSampleUserID} />
+        <View style={{ marginLeft: 10 }}>
+          <Button title="getUserId" onPress={getUserId} />
+        </View>
+      </View>
+
+      <View style={{ flexDirection: 'row', marginTop: 5 }}>
+        <Button title="setUserProfile" onPress={setUserProfile} />
+        <View style={{ marginLeft: 10 }}>
+          <Button title="getUserProfile" onPress={getUser} />
+        </View>
+      </View>
+
+      <View style={{ flexDirection: 'row', marginTop: 5 }}>
+        <Button title="set Custom Variable" onPress={setLanguage} />
+        <View style={{ marginLeft: 10 }}>
+          <Button title="Send View" onPress={sendView} />
+        </View>
+      </View>
+
+      <TextInput
+        style={{ height: 30,width:300, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+        placeholder="mid"
+        onChangeText={handleTextChange}
+      />
+
+    <View style={{ flexDirection: 'row', marginTop: 5 }}>
+        <Button title="getInboxMessage" onPress={getInboxMessage} />
+        <View style={{ marginLeft: 5 }}>
+          <Button title="getMessageCount" onPress={getMessageCount} />
+        </View>
+        <View style={{ marginLeft: 5 }}>
+        </View>
+      </View>
+
+      <View style={{ flexDirection: 'row', marginTop: 5 }}>
+        <Button title="getInboxMessageId" onPress={getInboxMessageForId} />
+        <View style={{ marginLeft: 10 }}>
+          <Button title="updateInbox" onPress={updateInboxMessage} />
+        </View>
+      </View>
+
+      <Button
+        onPress={synchronizeInbox}
+        title="synchronizeInbox"
+        color="#841584"
+      />
+      <Button
+        onPress={getUserDetails}
+        title="getUserDetails"
+        color="#841584"
+      />
+      <Button
+        onPress={getUserData}
+        title="getUserData"
+        color="#841584"
+      />
+    </View>
+  )
+
+}
+
+function addAppICEAPIListeners() {
+  AppICE.addListener(AppICE.AppICEPushNotificationClicked, (event: { AppICEPushNotificationClicked: any; }) => {
+    if (typeof event !== 'undefined') {
+      console.log(
+        'handleAppICETapEvent',
+        AppICE.AppICEPushNotificationClicked,
+        event.AppICEPushNotificationClicked,
+      );
+      AppICE.pushNotificationClicked(event.AppICEPushNotificationClicked);
+    }
+  });
+
+  AppICE.addListener(AppICE.AppICEInAppClicked, (event: { AppICEInAppClicked: any; }) => {
+    if (typeof event !== 'undefined') {
+      console.log("event AppICEInAppClicked: " + event);
+console.log("event is from  AppICEInAppClicked is " + event.AppICEInAppClicked);
+console.log('handleAppICETapEvent', AppICE.AppICEInAppClicked);
+
+
+  callbackInApp(event.AppICEInAppClicked)
+    }
+  });
+}
+const sendEvent = () => {
+  console.log("inside sendEvent");
+  var dataObj = {
+    "ClickedMenuBtn": "false",
+    "CLickedSubmitBtn": "false",
+    "AppName": "ReactSampleApp"
+  };
+  AppICE.tagEvent("ReactSampleApp", dataObj);
+
+}
+
+
+const setUserProfile = () => {
+ AppICE.setUser({
+    [AppICE.name]: 'arthe',
+    [AppICE.phone]: '',
+    [AppICE.email]: '',
+    [AppICE.age]: 0,
+    [AppICE.gender]: '',
+    [AppICE.dob]: 0,
+    [AppICE.educationType]: '',
+    [AppICE.employmentType]: '',
+    [AppICE.married]:1,
+    [AppICE.isEmployed]:1,  
+  });
+  console.log("[AppICE.name] "+[AppICE.name]);
+  console.log("[AppICE.phone] "+[AppICE.phone]);
+  console.log("[AppICE.email] "+[AppICE.email]);
+  console.log("[AppICE.age] "+[AppICE.age]);
+  console.log("[AppICE.gender] "+[AppICE.gender]);
+};
+
+const setSampleUserID = () => {
+  AppICE.setUserId(['16084015600']);
+  //181166344
+  //AppICE.setUserId(['181166344']);
+ //AppICE.setUserId(['kuOEN8bCqdrROmJPVCeKSg==']);
+
+};
+
+const getUserId = () => {
+  AppICE.getUserId((userIds: any[]) => {
+    console.log('User IDs:', userIds);
+    const inboxMessageString = JSON.stringify(userIds, null, 2);
+
+      Alert.alert(`getInboxMessageForId: \n ${inboxMessageString}`);
+  });
+};
+
+const setLanguage = () => {
+  AppICE.setCustomVariable("_lang", "ar-AE");
+
+};
+//getUserDetails
+const getUserDetails = () => {
+  console.log('GET USER Details:');
+  AppICE.getUser((user:any) => {
+
+  });
+
+};
+const getUser = () => {
+  console.log('GET USER:');
+
+  const userData = AppICE.getUser((res: any)=>{
+    console.log("userData getUser "+userData);
+    
+    if(res){
+      var response;
+        const resData = JSON.stringify(res);
+        console.log("res "+resData);
+  
+        const data = JSON.parse(resData);
+        response = data;
+
+
+      const customProperties = response[AppICE.DEMOGRAPHIC_INFO];
+     console.log("customProperties "+customProperties);
+
+    }
+  });
+}
+  
+
+function callbackInApp(payload: any) {
+
+    console.log('Call BAck payload:', payload);
+  
+  if (payload) { 
+      const screen = JSON.parse(payload)
+      console.log('Call BAck Screen:',screen);
+
+  }
+
+};
+
+function callbackInApp1(payload: any) {
+
+  if (Platform.OS === 'ios') {
+    console.log('Call BAck Screen  for IOS:');
+    console.log('Call BAck payload :',payload);
+  
+  if (payload) { 
+      const screen = JSON.parse(payload)
+      console.log('Call BAck Screen :',screen);
+      Alert.alert('Call BAck Screen : ' +screen);
+  }
+}
+else
+{
+  console.log("Please use Android logic here.");
+}
+};
+
+const sendView = () => {
+  AppICE.tagEvent("HomeScreen", {});
+};
+/*
+===================
+APPINBOX
+===================
+*/
+const type = 1; 
+//kuOEN8bCqdrROmJPVCeKSg==
+const userIds = ['16084015600']; 
+let inputValue = '';
+const handlesetIDText = (text: string) => {
+
+};
+
+const handleTextChange = (text: string) => {
+  inputValue = text;
+};
+
+let textInput: TextInput | null = null;
+
+const getInboxMessage = () => {
+  const userId = ['16084015600'];
+  getInboxMessages(1, userId, "Bank Communications", 10, 0, 10, false, (result:any) => {
+    console.log("Inbox data set: ", result);
+    Alert.alert(`Inbox Data: \n ${result}`);
+  })
+};
+
+function getInboxMessages(type: number, userids: string[], category: string, limit: number, offset: number, timeout: number, withServerHit: boolean, callback: { (result: any): void; (arg0: string): void; }) {
+
+  if (withServerHit) {
+    AppICE.synchronizeInbox(timeout, (res: any) => {
+      if (res) {
+        AppICE.getInboxMessages(type, userids, async (res: any) => {
+          console.log("getInboxMessages " + res)
+          if (res) {
+            const newData = JSON.stringify(res);
+            const result = await getFilteredData(newData, category, limit, offset);
+            console.log("getFilteredData 2: ", result);
+            const val = JSON.stringify(result);
+            console.log("getFilteredData 2: ", val);
+            if (val) {
+              console.log("internalGetInboxMessage 2" + val)
+              callback(val);
+            //  getMediaDataKeys(res);
+            }
+          }
+        })
+      } else {
+        AppICE.getInboxMessages(type, userids, async (res: any) => {
+          console.log("getInboxMessages " + res)
+          if (res) {
+            const newData = JSON.stringify(res);
+            const result = await getFilteredData(newData, category, limit, offset);
+            console.log("getFilteredData 3: ", result);
+            const val = JSON.stringify(result);
+            console.log("getFilteredData 3: ", val);
+            if (val) {
+              console.log("internalGetInboxMessage 3" + val)
+              callback(val);
+              
+            }
+          }
+        })
+      }
+    });
+  } else {
+    AppICE.getInboxMessages(type, userids,async (res: any) => {
+      if (res) {
+        try {
+          const newData = JSON.stringify(res);
+        console.log("getInboxMessages newData" + newData)
+        const result = await getFilteredData(newData, category, limit, offset);
+        console.log("getFilteredData result" + result)
+        
+        const val = JSON.stringify(result);
+        console.log("getFilteredData stringify result val" + val)
+        
+        
+        if (val) {
+          console.log("internalGetInboxMessage 4" + val)
+          callback(val);
+          
+        }
+        } catch (error) {
+          console.log("internalGetInboxMessage error" + error)
+        }
+        
+      }
+    })
+  }
+}
+
+
+async function getMediaDataKeys(inboxMessages: any) {
+  const newInboxMessageData: any[] = [];
+
+  // Iterate over all messages in inboxMessages array
+  inboxMessages.forEach(async (message: any) => {
+
+
+    const mediaKey = 'imageUrl'; // Adjust media key as needed
+    const singleInboxMessage = Object.assign({}, message);
+
+    console.log('from server ', singleInboxMessage);
+    try {
+      const mediaData = await new Promise((resolve, reject) => {
+        AppICE.getMediaData(message, mediaKey, (mediaData: any) => {
+          resolve(mediaData);
+        });
+      });
+      // We have to check mediaData if it is valid only then we should call rest of the functions
+      const mediaUrl = await new Promise((resolve, reject) => {
+        AppICE.getMediaUrl(message, mediaData, (mediaUrl: any) => {
+          resolve(mediaUrl);
+        });
+      });
+      const mediaType = await new Promise((resolve, reject) => {
+        AppICE.getMediaType(message, mediaData, (mediaType: any) => {
+          resolve(mediaType);
+        });
+      });
+      const mediaThumbnail = await new Promise((resolve, reject) => {
+        AppICE.getMediaThumbnail(message, mediaData, (mediaThumbnail: any) => {
+          resolve(mediaThumbnail);
+        });
+      });
+      console.log('==================================================',);
+      console.log('singleInboxMessage:', singleInboxMessage);
+      console.log('mediaUrl:', mediaUrl);
+      console.log('mediaType:', mediaType);
+      console.log('mediaThumbnail:', mediaThumbnail);
+      // Add media data to singleInboxMessage
+      singleInboxMessage.mediaUrl = mediaUrl;
+      singleInboxMessage.mediaType = mediaType;
+      singleInboxMessage.mediaThumbnail = mediaThumbnail;
+
+
+      // Push singleInboxMessage to newInboxMessageData
+      newInboxMessageData.push(singleInboxMessage);
+
+      console.log('final Media newInboxMessageData push:', newInboxMessageData);
+      console.log('==================================================',);
+    } catch (error) {
+      console.error('Error fetching media data:', error);
+    }
+  });
+
+  // Wait for all asynchronous operations to complete before returning
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(newInboxMessageData);
+      console.log('Media newInboxMessageData promise:', newInboxMessageData);
+    }, 500); //millisecond
+  });
+
+}
+
+async function getFilteredData(newData: string, category: string, limit: number, offset: number | undefined) {
+  const jsonArray = JSON.parse(newData);
+  if (!jsonArray || !Array.isArray(jsonArray)) {
+    console.error('Invalid jsonArray:', jsonArray);
+    return null;
+  }
+
+  // Convert the provided category to lowercase for case-insensitive comparison
+  const lowerCaseCategory = category.toLowerCase();
+
+  // Count occurrences of each category with original case for the entire array
+  const categoryCount = jsonArray.reduce((acc, item) => {
+    const categoryName = item?.cdata?.category; // Added null checks
+    if (categoryName) {
+      acc[categoryName] = (acc[categoryName] || 0) + 1;
+    }
+    return acc;
+  }, {});
+
+  // Ensure that "chip A" and "chip B" are in the count array, even if they are not present in the filtered array
+  ["Offers & Promotions", "Bank Communications"].forEach(chip => {
+    if (!categoryCount[chip]) {
+      categoryCount[chip] = 0;
+    }
+  });
+
+  // Filter the array based on the provided category (case-insensitive)
+  const filteredArray = jsonArray.filter(item => item?.cdata?.category?.toLowerCase() === lowerCaseCategory);
+  console.log("slicedArray filteredArray " +filteredArray);
+
+  // Apply limit and offset to the filtered array
+  const slicedArray = filteredArray.slice(offset, offset + limit);
+  console.log("slicedArray " + JSON.stringify(slicedArray));
+
+  // Prepare the result object without assigning new values
+  const result = {
+    count: Object.entries(categoryCount).map(([key, value]) => ({ [key]: value })),
+    inboxData: await getMediaDataKeys(slicedArray)
+    /*slicedArray.map(item => ({
+      cdata: item?.cdata,
+      campId: item?.campId,
+      campType: item?.campType,
+      icon: item?.icon,
+      id: item?.id,
+      message: item?.message,
+      messageExpiryTime: item?.messageExpiryTime,
+      messageLanguage: item?.messageLanguage,
+      messageStatus: item?.messageStatus,
+      title: item?.title
+      
+    }))*/
+  };
+  console.log("filtered data " + JSON.stringify(result));
+  return result;
+}
+
+
+const getMessageCount = () => {
+  const userId = ['16084015600'];
+  const count = getMessageCounts(1, userId, 10, (result: number) => {
+    Alert.alert(`getMessageCounts count : \n ${result}`);
+  })
+ }
+ function getMessageCounts(type: number, userids:string[], timeout: number, callback: { (result: number): void; (arg0: any): void; }) {
+  AppICE.synchronizeInbox(timeout, (res: any) => {
+    if (res) {
+      console.log("getMessageCounts inside the sync type = "+type+", userid = "+userids)
+      AppICE.getMessageCount(1, userids, (res: string) => {
+        if (res) {
+          console.log("getMessageCounts inside the sync res = "+res)
+          callback(res);
+        }
+      });
+    } else {
+      console.log("getMessageCounts outside the sync type = "+type+", userid = "+userids)
+      console.log("inbox is not synced with server, showing old stored data")
+      AppICE.getMessageCount(1, userids, (res: any) => {
+        if (res) {
+          callback(res);
+        }
+      });
+    }
+  })
+}
+
+const getInboxMessageForId = () => {
+  const messageId = "2808bed2-11e7-4352-ac5a-b22a7dec9ca5"; 
+   const useIds = 'kuOEN8bCqdrROmJPVCeKSg=='; 
+
+   AppICE.getInboxMessageForId(messageId, useIds, (inboxMessage: any) => {
+     console.log('getInboxMessageForId in JS:', inboxMessage);
+   });
+ }
+
+  const updateInboxMessage = () => {
+    const messageId = "13f6a43b-6618-4918-addf-d9d341984e23";
+    updatedInboxMessage(messageId, 3, 'kuOEN8bCqdrROmJPVCeKSg==', (result: boolean) => {
+      Alert.alert('Update Inbox Message:', `Entered value: ${inputValue} \n ${result}`);
+    });
+  }
+  function updatedInboxMessage(messageId: string, type: number, userid: string, callback: { (result: boolean): void; (arg0: any): void; }) {
+    AppICE.updateInboxMessage(messageId, type, userid, (res: boolean) => {
+      callback(res);
+      console.log("updateInboxMessage res : " + res)
+    });
+  }
+
+const synchronizeInbox = () => {
+  AppICE.synchronizeInbox(10, (success: boolean) => {
+    console.log('Inbox synchronization success:', success);
+    const useIds = ['16084015600']; 
+    AppICE.getInboxMessages( 1, useIds, (inboxMessages: any[]) => {
+      console.log('Inbox Messages:', inboxMessages);
+    });
+
+  });
+}
+
+const getUserData = () => {
+  AppICE.synchronizeData(10,(success: boolean) => {
+    console.log('Profile synchronization success:', success);
+    Alert.alert(`synchronizeData: \n ${success}`);
+    const userIds = ['16084015600']; 
+    AppICE.getUserForIds(userIds, (res:any) => {
+
+      console.log('Receive getUser:', res); 
+      Alert.alert('Receive getUser Alert:' + JSON.stringify(res));
+      for (var index = 0; index < res.length; index++) {
+        let userData = res[index];
+        console.log('Received Inbox:', userData); 
+        const name = userData[AppICE.name];
+        const phone = userData[AppICE.phone];
+        const gender = userData[AppICE.gender];
+        const dob = userData[AppICE.dob];
+        const edt = userData[AppICE.educationType];
+        const email = userData[AppICE.email];
+        const employment = userData[AppICE.employmentType];
+        const age = userData[AppICE.age];
+        const marriage = userData[AppICE.married];
+        const isEmployed = userData[AppICE.isEmployed];
+
+        console.log('GetUser Name:', name);
+        console.log('GetUser PHONE:', phone);
+        console.log('GetUser gender:', gender);
+        console.log('GetUser dob:', dob);
+        console.log('GetUser edt:', edt);
+        console.log('GetUser email:', email);
+        console.log('GetUser employment:', employment);
+        console.log('GetUser age:', age);
+        console.log('GetUser marriage:', marriage);
+        console.log('GetUser ISEMPLOYED:', isEmployed);
+
+
+        const customProperties = userData[AppICE.DEMOGRAPHIC_INFO];
+      const customPropertiesObj = JSON.parse(customProperties);  
+      console.log("customPropertiesObj "+customPropertiesObj);
+
+      console.log("user Profile, top_n_product_viewed = "+customPropertiesObj[AppICE.TOP_N_PRODUCTS_VIEWED]);
+     
+
+
+    }
+    });
+    
+
+  });
+}
+
+
+export default HelloWorldApp;
+
+function showAlert(arg0: string, arg1: string) {
+  throw new Error('Function not implemented.');
+}
+
+
+function callback(arg0: string) {
+  throw new Error('Function not implemented.');
+}
+