react-native-flyy 1.4.28 → 1.4.30

package/lib/module/index.js

@@ -1,9 +1,8 @@
 // @ts-nocheck
 import React, { useEffect, useState } from 'react';
-import { Image, NativeModules, Text, TouchableOpacity, View, Dimensions, ToastAndroid, Linking } from 'react-native';
-import Draggable from 'react-native-draggable';
+import { Image, NativeModules, Text, TouchableOpacity, View, Dimensions, FlatList } from 'react-native'; // import Draggable from 'react-native-draggable';
+
 import FlyyCheckinComponent from './flyy_checkin_view';
-import AsyncStorage from '@react-native-async-storage/async-storage';
 const {
   Flyy
 } = NativeModules;
@@ -23,225 +22,331 @@ export const FlyyCheckinView = props => {
 };
 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
-  }
-}) => {
-  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 - 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 navigateTo = deeplink => {
+  let components = deeplink.split("/");
+  let screenCode = components[components.length - 1];
 
-  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
+  switch (screenCode) {
+    case "flyy_offers":
+      {
+        Flyy.openOffersScreen();
       }
-    });
-    data = await resp.json();
+      break;
 
-    if (!data.success) {
-      ToastAndroid.show(data.message, ToastAndroid.SHORT);
-      return;
-    }
+    case "challenge_details":
+      {
+        Flyy.openFlyyChallengeDetailPage(0);
+      }
+      break;
 
-    const widgetConfig = data.info.floating_widget_configuration;
+    case "flyy_quiz_list":
+      {
+        Flyy.openFlyyQuizListPage();
+      }
+      break;
 
-    if (widgetConfig.icon_url != null && widgetConfig.icon_url != '') {
-      setIconUrl({
-        uri: widgetConfig.icon_url
-      });
-    } else {
-      setIconUrl(props.buttonIcon);
-    }
+    case "stamp_campaign_new":
+      {
+        Flyy.openFlyyStampsPage();
+      }
+      break;
 
-    if (widgetConfig.color != null && widgetConfig.color != '') {
-      setBackgroundColor(widgetConfig.color);
-    } else {
-      setBackgroundColor(props.backgroundColor);
-    }
+    case "campaign_home":
+      {
+        Flyy.openFlyyStampsPage();
+      }
+      break;
 
-    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);
-      setButtonYPosition(10);
-    } else if (widgetConfig.position == "upper_right") {
-      setButtonXPosition(windowWidth - 75);
-      setButtonYPosition(10);
-    } //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]);
-    }
+    case "bonanza_details":
+      {
+        Flyy.openFlyyBonanzaPage();
+      }
+      break;
 
-    const occurrenceCount = await Flyy.getAppOccurence(0);
+    case "invite_earn":
+      {
+        Flyy.openFlyyInviteAndEarnPage(0);
+      }
+      break;
 
-    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()));
+    case "invite_details":
+      {
+        Flyy.openFlyyInviteDetailsPage(0);
       }
+      break;
 
-      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
+    case "custom_invite_details":
+      {
+        Flyy.openFlyyCustomInviteAndEarnPage(0, FlyyFlutterPlugin.themeColor);
+      }
+      break;
 
-      if (diffDays === 0 || diffDays === -1) {
-        setShowWidget(true);
-      } else {
-        //reset occurrence on next day
-        await Flyy.getAppOccurence(1);
+    case "raffle_details":
+      {
+        Flyy.openFlyyRafflePage(0);
+      }
+      break;
 
-        if (diffDays >= parseInt(widgetConfig.num_days) + 1) {
-          await AsyncStorage.setItem(flyyConfigDate, JSON.stringify(currentDate.getTime()));
-          setShowWidget(true);
-        }
+    case "quiz_history":
+      {
+        Flyy.openFlyyQuizHistoryPage();
       }
-    } 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);
+      break;
+
+    case "flyy_rewards":
+      {
+        Flyy.openRewardsScreen();
       }
-    }
-  }; //  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 () => {
-        const supported = await Linking.canOpenURL(deeplink);
-        await Linking.openURL(deeplink);
-      } : props.onPress,
-      style: {
-        height: buttonSize,
-        width: buttonSize,
-        backgroundColor: backgroundColor,
-        borderRadius: buttonSize / 2,
-        justifyContent: 'center',
-        alignItems: 'center'
+      break;
+
+    case "flyy_referrals":
+      {
+        Flyy.openReferralHistory();
       }
-    }, /*#__PURE__*/React.createElement(Image, {
-      source: iconUrl,
-      style: {
-        height: buttonSize * 55 / 100,
-        width: buttonSize * 55 / 100
+      break;
+
+    case "flyy_gift_cards":
+      {
+        Flyy.openGiftCardScreen();
       }
-    }), /*#__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
+      break;
+
+    case "flyy_wallet":
+      {
+        Flyy.openWalletScreen();
       }
-    }, /*#__PURE__*/React.createElement(Image, {
-      source: require('./assets/images/xmark.png'),
-      style: {
-        height: 18,
-        width: 18,
-        tintColor: "black"
+      break;
+
+    case "game_list":
+      {
+        Flyy.openFlyyGamesPage();
+      }
+      break;
+
+    case "flyy_bonanza":
+      {
+        Flyy.openFlyyBonanzaPage();
       }
-    })))) : /*#__PURE__*/React.createElement(View, null)
-  );
+      break;
+
+    case "flyy_quiz_detail":
+      {
+        Flyy.openFlyyQuizPage(0);
+      }
+      break;
+
+    default: // Toast.showWithGravity("ACTION NOT FOUND", Toast.SHORT, Toast.BOTTOM);
+
+  }
 };
+
 export const FlyyWidget = ({
   widgetStyle = {
     rewardsButtonIcon: require('./assets/images/rewardwidget.png'),
@@ -376,5 +481,239 @@ 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);
+
+    }
+  };
+
+  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