react-native-flyy 1.4.32 → 1.4.33

package/lib/module/index.js

@@ -1,9 +1,387 @@
-import React from 'react';
-import { Image, NativeModules, Text, TouchableOpacity, View } from 'react-native';
+// @ts-nocheck
+import React, { useEffect, useState } from 'react';
+import { Image, NativeModules, Text, TouchableOpacity, View, Dimensions, ToastAndroid, Linking, FlatList, Alert } from 'react-native';
+import FlyyCheckinComponent from './flyy_checkin_view';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import Draggable from 'react-native-draggable';
 const {
   Flyy
 } = NativeModules;
-export default Flyy;
+export default Flyy; // ****** Flyy CheckinView Widget ******
+
+export const FlyyCheckinView = props => {
+  return /*#__PURE__*/React.createElement(FlyyCheckinComponent, {
+    style: {
+      checkInBtnTextColor: props.checkInBtnTextColor,
+      checkInTitleColor: props.checkInTitleColor,
+      checkInDescriptionColor: props.checkInDescriptionColor,
+      checkInDaysColor: props.checkInDaysColor,
+      checkInEarnColor: props.checkInEarnColor,
+      fontFamily: props.fontFamily
+    }
+  });
+};
+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
+  }
+}) => {
+  var _props$minX, _props$minY, _props$maxX, _props$maxY;
+
+  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 ? /*#__PURE__*/React.createElement(Draggable, {
+      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.createElement(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'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: iconUrl,
+      style: {
+        height: buttonSize * 55 / 100,
+        width: buttonSize * 55 / 100
+      }
+    }), /*#__PURE__*/React.createElement(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.createElement(Image, {
+      source: require('./assets/images/xmark.png'),
+      style: {
+        height: 18,
+        width: 18,
+        tintColor: "black"
+      }
+    })))) : /*#__PURE__*/React.createElement(View, null)
+  );
+};
+
+const navigateTo = deeplink => {
+  let components = deeplink.split("/");
+  let screenCode = components[components.length - 1];
+
+  switch (screenCode) {
+    case "flyy_offers":
+      {
+        Flyy.openOffersScreen();
+      }
+      break;
+
+    case "challenge_details":
+      {
+        Flyy.openFlyyChallengeDetailPage(0);
+      }
+      break;
+
+    case "flyy_quiz_list":
+      {
+        Flyy.openFlyyQuizListPage();
+      }
+      break;
+
+    case "stamp_campaign_new":
+      {
+        Flyy.openFlyyStampsPage();
+      }
+      break;
+
+    case "campaign_home":
+      {
+        Flyy.openFlyyStampsPage();
+      }
+      break;
+
+    case "bonanza_details":
+      {
+        Flyy.openFlyyBonanzaPage();
+      }
+      break;
+
+    case "invite_earn":
+      {
+        Flyy.openFlyyInviteAndEarnPage(0);
+      }
+      break;
+
+    case "invite_details":
+      {
+        Flyy.openFlyyInviteDetailsPage(0);
+      }
+      break;
+
+    case "custom_invite_details":
+      {
+        Flyy.openFlyyCustomInviteAndEarnPage(0, FlyyFlutterPlugin.themeColor);
+      }
+      break;
+
+    case "raffle_details":
+      {
+        Flyy.openFlyyRafflePage(0);
+      }
+      break;
+
+    case "quiz_history":
+      {
+        Flyy.openFlyyQuizHistoryPage();
+      }
+      break;
+
+    case "flyy_rewards":
+      {
+        Flyy.openRewardsScreen();
+      }
+      break;
+
+    case "flyy_referrals":
+      {
+        Flyy.openReferralHistory();
+      }
+      break;
+
+    case "flyy_gift_cards":
+      {
+        Flyy.openGiftCardScreen();
+      }
+      break;
+
+    case "flyy_wallet":
+      {
+        Flyy.openWalletScreen();
+      }
+      break;
+
+    case "game_list":
+      {
+        Flyy.openFlyyGamesPage();
+      }
+      break;
+
+    case "flyy_bonanza":
+      {
+        Flyy.openFlyyBonanzaPage();
+      }
+      break;
+
+    case "flyy_quiz_detail":
+      {
+        Flyy.openFlyyQuizPage(0);
+      }
+      break;
+
+    default:
+      // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+      Alert.alert("ACTION NOT FOUND");
+  }
+};
+
 export const FlyyWidget = ({
   widgetStyle = {
     rewardsButtonIcon: require('./assets/images/rewardwidget.png'),
@@ -138,5 +516,240 @@ const FlyyCardView = ({
       height: 10
     }
   }));
+}; // ****** Flyy Stories Widget ******
+
+
+export const FlyyStories = ({
+  widgetStyle = {
+    titleColor: 'black',
+    iconButtonBgColor: '#654EA3',
+    fontSize: 16.0,
+    iconCornerRadius: 55,
+    iconSize: 60,
+    iconBgSize: 100
+  }
+}) => {
+  const [data, setData] = useState(null);
+  useEffect(() => {
+    fetchStoriesData();
+  }, []);
+
+  const fetchStoriesData = 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/storyboard`, {
+      headers: {
+        "X-Key": sdkInfo["partner_id"],
+        "Content-Type": "application/json",
+        "X-App-Data": appData
+      }
+    });
+    const responseData = await resp.json();
+    setData(responseData.storyboard_items);
+  };
+
+  const navigateTo = screenCode => {
+    switch (screenCode) {
+      case "offers":
+        {
+          Flyy.openOffersScreen();
+        }
+        break;
+
+      case "spin_wheel":
+        {
+          Flyy.openFlyySpinTheWheelPage(0);
+        }
+        break;
+
+      case "challenge":
+        {
+          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();
+        }
+        break;
+
+      case "invite_earn":
+        {
+          Flyy.openFlyyInviteAndEarnPage(0);
+        }
+        break;
+
+      case "invite_details":
+        {
+          Flyy.openFlyyInviteDetailsPage(0);
+        }
+        break;
+
+      case "custom_invite_details":
+        {
+          Flyy.openFlyyCustomInviteAndEarnPage(0, FlyyFlutterPlugin.themeColor);
+        }
+        break;
+
+      case "raffle":
+        {
+          Flyy.openFlyyRafflePage(0);
+        }
+        break;
+
+      case "quiz_history":
+        {
+          Flyy.openFlyyQuizHistoryPage();
+        }
+        break;
+
+      case "flyy_rewards":
+        {
+          Flyy.openRewardsScreen();
+        }
+        break;
+
+      case "referrals":
+        {
+          Flyy.openReferralHistory();
+        }
+        break;
+
+      case "flyy_gift_cards":
+        {
+          Flyy.openGiftCardScreen();
+        }
+        break;
+
+      case "wallet":
+        {
+          Flyy.openWalletScreen();
+        }
+        break;
+
+      case "game_list":
+        {
+          Flyy.openFlyyGamesPage();
+        }
+        break;
+
+      case "bonanza":
+        {
+          Flyy.openFlyyBonanzaPage();
+        }
+        break;
+
+      case "quiz_detail":
+        {
+          Flyy.openFlyyQuizPage(0);
+        }
+        break;
+
+      default:
+        // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+        Alert.alert("ACTION NOT FOUND");
+    }
+  };
+
+  const StoriesItem = ({
+    data
+  }) => {
+    var _widgetStyle$iconButt, _widgetStyle$iconBgSi, _widgetStyle$iconBgSi2, _widgetStyle$iconCorn, _widgetStyle$titleCol, _widgetStyle$fontSize;
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => {
+        navigateTo(data.screen_code);
+      },
+      style: {
+        backgroundColor: (_widgetStyle$iconButt = widgetStyle.iconButtonBgColor) !== null && _widgetStyle$iconButt !== void 0 ? _widgetStyle$iconButt : '#654EA3',
+        height: (_widgetStyle$iconBgSi = widgetStyle.iconBgSize) !== null && _widgetStyle$iconBgSi !== void 0 ? _widgetStyle$iconBgSi : 60,
+        width: (_widgetStyle$iconBgSi2 = widgetStyle.iconBgSize) !== null && _widgetStyle$iconBgSi2 !== void 0 ? _widgetStyle$iconBgSi2 : 60,
+        borderRadius: (_widgetStyle$iconCorn = widgetStyle.iconCornerRadius) !== null && _widgetStyle$iconCorn !== void 0 ? _widgetStyle$iconCorn : 55,
+        alignSelf: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginHorizontal: 10
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: data.icon_url
+      },
+      style: {
+        height: 60,
+        width: 60
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: 120
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        alignSelf: 'center',
+        flexShrink: 1,
+        color: (_widgetStyle$titleCol = widgetStyle.titleColor) !== null && _widgetStyle$titleCol !== void 0 ? _widgetStyle$titleCol : 'black',
+        fontSize: (_widgetStyle$fontSize = widgetStyle.fontSize) !== null && _widgetStyle$fontSize !== void 0 ? _widgetStyle$fontSize : 14,
+        fontFamily: 'Montserrat-Bold',
+        textAlign: 'center',
+        paddingLeft: 5,
+        paddingRight: 5
+      },
+      numberOfLines: 2
+    }, data.title)), /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: "row",
+      justifyContent: "center",
+      width: "100%",
+      alignItems: 'center',
+      alignContent: 'center',
+      backgroundColor: "white"
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    horizontal: true,
+    data: data,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(StoriesItem, {
+      data: item
+    }),
+    keyExtractor: item => item.id
+  }));
 };
 //# sourceMappingURL=index.js.map