react-native-flyy 1.4.31 → 1.4.33

package/lib/commonjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FlyyStories = exports.FlyyWidget = exports.FlyyCheckinView = exports.default = void 0;
+exports.FlyyStories = exports.FlyyWidget = exports.FlyyFloatingWidget = exports.FlyyCheckinView = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -11,6 +11,10 @@ var _reactNative = require("react-native");
 
 var _flyy_checkin_view = _interopRequireDefault(require("./flyy_checkin_view"));
 
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+
+var _reactNativeDraggable = _interopRequireDefault(require("react-native-draggable"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -43,214 +47,249 @@ exports.FlyyCheckinView = FlyyCheckinView;
 const windowHeight = _reactNative.Dimensions.get('window').height;
 
 const windowWidth = _reactNative.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/>  
-//   );
-// }
 
 
+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
+  }
+}) => {
+  var _props$minX, _props$minY, _props$maxX, _props$maxY;
+
+  const [showWidget, setShowWidget] = (0, _react.useState)(false);
+  const [userData, setUserData] = (0, _react.useState)({});
+  const [iconUrl, setIconUrl] = (0, _react.useState)(require('./assets/images/rewardwidget.png'));
+  const [backgroundColor, setBackgroundColor] = (0, _react.useState)("#654EA3");
+  const [buttonSize, setButtonSize] = (0, _react.useState)(55);
+  const [buttonXPosition, setButtonXPosition] = (0, _react.useState)(windowWidth - 75);
+  const [buttonYPosition, setButtonYPosition] = (0, _react.useState)(windowHeight - 200);
+  const [deeplink, setDeeplink] = (0, _react.useState)(null);
+  const flyyConfigDate = "flyy_config_date";
+  const flyyConfigUserId = "user_id";
+  var oldState = null;
+  var currentState = null;
+  var data = null;
+  (0, _react.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') {
+        _reactNative.ToastAndroid.show(data.message, _reactNative.ToastAndroid.SHORT);
+      } else {
+        // Toast.showWithGravity(data.message, Toast.SHORT, Toast.BOTTOM);
+        _reactNative.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.default.getItem(flyyConfigDate);
+    const userId = await _asyncStorage.default.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.default.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.default.setItem(flyyConfigDate, JSON.stringify(currentDate.getTime()));
+      }
+
+      const getDate2 = await _asyncStorage.default.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.default.setItem(flyyConfigDate, JSON.stringify(currentDate.getTime()));
+          setShowWidget(true);
+        }
+      }
+    } else {
+      setShowWidget(false);
+      const getDate2 = await _asyncStorage.default.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 ? /*#__PURE__*/_react.default.createElement(_reactNativeDraggable.default, {
+      x: buttonXPosition,
+      y: buttonYPosition,
+      minX: (_props$minX = props.minX) !== null && _props$minX !== void 0 ? _props$minX : 5,
+      minY: (_props$minY = props.minY) !== null && _props$minY !== void 0 ? _props$minY : 5,
+      maxX: (_props$maxX = props.maxX) !== null && _props$maxX !== void 0 ? _props$maxX : windowWidth - 5,
+      maxY: (_props$maxY = props.maxY) !== null && _props$maxY !== void 0 ? _props$maxY : windowHeight - 5,
+      renderSize: 56 //  shouldReverse = {true}
+      ,
+      onDragRelease: props.stick ? () => {} : null,
+      isCircle: true
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: deeplink != null ? async () => {
+        if (Platform.OS === 'android' || !deeplink.startsWith("flyy://")) {
+          const supported = await _reactNative.Linking.canOpenURL(deeplink);
+          await _reactNative.Linking.openURL(deeplink);
+        } else {
+          navigateTo(deeplink);
+        }
+      } : props.onPress,
+      style: {
+        height: buttonSize,
+        width: buttonSize,
+        backgroundColor: backgroundColor,
+        borderRadius: buttonSize / 2,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: iconUrl,
+      style: {
+        height: buttonSize * 55 / 100,
+        width: buttonSize * 55 / 100
+      }
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => {
+        props.show = false;
+        setShowWidget(false);
+      },
+      style: {
+        height: 20,
+        width: 20,
+        backgroundColor: "transparent",
+        position: 'absolute',
+        left: buttonSize - 11,
+        bottom: buttonSize * 72 / 100
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: require('./assets/images/xmark.png'),
+      style: {
+        height: 18,
+        width: 18,
+        tintColor: "black"
+      }
+    })))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, null)
+  );
+};
+
+exports.FlyyFloatingWidget = FlyyFloatingWidget;
+
 const navigateTo = deeplink => {
   let components = deeplink.split("/");
   let screenCode = components[components.length - 1];
@@ -364,7 +403,9 @@ const navigateTo = deeplink => {
       }
       break;
 
-    default: // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+    default:
+      // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+      _reactNative.Alert.alert("ACTION NOT FOUND");
 
   }
 };
@@ -654,7 +695,9 @@ const FlyyStories = ({
         }
         break;
 
-      default: // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+      default:
+        // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+        _reactNative.Alert.alert("ACTION NOT FOUND");
 
     }
   };