react-native-flyy 1.4.33 → 1.4.35

package/src/index.tsx

@@ -15,7 +15,7 @@ import {
 } from 'react-native';
 import FlyyCheckinComponent from './flyy_checkin_view';
 import { FlyyStoriesWidget } from './flyy_stories';
-import AsyncStorage from '@react-native-async-storage/async-storage';
+// import AsyncStorage from '@react-native-async-storage/async-storage';
 import Draggable from 'react-native-draggable';
 
 type FlyyType = {
@@ -42,225 +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 - 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/>
-  );
-}
+// 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("/");