react-native-flyy 1.4.31 → 1.4.33

package/src/index.tsx

@@ -10,10 +10,13 @@ import {
   AppState,
   ToastAndroid,
   Linking,
-  FlatList
+  FlatList,
+  Alert
 } from 'react-native';
 import FlyyCheckinComponent from './flyy_checkin_view';
 import { FlyyStoriesWidget } from './flyy_stories';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import Draggable from 'react-native-draggable';
 
 type FlyyType = {
   getUserId(arg0: (data: any) => void): unknown;
@@ -39,224 +42,225 @@ const windowHeight = Dimensions.get('window').height;
 const windowWidth = Dimensions.get('window').width;
 
 // ****** Flyy Floating Widget ******
-// export const FlyyFloatingWidget = ({
-//   props = {
-//     backgroundColor: "#654EA3",
-//     buttonHeight: 55,
-//     buttonWidth: 55,
-//     buttonCornerRadius: 40,
-//     buttonIcon: require('./assets/images/rewardwidget.png'),
-//     onPress: () => { },
-//     x: windowWidth - 75,
-//     y: windowHeight - 100,
-//     minX: 5,
-//     minY: 5,
-//     maxX: windowWidth - 5,
-//     maxY: windowHeight - 5,
-//     show: true,
-//     stick: false,
-//     startDate: 0,
-//     endDate: 0
-//   } }) => {
-
-//     const [showWidget,setShowWidget] = useState(false);
-//     const [userData,setUserData] = useState({});
-//     const [iconUrl,setIconUrl] = useState(require('./assets/images/rewardwidget.png'));
-//     const [backgroundColor,setBackgroundColor] = useState("#654EA3");
-//     const [buttonSize,setButtonSize] = useState(55);  
-//     const [buttonXPosition,setButtonXPosition] = useState(windowWidth - 75);
-//     const [buttonYPosition,setButtonYPosition] = useState(windowHeight - 100);
-//     const [deeplink,setDeeplink] = useState(null);
-//     const flyyConfigDate = "flyy_config_date";
-//     const flyyConfigUserId = "user_id";
-//     var oldState = null;
-//     var currentState = null;
-//     var data = null;
-
-//     useEffect(()=>{
-//       fetchData();
-//     },[]);
-
-//     const fetchData = async() => {
-//       const sdkInfo = await Flyy.getUserData(); 
-//       const appData = await Flyy.getAppData();
-//       const resp = await fetch(`https://${sdkInfo["environment"] == 0 ? "ghc-stage" : "ghc"}.theflyy.com/api/v8/flyy_app_info`, {
-//         headers: {
-//             "X-Key": sdkInfo["partner_id"],
-//             "Content-Type": "application/json",
-//             "X-App-Data": appData
-//         }
-//     });
-//      data = await resp.json();
-//      if(!data.success){
-//       if (Platform.OS === 'android') {
-//         ToastAndroid.show(data.message, ToastAndroid.SHORT);
-//       } else {
-//           // Toast.showWithGravity(data.message, Toast.SHORT, Toast.BOTTOM);
-//       }
-//       return;
-//      }
-//      const widgetConfig = data.info.floating_widget_configuration;
-
-//       if (widgetConfig.icon_url != null && widgetConfig.icon_url != '') {
-//         setIconUrl({ uri: widgetConfig.icon_url })
-//       } else {
-//         setIconUrl(props.buttonIcon)
-//       }
-
-//       if (widgetConfig.color != null && widgetConfig.color != '') {
-//         setBackgroundColor(widgetConfig.color)
-//       } else {
-//         setBackgroundColor(props.backgroundColor)
-//       }
-
-//       if (widgetConfig.size != null && widgetConfig.color != 0) {
-//         setButtonSize(parseInt(data.info.floating_widget_configuration.size))
-//       } else {
-//         setButtonSize(props.buttonHeight)
-//       }
-
-//       //FloatingButton Position 
-//       if (widgetConfig.position == "bottom_left") {
-//         setButtonXPosition(10)
-//       } else if (widgetConfig.position == "bottom_right") {
-//         setButtonXPosition(windowWidth - 75)
-//       } else if (widgetConfig.position == "upper_left") {
-//         setButtonXPosition(10)
-//         if (Platform.OS === 'android'){
-//           setButtonYPosition(10)
-//         }else{
-//           setButtonYPosition(50)
-//         }
-//       } else if (widgetConfig.position == "upper_right") {
-//         setButtonXPosition(windowWidth - 75)
-//         if (Platform.OS === 'android'){
-//           setButtonYPosition(10)
-//         }else{
-//           setButtonYPosition(50)
-//         }
-//       }
-
-//       //Set DeepLink 
-//       if (widgetConfig.deeplink != null && widgetConfig.deeplink != "") {
-//         setDeeplink(widgetConfig.deeplink)
-//       }
-//       //Set Visibility of FloatingButton
-//       var currentDate = new Date();
-//       const getDate = await AsyncStorage.getItem(flyyConfigDate);
-//       const userId = await AsyncStorage.getItem(flyyConfigUserId);
-//       var date = new Date(parseInt(getDate));
-//       const diffTime = Math.abs(getDate - currentDate);
-//       const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))-1; 
-//       if(diffDays != 0 || userId == null || userId != sdkInfo[flyyConfigUserId]){
-//         var data = await Flyy.getAppOccurence(1);
-//         await AsyncStorage.setItem(
-//             flyyConfigUserId,
-//             sdkInfo[flyyConfigUserId]
-//           );
-//       }
-//       const occurrenceCount = await Flyy.getAppOccurence(0);
-//       if (widgetConfig.show_to_user && occurrenceCount <= parseInt(widgetConfig.num_times)) {
-//         // var numberOfDaysToAdd = widgetConfig.num_days+1;
-//         // var result = currentDate.setDate(currentDate.getDate() + numberOfDaysToAdd);
-//         if(getDate === null || userId == null || userId != sdkInfo[flyyConfigUserId]){
-//           await AsyncStorage.setItem(
-//             flyyConfigDate,
-//             JSON.stringify(currentDate.getTime())
-//           );
-//         }
-//         const getDate2 = await AsyncStorage.getItem(flyyConfigDate);
-//         var date = new Date(parseInt(getDate2));
-//         const diffTime = Math.abs(getDate2 - currentDate);
-//         const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))-1;
-//         //Show widget on same day
-//         if(diffDays === 0 || diffDays === -1){
-//           setShowWidget(true)
-//         }else{
-//           //reset occurrence on next day
-//           await Flyy.getAppOccurence(1);
-//           if(diffDays >= parseInt(widgetConfig.num_days)+1){
-//             await AsyncStorage.setItem(
-//               flyyConfigDate,
-//               JSON.stringify(currentDate.getTime())
-//             );
-//             setShowWidget(true)
-//           }
-//         }
-//       }else{
-//         setShowWidget(false);
-//         const getDate2 = await AsyncStorage.getItem(flyyConfigDate);
-//         var date = new Date(parseInt(getDate2));
-//         const diffTime = Math.abs(getDate2 - currentDate);
-//         const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
-//         if(diffDays != 1){
-//           var data = await Flyy.getAppOccurence(1);
-//         }
-//       }
-//     }
-
-//   //  if(props.show){
-//   //   if(props.startDate != null && props.startDate != 0){
-//   //     var now = new Date().getTime();
-//   //     if(now >= props.startDate && now <= props.endDate){
-//   //       props.show = true
-//   //     }else{
-//   //       props.show = false
-//   //     }
-//   //   }
-//   //  }
-
-//   //  AppState.addEventListener('change', state =>{
-//   //   console.log('AppState updated to', AppState.currentState) 
-//   //   oldState = currentState;
-//   //   currentState = state;
-//   //   if(oldState == null){
-//   //     console.log('App is newly start :::') 
-//   //   }})
-
-//   return (
-//     // @ts-ignore
-//    props.show && showWidget? <Draggable x={buttonXPosition}
-//       y={buttonYPosition}
-//       minX={props.minX ?? 5}
-//       minY={props.minY ?? 5}
-//       maxX={props.maxX ?? windowWidth - 5}
-//       maxY={props.maxY ?? windowHeight - 5}
-//       renderSize={56}
-//       //  shouldReverse = {true}
-//       onDragRelease={props.stick ? () => {
-
-//       } : null} isCircle>
-//         <TouchableOpacity
-//         onPress={deeplink != null ? async()=>{
-//           if (Platform.OS === 'android' || !deeplink.startsWith("flyy://")) {
-//             const supported = await Linking.canOpenURL(deeplink);
-//             await Linking.openURL(deeplink);
-//           } else {
-//               navigateTo(deeplink);
-//           }
-//         }:props.onPress}
-//         style={{
-//           height: buttonSize,
-//           width: buttonSize,
-//           backgroundColor: backgroundColor,
-//           borderRadius: buttonSize/2,
-//           justifyContent: 'center',
-//           alignItems: 'center',
-//         }}>
-//         <Image source={iconUrl} style={{ height: buttonSize*55/100, width: buttonSize*55/100 }} />
-//         <TouchableOpacity 
-//       onPress={()=>{  
-//         props.show = false;
-//         setShowWidget(false);
-//       }}
-//       style = {{height: 20, width: 20, backgroundColor: "transparent",position:'absolute',left:buttonSize-11, bottom: buttonSize*72/100}}>
-//       <Image source={require('./assets/images/xmark.png')} style={{ height: 18, width: 18, tintColor: "black"}} />
-//       </TouchableOpacity>
-//       </TouchableOpacity>
-//     </Draggable> : <View/>  
-//   );
-// }
+export const FlyyFloatingWidget = ({
+  props = {
+    backgroundColor: "#654EA3",
+    buttonHeight: 55,
+    buttonWidth: 55,
+    buttonCornerRadius: 40,
+    buttonIcon: require('./assets/images/rewardwidget.png'),
+    onPress: () => { },
+    x: windowWidth - 75,
+    y: windowHeight - 100,
+    minX: 5,
+    minY: 5,
+    maxX: windowWidth - 5,
+    maxY: windowHeight - 5,
+    show: true,
+    stick: false,
+    startDate: 0,
+    endDate: 0
+  } }) => {
+
+    const [showWidget,setShowWidget] = useState(false);
+    const [userData,setUserData] = useState({});
+    const [iconUrl,setIconUrl] = useState(require('./assets/images/rewardwidget.png'));
+    const [backgroundColor,setBackgroundColor] = useState("#654EA3");
+    const [buttonSize,setButtonSize] = useState(55);
+    const [buttonXPosition,setButtonXPosition] = useState(windowWidth - 75);
+    const [buttonYPosition,setButtonYPosition] = useState(windowHeight - 200);
+    const [deeplink,setDeeplink] = useState(null);
+    const flyyConfigDate = "flyy_config_date";
+    const flyyConfigUserId = "user_id";
+    var oldState = null;
+    var currentState = null;
+    var data = null;
+
+    useEffect(()=>{
+      fetchData();
+    },[]);
+
+    const fetchData = async() => {
+      const sdkInfo = await Flyy.getUserData();
+      const appData = await Flyy.getAppData();
+      const resp = await fetch(`https://${sdkInfo["environment"] == 0 ? "ghc-stage" : "ghc"}.theflyy.com/api/v8/flyy_app_info`, {
+        headers: {
+            "X-Key": sdkInfo["partner_id"],
+            "Content-Type": "application/json",
+            "X-App-Data": appData
+        }
+    });
+     data = await resp.json();
+     if(!data.success){
+      if (Platform.OS === 'android') {
+        ToastAndroid.show(data.message, ToastAndroid.SHORT);
+      } else {
+          // Toast.showWithGravity(data.message, Toast.SHORT, Toast.BOTTOM);
+          Alert.alert(data.message);
+      }
+      return;
+     }
+     const widgetConfig = data.info.floating_widget_configuration;
+
+      if (widgetConfig.icon_url != null && widgetConfig.icon_url != '') {
+        setIconUrl({ uri: widgetConfig.icon_url })
+      } else {
+        setIconUrl(props.buttonIcon)
+      }
+
+      if (widgetConfig.color != null && widgetConfig.color != '') {
+        setBackgroundColor(widgetConfig.color)
+      } else {
+        setBackgroundColor(props.backgroundColor)
+      }
+
+      if (widgetConfig.size != null && widgetConfig.color != 0) {
+        setButtonSize(parseInt(data.info.floating_widget_configuration.size))
+      } else {
+        setButtonSize(props.buttonHeight)
+      }
+
+      //FloatingButton Position
+      if (widgetConfig.position == "bottom_left") {
+        setButtonXPosition(10)
+      } else if (widgetConfig.position == "bottom_right") {
+        setButtonXPosition(windowWidth - 75)
+      } else if (widgetConfig.position == "upper_left") {
+        setButtonXPosition(10)
+        if (Platform.OS === 'android'){
+          setButtonYPosition(10)
+        }else{
+          setButtonYPosition(50)
+        }
+      } else if (widgetConfig.position == "upper_right") {
+        setButtonXPosition(windowWidth - 75)
+        if (Platform.OS === 'android'){
+          setButtonYPosition(10)
+        }else{
+          setButtonYPosition(50)
+        }
+      }
+
+      //Set DeepLink
+      if (widgetConfig.deeplink != null && widgetConfig.deeplink != "") {
+        setDeeplink(widgetConfig.deeplink)
+      }
+      //Set Visibility of FloatingButton
+      var currentDate = new Date();
+      const getDate = await AsyncStorage.getItem(flyyConfigDate);
+      const userId = await AsyncStorage.getItem(flyyConfigUserId);
+      var date = new Date(parseInt(getDate));
+      const diffTime = Math.abs(getDate - currentDate);
+      const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))-1;
+      if(diffDays != 0 || userId == null || userId != sdkInfo[flyyConfigUserId]){
+        var data = await Flyy.getAppOccurence(1);
+        await AsyncStorage.setItem(
+            flyyConfigUserId,
+            sdkInfo[flyyConfigUserId]
+          );
+      }
+      const occurrenceCount = await Flyy.getAppOccurence(0);
+      if (widgetConfig.show_to_user && occurrenceCount <= parseInt(widgetConfig.num_times)) {
+        // var numberOfDaysToAdd = widgetConfig.num_days+1;
+        // var result = currentDate.setDate(currentDate.getDate() + numberOfDaysToAdd);
+        if(getDate === null || userId == null || userId != sdkInfo[flyyConfigUserId]){
+          await AsyncStorage.setItem(
+            flyyConfigDate,
+            JSON.stringify(currentDate.getTime())
+          );
+        }
+        const getDate2 = await AsyncStorage.getItem(flyyConfigDate);
+        var date = new Date(parseInt(getDate2));
+        const diffTime = Math.abs(getDate2 - currentDate);
+        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))-1;
+        //Show widget on same day
+        if(diffDays === 0 || diffDays === -1){
+          setShowWidget(true)
+        }else{
+          //reset occurrence on next day
+          await Flyy.getAppOccurence(1);
+          if(diffDays >= parseInt(widgetConfig.num_days)+1){
+            await AsyncStorage.setItem(
+              flyyConfigDate,
+              JSON.stringify(currentDate.getTime())
+            );
+            setShowWidget(true)
+          }
+        }
+      }else{
+        setShowWidget(false);
+        const getDate2 = await AsyncStorage.getItem(flyyConfigDate);
+        var date = new Date(parseInt(getDate2));
+        const diffTime = Math.abs(getDate2 - currentDate);
+        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+        if(diffDays != 1){
+          var data = await Flyy.getAppOccurence(1);
+        }
+      }
+    }
+
+  //  if(props.show){
+  //   if(props.startDate != null && props.startDate != 0){
+  //     var now = new Date().getTime();
+  //     if(now >= props.startDate && now <= props.endDate){
+  //       props.show = true
+  //     }else{
+  //       props.show = false
+  //     }
+  //   }
+  //  }
+
+  //  AppState.addEventListener('change', state =>{
+  //   console.log('AppState updated to', AppState.currentState)
+  //   oldState = currentState;
+  //   currentState = state;
+  //   if(oldState == null){
+  //     console.log('App is newly start :::')
+  //   }})
+
+  return (
+    // @ts-ignore
+   props.show && showWidget? <Draggable x={buttonXPosition}
+      y={buttonYPosition}
+      minX={props.minX ?? 5}
+      minY={props.minY ?? 5}
+      maxX={props.maxX ?? windowWidth - 5}
+      maxY={props.maxY ?? windowHeight - 5}
+      renderSize={56}
+      //  shouldReverse = {true}
+      onDragRelease={props.stick ? () => {
+
+      } : null} isCircle>
+        <TouchableOpacity
+        onPress={deeplink != null ? async()=>{
+          if (Platform.OS === 'android' || !deeplink.startsWith("flyy://")) {
+            const supported = await Linking.canOpenURL(deeplink);
+            await Linking.openURL(deeplink);
+          } else {
+              navigateTo(deeplink);
+          }
+        }:props.onPress}
+        style={{
+          height: buttonSize,
+          width: buttonSize,
+          backgroundColor: backgroundColor,
+          borderRadius: buttonSize/2,
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+        <Image source={iconUrl} style={{ height: buttonSize*55/100, width: buttonSize*55/100 }} />
+        <TouchableOpacity
+      onPress={()=>{
+        props.show = false;
+        setShowWidget(false);
+      }}
+      style = {{height: 20, width: 20, backgroundColor: "transparent",position:'absolute',left:buttonSize-11, bottom: buttonSize*72/100}}>
+      <Image source={require('./assets/images/xmark.png')} style={{ height: 18, width: 18, tintColor: "black"}} />
+      </TouchableOpacity>
+      </TouchableOpacity>
+    </Draggable> : <View/>
+  );
+}
 
 const navigateTo = (deeplink) => {
   let components = deeplink.split("/");
@@ -265,7 +269,7 @@ const navigateTo = (deeplink) => {
     case "flyy_offers":
       {
         Flyy.openOffersScreen();
-      } 
+      }
       break;
     case "challenge_details":
       {
@@ -345,7 +349,7 @@ const navigateTo = (deeplink) => {
       {
         Flyy.openFlyyGamesPage();
       }
-      break;  
+      break;
     case "flyy_bonanza":
       {
         Flyy.openFlyyBonanzaPage();
@@ -358,6 +362,7 @@ const navigateTo = (deeplink) => {
       break;
     default:
       // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+      Alert.alert("ACTION NOT FOUND");
 
   }
 }
@@ -518,7 +523,7 @@ export const FlyyStories = ({
     },[]);
 
     const fetchStoriesData = async() => {
-      const sdkInfo = await Flyy.getUserData(); 
+      const sdkInfo = await Flyy.getUserData();
       const appData = await Flyy.getAppData();
       const resp = await fetch(`https://${sdkInfo["environment"] == 0 ? "ghc-stage" : "ghc"}.theflyy.com/api/storyboard`, {
         headers: {
@@ -536,7 +541,7 @@ export const FlyyStories = ({
         case "offers":
           {
             Flyy.openOffersScreen();
-          } 
+          }
           break;
         case "spin_wheel":
           {
@@ -549,25 +554,25 @@ export const FlyyStories = ({
             Flyy.openFlyyChallengeDetailPage(0);
           }
           break;
-    
+
         case "quiz_list":
           {
             Flyy.openFlyyQuizListPage();
           }
           break;
-    
+
         case "stamp_campaign":
           {
             Flyy.openFlyyStampsPage();
           }
           break;
-    
+
         case "campaign_home":
           {
             Flyy.openFlyyStampsPage();
           }
           break;
-    
+
         case "bonanza_details":
           {
             Flyy.openFlyyBonanzaPage();
@@ -635,7 +640,7 @@ export const FlyyStories = ({
           break;
         default:
           // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
-    
+          Alert.alert("ACTION NOT FOUND");
       }
     }
 
@@ -675,7 +680,7 @@ export const FlyyStories = ({
             }}
             numberOfLines={2}
           >
-            {data.title}  
+            {data.title}
           </Text>
           </View>
           <View style={{ height: 10 }} />
@@ -690,5 +695,5 @@ export const FlyyStories = ({
       renderItem={({ item }) => <StoriesItem data={item} />}
       keyExtractor={item => item.id}
   />
-  </View>); 
+  </View>);
 }