react-native-flyy 1.4.22 → 1.4.24

package/lib/module/flyy_checkin_view.js

@@ -0,0 +1,365 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// @ts-nocheck
+import React, { Component } from "react";
+import { View, Text, TouchableOpacity, StyleSheet, Image, VirtualizedList, Platform, ToastAndroid, Linking } from "react-native";
+import Flyy from 'react-native-flyy';
+import Toast from 'react-native-simple-toast';
+
+class FlyyCheckinComponent extends Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "state", {
+      mileStoneData: [],
+      checkinOffer: [],
+      listItems: [],
+      persons: [1, 2, 3, 4, 5],
+      partnerId: "",
+      userId: "",
+      appData: "",
+      environment: 0
+    });
+  }
+
+  async componentDidMount() {
+    try {
+      const data = await Flyy.getUserData();
+      const appData = await Flyy.getAppData();
+      this.setState({
+        partnerId: data["partner_id"],
+        userId: data["user_id"],
+        environment: data["environment"],
+        appData: appData
+      });
+    } catch (e) {
+      console.error(e);
+    }
+
+    await this.fetchData();
+  }
+
+  async fetchData() {
+    this.setState({
+      listItems: []
+    });
+    const resp = await fetch(`https://${this.state.environment == 0 ? "ghc-stage" : "ghc"}.theflyy.com/api/v7/flyy_app_info`, {
+      headers: {
+        "X-Key": this.state.partnerId,
+        "Content-Type": "application/json",
+        "X-App-Data": this.state.appData
+      }
+    });
+    const data = await resp.json();
+
+    for (var key in data.info.offers) {
+      if (data.info.offers[key].offer_type_code === "checkin") {
+        this.setState({
+          checkinOffer: data.info.offers[key]
+        });
+        this.setState({
+          mileStoneData: data.info.offers[key].milestones
+        });
+        break;
+      }
+    }
+
+    var tempData = [];
+    var isRewardDay = false;
+    var isCheckedIn = false;
+
+    for (let i = 0; i < this.state.checkinOffer.total_streak; i++) {
+      for (let j = 0; j < this.state.mileStoneData.length; j++) {
+        if (i + 1 === parseInt(this.state.mileStoneData[j].value)) {
+          isRewardDay = true;
+        }
+      }
+
+      if (i + 1 <= this.state.checkinOffer.streak) {
+        isCheckedIn = true;
+      }
+
+      tempData.push({
+        "isRewardDay": isRewardDay,
+        "isCheckedIn": isCheckedIn
+      });
+      isRewardDay = false;
+      isCheckedIn = false;
+    }
+
+    this.setState({
+      listItems: tempData
+    });
+  }
+
+  async checkInApi() {
+    var url = `https://${this.state.environment == 0 ? "ghc-stage" : "ghc"}.theflyy.com/api/v1/checkin?offer_id=` + this.state.checkinOffer.id.toString();
+    const resp = await fetch(url, {
+      headers: {
+        "X-Key": this.state.partnerId,
+        "Content-Type": "application/json",
+        "X-App-Data": this.state.appData
+      }
+    });
+    const data = await resp.json();
+
+    if (data.success) {
+      this.fetchData();
+    } else {
+      this.notifyMessage(data.message);
+    }
+  }
+
+  notifyMessage(msg) {
+    if (Platform.OS === 'android') {
+      ToastAndroid.show(msg, ToastAndroid.SHORT);
+    } else {
+      Toast.showWithGravity(msg, Toast.SHORT, Toast.BOTTOM);
+    }
+  }
+
+  render() {
+    var _this$props$style$che3, _this$props$style3, _this$props$style$fon, _this$props$style4, _this$state$checkinOf, _this$props$style$che4, _this$props$style5, _this$props$style$fon2, _this$props$style6, _this$props$style$che5, _this$props$style7;
+
+    const Divider = ({
+      color = "black",
+      index
+    }) => {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          flexDirection: 'row'
+        }
+      }, React.Children.toArray(this.state.persons.map(() => {
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            flexDirection: 'row'
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          style: {
+            height: 1,
+            width: 2,
+            backgroundColor: color,
+            borderRadius: 2
+          }
+        }), /*#__PURE__*/React.createElement(View, {
+          style: {
+            width: 1,
+            backgroundColor: "white",
+            borderRadius: 2
+          }
+        }));
+      })));
+    };
+
+    const getItemCount = () => this.state.listItems.length;
+
+    const getItem = (data, index) => ({
+      id: Math.random().toString(12).substring(0),
+      isRewardDay: data[index].isRewardDay,
+      isCheckedIn: data[index].isCheckedIn,
+      index: index
+    });
+
+    const Item = ({
+      title,
+      index
+    }) => {
+      var _this$props$style$che, _this$props$style, _this$props$style$che2, _this$props$style2;
+
+      const day = index + 1;
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          justifyContent: "center",
+          alignItems: 'center',
+          alignContent: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: {
+          flexDirection: 'row',
+          height: 35,
+          justifyContent: 'center',
+          alignItems: 'center'
+        }
+      }, title.isCheckedIn ? /*#__PURE__*/React.createElement(View, {
+        style: {
+          height: 1,
+          width: 15,
+          alignSelf: "center",
+          backgroundColor: index == 0 ? "white" : "black"
+        }
+      }) : /*#__PURE__*/React.createElement(Divider, {
+        color: index == 0 ? "white" : "black",
+        index: index
+      }), title.isRewardDay ? title.isCheckedIn ? /*#__PURE__*/React.createElement(Image, {
+        source: require('./assets/images/reward_flyy.png'),
+        style: {
+          height: 20,
+          width: 15
+        }
+      }) : /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: this.state.checkinOffer["currency_icon_url"]
+        },
+        style: {
+          height: 20,
+          width: 20
+        }
+      }) : title.isCheckedIn ? /*#__PURE__*/React.createElement(View, {
+        style: {
+          height: 17,
+          width: 17,
+          backgroundColor: "black",
+          borderRadius: 15,
+          justifyContent: 'center',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: {
+          color: "white",
+          fontSize: 10
+        }
+      }, "\u2713")) : /*#__PURE__*/React.createElement(Image, {
+        source: require('./assets/images/radio.png'),
+        style: {
+          height: 20,
+          width: 20
+        }
+      }), index != this.state.listItems.length - 1 ? this.state.listItems[index + 1].isCheckedIn ? /*#__PURE__*/React.createElement(View, {
+        style: {
+          height: 1,
+          width: 15,
+          alignSelf: "center",
+          backgroundColor: index == this.state.listItems.length - 1 ? "white" : "black"
+        }
+      }) : /*#__PURE__*/React.createElement(Divider, {
+        color: index == this.state.listItems.length - 1 ? "white" : "black",
+        index: index
+      }) : /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: 15
+        }
+      })), /*#__PURE__*/React.createElement(Text, {
+        style: {
+          textAlign: 'center',
+          color: title.isRewardDay ? (_this$props$style$che = (_this$props$style = this.props.style) === null || _this$props$style === void 0 ? void 0 : _this$props$style.checkInEarnColor) !== null && _this$props$style$che !== void 0 ? _this$props$style$che : "black" : (_this$props$style$che2 = (_this$props$style2 = this.props.style) === null || _this$props$style2 === void 0 ? void 0 : _this$props$style2.checkInDaysColor) !== null && _this$props$style$che2 !== void 0 ? _this$props$style$che2 : "black"
+        }
+      }, title.isRewardDay ? title.isCheckedIn ? "Won" : "Earn" : title.isCheckedIn ? "Day " + day : "Day " + day));
+    };
+
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.main,
+      onPress: () => {
+        Flyy.openFlyyCheckinPage();
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        fontSize: 20,
+        color: (_this$props$style$che3 = (_this$props$style3 = this.props.style) === null || _this$props$style3 === void 0 ? void 0 : _this$props$style3.checkInTitleColor) !== null && _this$props$style$che3 !== void 0 ? _this$props$style$che3 : "black",
+        fontFamily: (_this$props$style$fon = (_this$props$style4 = this.props.style) === null || _this$props$style4 === void 0 ? void 0 : _this$props$style4.fontFamily) !== null && _this$props$style$fon !== void 0 ? _this$props$style$fon : "Montserrat-Regular"
+      }
+    }, (_this$state$checkinOf = this.state.checkinOffer["offer_type_title"]) !== null && _this$state$checkinOf !== void 0 ? _this$state$checkinOf : "N/A"), /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        width: 250,
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      numberOfLines: 1,
+      style: {
+        fontSize: 18,
+        color: (_this$props$style$che4 = (_this$props$style5 = this.props.style) === null || _this$props$style5 === void 0 ? void 0 : _this$props$style5.checkInDescriptionColor) !== null && _this$props$style$che4 !== void 0 ? _this$props$style$che4 : "grey",
+        fontFamily: (_this$props$style$fon2 = (_this$props$style6 = this.props.style) === null || _this$props$style6 === void 0 ? void 0 : _this$props$style6.fontFamily) !== null && _this$props$style$fon2 !== void 0 ? _this$props$style$fon2 : "Montserrat-Regular",
+        textAlign: "center"
+      }
+    }, this.state.checkinOffer["description"] != null ? this.state.checkinOffer["description"].replace(/(<([^>]+)>)/ig, '') : "N/A")), /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.listContainer
+    }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(VirtualizedList, {
+      data: this.state.listItems,
+      style: {
+        alignSelf: "center"
+      },
+      initialNumToRender: 4,
+      horizontal: true,
+      renderItem: ({
+        item,
+        index
+      }) => /*#__PURE__*/React.createElement(Item, {
+        title: item,
+        index: index
+      }),
+      getItemCount: getItemCount,
+      getItem: getItem
+    }))), /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 10
+      }
+    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.button,
+      onPress: async () => {
+        const eventId = this.state.checkinOffer["event_id"];
+        const url = this.state.checkinOffer["deeplink"];
+
+        if (eventId != null) {
+          if (url != "") {
+            const supported = await Linking.canOpenURL(url);
+
+            if (supported) {
+              await Linking.openURL(url);
+            }
+          }
+        } else {
+          this.checkInApi();
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        fontSize: 20,
+        color: (_this$props$style$che5 = (_this$props$style7 = this.props.style) === null || _this$props$style7 === void 0 ? void 0 : _this$props$style7.checkInBtnTextColor) !== null && _this$props$style$che5 !== void 0 ? _this$props$style$che5 : "white",
+        paddingLeft: 10,
+        paddingRight: 10,
+        fontFamily: "Montserrat-Regular"
+      }
+    }, this.state.checkinOffer["checked_in"] ? "Checked In" : this.state.checkinOffer["button_text"] != "" ? this.state.checkinOffer["button_text"] : "Check In")));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  main: {
+    backgroundColor: "white",
+    elevation: 5,
+    height: 210,
+    width: "90%",
+    alignItems: "center",
+    borderRadius: 10
+  },
+  listContainer: {
+    height: 60,
+    flexDirection: "row",
+    justifyContent: "center",
+    width: "100%",
+    alignItems: 'center',
+    alignContent: 'center',
+    backgroundColor: "white"
+  },
+  button: {
+    backgroundColor: "#f57242",
+    height: 35,
+    borderRadius: 5,
+    justifyContent: "center"
+  }
+});
+export default FlyyCheckinComponent;
+//# sourceMappingURL=flyy_checkin_view.js.map

package/lib/module/flyy_checkin_view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["flyy_checkin_view.tsx"],"names":["React","Component","View","Text","TouchableOpacity","StyleSheet","Image","VirtualizedList","Platform","ToastAndroid","Linking","Flyy","Toast","FlyyCheckinComponent","mileStoneData","checkinOffer","listItems","persons","partnerId","userId","appData","environment","componentDidMount","data","getUserData","getAppData","setState","e","console","error","fetchData","resp","fetch","state","headers","json","key","info","offers","offer_type_code","milestones","tempData","isRewardDay","isCheckedIn","i","total_streak","j","length","parseInt","value","streak","push","checkInApi","url","id","toString","success","notifyMessage","message","msg","OS","show","SHORT","showWithGravity","BOTTOM","render","Divider","color","index","flexDirection","Children","toArray","map","height","width","backgroundColor","borderRadius","getItemCount","getItem","Math","random","substring","Item","title","day","justifyContent","alignItems","alignContent","alignSelf","require","uri","fontSize","textAlign","props","style","checkInEarnColor","checkInDaysColor","styles","main","openFlyyCheckinPage","checkInTitleColor","fontFamily","checkInDescriptionColor","replace","listContainer","item","button","eventId","supported","canOpenURL","openURL","checkInBtnTextColor","paddingLeft","paddingRight","create","elevation"],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport { View, Text, TouchableOpacity,StyleSheet,Image, VirtualizedList, Platform, ToastAndroid, Alert, Linking } from \"react-native\";\nimport Flyy from 'react-native-flyy';\nimport Toast from 'react-native-simple-toast';\n\nclass FlyyCheckinComponent extends Component {\n\n    state = {\n        mileStoneData: [],\n        checkinOffer: [],\n        listItems: [],\n        persons: [1,2,3,4,5],\n        partnerId: \"\",\n        userId: \"\",\n        appData: \"\",\n        environment: 0\n      };\n\n    async componentDidMount(){\n      try {\n        const data = await Flyy.getUserData();\n        const appData = await Flyy.getAppData();\n        this.setState({ \n                    partnerId : data[\"partner_id\"],\n                    userId : data[\"user_id\"],\n                    environment : data[\"environment\"],\n                    appData: appData\n                })\n      } catch (e) {\n        console.error(e);\n      }\n\n        await this.fetchData();\n    }\n\n\n    async fetchData(){\n        this.setState({ listItems : []})\n        const resp = await fetch(`https://${this.state.environment == 0 ? \"ghc-stage\" : \"ghc\"}.theflyy.com/api/v7/flyy_app_info`, {\n            headers: {\n                \"X-Key\": this.state.partnerId,\n                \"Content-Type\": \"application/json\",\n                \"X-App-Data\": this.state.appData\n            }\n        });\n        const data = await resp.json();\n        for (var key in data.info.offers) {\n            if (data.info.offers[key].offer_type_code === \"checkin\") {\n                this.setState({ checkinOffer : data.info.offers[key] })\n                this.setState({ mileStoneData : data.info.offers[key].milestones })\n                break;\n            }\n        }\n        var tempData = [];\n        var isRewardDay = false;\n        var isCheckedIn = false;\n        for (let i = 0; i < this.state.checkinOffer.total_streak; i++) {\n            for (let j = 0; j < this.state.mileStoneData.length; j++) {\n                if (i + 1 === parseInt(this.state.mileStoneData[j].value)) {\n                    isRewardDay = true;\n                }\n            }\n            if (i+1 <= this.state.checkinOffer.streak) {\n                isCheckedIn = true;\n            }\n            tempData.push({ \"isRewardDay\": isRewardDay, \"isCheckedIn\": isCheckedIn })\n            isRewardDay = false;\n            isCheckedIn = false;\n        }\n        this.setState({ listItems : tempData })\n    }\n\n\n    async checkInApi() {\n        var url = `https://${this.state.environment == 0 ? \"ghc-stage\" : \"ghc\"}.theflyy.com/api/v1/checkin?offer_id=` + this.state.checkinOffer.id.toString();\n        const resp = await fetch(url, {\n            headers: {\n                \"X-Key\": this.state.partnerId,\n                \"Content-Type\": \"application/json\",\n                \"X-App-Data\": this.state.appData\n            }\n        });\n        const data = await resp.json();\n        if (data.success) {\n            this.fetchData()\n        } else {\n            this.notifyMessage(data.message)\n        }\n    }\n\n    notifyMessage(msg:string) {\n        if (Platform.OS === 'android') {\n          ToastAndroid.show(msg, ToastAndroid.SHORT)\n        } else {\n            Toast.showWithGravity(msg, Toast.SHORT, Toast.BOTTOM);\n        }\n      }\n\n  render() {\n    const Divider = ({color = \"black\",index}:{color:any,index:any}) => {\n        return (\n            <View style={{ flexDirection: 'row'}}>\n                {React.Children.toArray(\n                   this.state.persons.map(() => {\n                    return (\n                        <View style={{ flexDirection: 'row' }}>\n                            <View style={{ height: 1, width: 2, backgroundColor: color, borderRadius: 2 }} />\n                            <View style={{ width: 1, backgroundColor: \"white\", borderRadius: 2 }} />\n                        </View>\n                    );\n                })\n                )}\n        </View>\n        )\n    }\n    const getItemCount = () => this.state.listItems.length;\n    const getItem = (data:any, index:any) => ({\n        id: Math.random().toString(12).substring(0),\n        isRewardDay: data[index].isRewardDay,\n        isCheckedIn: data[index].isCheckedIn,\n        index: index\n    });\n    const Item = ({ title, index }: {title:any,index:any}) => {\n        const day = index + 1;\n        return (\n        <View style = {{justifyContent: \"center\",alignItems:'center',alignContent:'center'}}>\n            <View style = {{flexDirection : 'row',height: 35,justifyContent:'center',alignItems:'center'}}>\n            {title.isCheckedIn? <View style={{ height: 1, width: 15, alignSelf: \"center\" , backgroundColor: index == 0 ? \"white\" : \"black\"}} />:<Divider color={index == 0 ? \"white\" : \"black\"} index={index}/>}\n            {title.isRewardDay ?\n                    title.isCheckedIn ? <Image source={require('./assets/images/reward_flyy.png')} style={{ height: 20, width: 15 }} /> : <Image source={{ uri: this.state.checkinOffer[\"currency_icon_url\"] }} style={{ height: 20, width: 20 }} />\n                    : title.isCheckedIn ?\n                     <View style = {{height:17,width:17,backgroundColor:\"black\",borderRadius:15,justifyContent:'center',alignItems:'center'}}><Text style={{color:\"white\",fontSize:10}}>✓</Text></View>\n                     : <Image source={require('./assets/images/radio.png')} style={{ height: 20, width: 20 }} />}\n            {index != this.state.listItems.length-1 ? this.state.listItems[index+1].isCheckedIn ? <View style={{ height: 1, width: 15, alignSelf: \"center\" , backgroundColor: index == this.state.listItems.length-1 ? \"white\" : \"black\"}} />:<Divider color={index == this.state.listItems.length - 1 ? \"white\" : \"black\"} index={index}/>: <View style = {{width:15}}/>}\n            </View>\n            <Text style = {{textAlign: 'center',color: title.isRewardDay ? this.props.style?.checkInEarnColor ?? \"black\" : this.props.style?.checkInDaysColor ?? \"black\"}}>{title.isRewardDay ?\n                    title.isCheckedIn ? \"Won\" : \"Earn\"\n                    : title.isCheckedIn ? \"Day \"+day : \"Day \"+day}</Text>\n        </View>\n        )\n    }\n    return (\n        <TouchableOpacity style={styles.main} onPress = {()=>{\n            Flyy.openFlyyCheckinPage();\n        }}>\n            <View style={{ height: 10 }} />\n            <Text style={{ fontSize: 20, color: this.props.style?.checkInTitleColor ?? \"black\", fontFamily: this.props.style?.fontFamily ?? \"Montserrat-Regular\" }}>\n                {this.state.checkinOffer[\"offer_type_title\"] ?? \"N/A\"}\n            </Text>\n            <View style={{ height: 10 }} />\n            <View style = {{flexDirection: 'row',width:250,justifyContent: 'center'}}>\n                <Text  numberOfLines={1} style={{ fontSize: 18, color: this.props.style?.checkInDescriptionColor ?? \"grey\", fontFamily: this.props.style?.fontFamily ?? \"Montserrat-Regular\",textAlign: \"center\"}}>\n                {this.state.checkinOffer[\"description\"] != null ? this.state.checkinOffer[\"description\"].replace(/(<([^>]+)>)/ig, '') : \"N/A\"}\n            </Text>\n            </View>\n            <View style={{ height: 10 }} />\n            <View style={styles.listContainer}>\n                <View>\n                <VirtualizedList\n                    data={this.state.listItems}\n                    style = {{alignSelf: \"center\"}}\n                    initialNumToRender={4}\n                    horizontal={true}\n                    renderItem={({ item, index }) => <Item title={item} index={index} />}\n                    getItemCount={getItemCount}\n                    getItem={getItem}\n                />\n                </View>\n            </View>\n            <View style={{ height: 10 }} />\n            <TouchableOpacity\n                style={styles.button}\n                onPress={async () => {\n                    const eventId = this.state.checkinOffer[\"event_id\"];\n                    const url = this.state.checkinOffer[\"deeplink\"];\n                    if(eventId != null){\n                        if (url != \"\") {\n                            const supported = await Linking.canOpenURL(url);\n                            if (supported) {\n                                await Linking.openURL(url);\n                            }\n                        }\n                    }else{\n                        this.checkInApi();\n                    }\n                }}>\n                <Text style={{\n                    fontSize: 20,\n                    color: this.props.style?.checkInBtnTextColor ?? \"white\",\n                    paddingLeft: 10,    \n                    paddingRight: 10,\n                    fontFamily: \"Montserrat-Regular\"\n                }}>{this.state.checkinOffer[\"checked_in\"] ? \"Checked In\" : this.state.checkinOffer[\"button_text\"] != \"\" ? this.state.checkinOffer[\"button_text\"] : \"Check In\"}</Text>\n            </TouchableOpacity>\n        </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n    main: {\n        backgroundColor: \"white\",\n        elevation: 5,\n        height: 210,\n        width: \"90%\",\n        alignItems: \"center\",\n        borderRadius: 10\n    },\n    listContainer: { height: 60,flexDirection: \"row\",justifyContent: \"center\",width:\"100%\",alignItems:'center',alignContent:'center',backgroundColor: \"white\"},\n    button: { backgroundColor: \"#f57242\", height: 35, borderRadius: 5, justifyContent: \"center\" },\n});\n\nexport default FlyyCheckinComponent;"]}

package/lib/module/index.js

@@ -1,9 +1,239 @@
-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, Linking } 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;
-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 - 100);
+  const [deeplink, setDeeplink] = useState(null);
+  const flyyConfigDate = "flyy_config_date";
+  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();
+    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);
+      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);
+    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) {
+      var data = await Flyy.getAppOccurence(1);
+    }
+
+    const occurrenceCount = await Flyy.getAppOccurence(0);
+
+    if (widgetConfig.show_to_user && occurrenceCount <= widgetConfig.num_times) {
+      // var numberOfDaysToAdd = widgetConfig.num_days+1;
+      // var result = currentDate.setDate(currentDate.getDate() + numberOfDaysToAdd);
+      if (getDate === null) {
+        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) {
+        setShowWidget(true);
+      } else {
+        //reset occurrence on next day
+        await Flyy.getAppOccurence(1);
+
+        if (diffDays >= widgetConfig.num_days + 1) {
+          await AsyncStorage.setItem(flyyConfigDate, JSON.stringify(currentDate.getTime()));
+          setShowWidget(true);
+        }
+      }
+    } else {
+      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 () => {
+        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'
+      }
+    }, /*#__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);
+        console.log("SHOW PROPS :::");
+        console.log(props.show);
+      },
+      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)
+  );
+};
 export const FlyyWidget = ({
   widgetStyle = {
     rewardsButtonIcon: require('./assets/images/rewardwidget.png'),