react-native-flyy 1.4.31 → 1.4.32

package/lib/module/flyy_checkin_view.js

@@ -1,365 +0,0 @@
-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, NativeModules } from "react-native";
-const {
-  Flyy
-} = NativeModules;
-
-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

@@ -1 +0,0 @@
-{"version":3,"sources":["flyy_checkin_view.tsx"],"names":["React","Component","View","Text","TouchableOpacity","StyleSheet","Image","VirtualizedList","Platform","ToastAndroid","Linking","NativeModules","Flyy","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","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, NativeModules } from \"react-native\";\nconst { Flyy } = NativeModules;\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/typescript/flyy_checkin_view.d.ts

@@ -1,19 +0,0 @@
-import { Component } from "react";
-declare class FlyyCheckinComponent extends Component {
-    state: {
-        mileStoneData: never[];
-        checkinOffer: never[];
-        listItems: never[];
-        persons: number[];
-        partnerId: string;
-        userId: string;
-        appData: string;
-        environment: number;
-    };
-    componentDidMount(): Promise<void>;
-    fetchData(): Promise<void>;
-    checkInApi(): Promise<void>;
-    notifyMessage(msg: string): void;
-    render(): JSX.Element;
-}
-export default FlyyCheckinComponent;

package/src/flyy_checkin_view.tsx

@@ -1,213 +0,0 @@
-// @ts-nocheck
-import React, { Component } from "react";
-import { View, Text, TouchableOpacity,StyleSheet,Image, VirtualizedList, Platform, ToastAndroid, Alert, Linking, NativeModules } from "react-native";
-const { Flyy } = NativeModules;
-
-class FlyyCheckinComponent extends Component {
-
-    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:string) {
-        if (Platform.OS === 'android') {
-          ToastAndroid.show(msg, ToastAndroid.SHORT)
-        } else {
-            // Toast.showWithGravity(msg, Toast.SHORT, Toast.BOTTOM);
-        }
-      }
-
-  render() {
-    const Divider = ({color = "black",index}:{color:any,index:any}) => {
-        return (
-            <View style={{ flexDirection: 'row'}}>
-                {React.Children.toArray(
-                   this.state.persons.map(() => {
-                    return (
-                        <View style={{ flexDirection: 'row' }}>
-                            <View style={{ height: 1, width: 2, backgroundColor: color, borderRadius: 2 }} />
-                            <View style={{ width: 1, backgroundColor: "white", borderRadius: 2 }} />
-                        </View>
-                    );
-                })
-                )}
-        </View>
-        )
-    }
-    const getItemCount = () => this.state.listItems.length;
-    const getItem = (data:any, index:any) => ({
-        id: Math.random().toString(12).substring(0),
-        isRewardDay: data[index].isRewardDay,
-        isCheckedIn: data[index].isCheckedIn,
-        index: index
-    });
-    const Item = ({ title, index }: {title:any,index:any}) => {
-        const day = index + 1;
-        return (
-        <View style = {{justifyContent: "center",alignItems:'center',alignContent:'center'}}>
-            <View style = {{flexDirection : 'row',height: 35,justifyContent:'center',alignItems:'center'}}>
-            {title.isCheckedIn? <View style={{ height: 1, width: 15, alignSelf: "center" , backgroundColor: index == 0 ? "white" : "black"}} />:<Divider color={index == 0 ? "white" : "black"} index={index}/>}
-            {title.isRewardDay ?
-                    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 }} />
-                    : title.isCheckedIn ?
-                     <View style = {{height:17,width:17,backgroundColor:"black",borderRadius:15,justifyContent:'center',alignItems:'center'}}><Text style={{color:"white",fontSize:10}}>✓</Text></View>
-                     : <Image source={require('./assets/images/radio.png')} style={{ height: 20, width: 20 }} />}
-            {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}}/>}
-            </View>
-            <Text style = {{textAlign: 'center',color: title.isRewardDay ? this.props.style?.checkInEarnColor ?? "black" : this.props.style?.checkInDaysColor ?? "black"}}>{title.isRewardDay ?
-                    title.isCheckedIn ? "Won" : "Earn"
-                    : title.isCheckedIn ? "Day "+day : "Day "+day}</Text>
-        </View>
-        )
-    }
-    return (
-        <TouchableOpacity style={styles.main} onPress = {()=>{
-            Flyy.openFlyyCheckinPage();
-        }}>
-            <View style={{ height: 10 }} />
-            <Text style={{ fontSize: 20, color: this.props.style?.checkInTitleColor ?? "black", fontFamily: this.props.style?.fontFamily ?? "Montserrat-Regular" }}>
-                {this.state.checkinOffer["offer_type_title"] ?? "N/A"}
-            </Text>
-            <View style={{ height: 10 }} />
-            <View style = {{flexDirection: 'row',width:250,justifyContent: 'center'}}>
-                <Text  numberOfLines={1} style={{ fontSize: 18, color: this.props.style?.checkInDescriptionColor ?? "grey", fontFamily: this.props.style?.fontFamily ?? "Montserrat-Regular",textAlign: "center"}}>
-                {this.state.checkinOffer["description"] != null ? this.state.checkinOffer["description"].replace(/(<([^>]+)>)/ig, '') : "N/A"}
-            </Text>
-            </View>
-            <View style={{ height: 10 }} />
-            <View style={styles.listContainer}>
-                <View>
-                <VirtualizedList
-                    data={this.state.listItems}
-                    style = {{alignSelf: "center"}}
-                    initialNumToRender={4}
-                    horizontal={true}
-                    renderItem={({ item, index }) => <Item title={item} index={index} />}
-                    getItemCount={getItemCount}
-                    getItem={getItem}
-                />
-                </View>
-            </View>
-            <View style={{ height: 10 }} />
-            <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();
-                    }
-                }}>
-                <Text style={{
-                    fontSize: 20,
-                    color: this.props.style?.checkInBtnTextColor ?? "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"}</Text>
-            </TouchableOpacity>
-        </TouchableOpacity>
-    );
-  }
-}
-
-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;