react-native-flyy 1.4.50 → 1.4.52

package/android/build.gradle

@@ -1,10 +1,11 @@
 buildscript {
   // Buildscript is evaluated before everything else so we can't use getExtOrDefault
-  def kotlin_version = rootProject.ext.has('kotlinVersion') ? rootProject.ext.get('kotlinVersion') : project.properties['Flyy_kotlinVersion']
+//  def kotlin_version = rootProject.ext.has('kotlinVersion') ? rootProject.ext.get('kotlinVersion') : project.properties['Flyy_kotlinVersion']
+  def kotlin_version = "1.8.20"
 
   repositories {
     google()
-    jcenter()
+    mavenCentral()
   }
 
   dependencies {
@@ -52,13 +53,9 @@ android {
 
 repositories {
   mavenCentral()
-  jcenter()
   google()
 
-  maven {
-    url "https://jitpack.io"
-    credentials { username authToken }
-  }
+  maven { url 'https://jitpack.io' }
 
   def found = false
   def defaultDir = null
@@ -134,9 +131,8 @@ dependencies {
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 
   //Flyy sdk dependency
-  implementation 'com.github.roid-software:flyy-sdk:1.4.55.39'
+  implementation 'com.github.roid-software:flyy-sdk:1.4.55.51'
 //  implementation project(path: ':flyy')
 
   implementation 'com.google.code.gson:gson:2.8.7'
-  implementation 'com.android.support:multidex:2.0.1'
 }

package/android/src/main/java/com/reactnativeflyy/FlyyModule.kt

@@ -771,7 +771,7 @@ fun getPreviousLeaderboardWinners(tag: String, callBack: Callback) {
   }
 
   @ReactMethod
-  fun sendEvent(key: String?, readableMap: ReadableMap?) {
+  fun sendEventMultiple(key: String?, readableMap: ReadableMap?) {
     try {
       Flyy.sendEvent(key, convertMapToJson(readableMap))
     } catch (e: JSONException) {
@@ -787,7 +787,7 @@ fun getPreviousLeaderboardWinners(tag: String, callBack: Callback) {
   }
 
   @ReactMethod
-  fun sendEventWithCallBack(key: String?, readableMap: ReadableMap?,
+  fun sendEventWithCallBackMultiple(key: String?, readableMap: ReadableMap?,
                             successCallBack: Callback) {
     try {
       Flyy.sendEvent(key, convertMapToJson(readableMap), OnFlyyTaskComplete {
@@ -823,7 +823,7 @@ fun getPreviousLeaderboardWinners(tag: String, callBack: Callback) {
 
   @ReactMethod
   fun hideSCPopupDetails(hideScDate: Boolean,hideScRefNum: Boolean) {
-    Flyy.hideSCPopupDetails(hideScDate,hideScRefNum); 
+    Flyy.hideSCPopupDetails(hideScDate,hideScRefNum);
   }
 
   @ReactMethod
@@ -831,6 +831,35 @@ fun getPreviousLeaderboardWinners(tag: String, callBack: Callback) {
     Flyy.setGiftCardRedeemText(hintTextName,hintTextEmail,receiverName,receiverEmail);
   }
 
+  @ReactMethod
+  fun setCustomQuizPageEnabled(showCustomQuizPage: Boolean) {
+    Flyy.setCustomQuizPageEnabled(showCustomQuizPage);
+  }
+
+  @ReactMethod
+  fun openInviteAndEarnQR(offerId: Int) {
+    FlyyRouteActivity.OFFER_ID = offerId
+    openFlyyRouteActivity(FlyyRouteActivity.FLYY_INVITE_AND_EARN_QR, null)
+  }
+
+  // set custom colors and text for Poll, Survey, Trivia and Custom Quiz
+
+  @ReactMethod
+  fun setPSTQConfig(
+    logoUrl: String,
+    hideLogo: Boolean,
+    thankYouTitle: String,
+    thankYouDescription: String,
+    primaryTextColor: String,
+    buttonBgColor: String,
+    buttonBgSecondaryColor: String,
+    buttonTextColor: String,
+    seekbarColor: String,
+    descriptionColor: String
+) {
+    Flyy.setPSTQConfig(logoUrl, hideLogo, thankYouTitle, thankYouDescription, primaryTextColor, buttonBgColor, buttonBgSecondaryColor, buttonTextColor, seekbarColor, descriptionColor)
+  }
+
   @Throws(JSONException::class)
   private fun convertMapToJson(readableMap: ReadableMap?): JSONObject? {
     val `object` = JSONObject()
@@ -926,4 +955,4 @@ fun getPreviousLeaderboardWinners(tag: String, callBack: Callback) {
     constants[PRODUCTION] = Flyy.PRODUCTION
     return constants
   }
-}
+}

package/android/src/main/java/com/reactnativeflyy/FlyyRouteActivity.java

@@ -34,6 +34,7 @@ public class FlyyRouteActivity extends AppCompatActivity {
   public static final String FLYY_OPEN_LEADERBOARD_HISTORY = "flyy_open_leaderboard_history";
   public static final String FLYY_OPEN_TOURNAMENT_LIST = "flyy_open_tournament_list";
   public static final String FLYY_OPEN_TOURNAMENT_HISTORY = "flyy_open_tournament_history";
+  public static final String FLYY_INVITE_AND_EARN_QR = "flyy_invite_and_earn_qr";
 
   @Override
   protected void onCreate(@Nullable Bundle savedInstanceState) {
@@ -111,6 +112,9 @@ public class FlyyRouteActivity extends AppCompatActivity {
         case FLYY_OPEN_TOURNAMENT_HISTORY:
           Flyy.navigateToTournamentHistoryActivity(this,null);
           break;
+        case FLYY_INVITE_AND_EARN_QR:
+          Flyy.navigateToInviteAndEarnQRActivity(this,OFFER_ID);
+          break;
         default:
           throw new IllegalStateException("Unexpected value: " + activityToOpen);
       }

package/ios/ReactNativeFlyy.m

@@ -1034,7 +1034,7 @@ RCT_EXPORT_METHOD(openFlyyInviteDetailsPage: (NSInteger *)offerId)
 
         dispatch_async(dispatch_get_main_queue(), ^(){
 
-            [self->flyy openInviteDetailsPageWithOfferId:*offerId];
+            [self->flyy openInviteDetailsPageWithOfferId:offerId];
         });
     });
 }
@@ -1213,6 +1213,41 @@ RCT_EXPORT_METHOD(getAppData:(RCTPromiseResolveBlock)resolve
     }
 }
 
+RCT_EXPORT_METHOD(setCustomQuizPageEnabled: (BOOL *)showCustomQuizPage)
+{
+    //Instance of flyy class
+    flyy = [Flyy sharedFlyyInstance];
+
+    [flyy setCustomQuizPageEnabledWithGetValue:showCustomQuizPage];
+}
+
+RCT_EXPORT_METHOD(setPSTQConfig: (NSString *)logoUrl :(BOOL *)hideLogo :(NSString *)thankYouTitle
+  :(NSString *)thankYouDescription :(NSString *)primaryTextColor :(NSString *)buttonBgColor
+  :(NSString *)buttonBgSecondaryColor :(NSString *)buttonTextColor :(NSString *)seekbarColor 
+  :(NSString *)descriptionColor)
+{
+    flyy = [Flyy sharedFlyyInstance];
+
+    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
+
+        dispatch_async(dispatch_get_main_queue(), ^(){
+            NSString *hideLogoValue;
+            if (hideLogo)
+            {
+                hideLogoValue = @"yes";
+            }
+            else
+            {
+                hideLogoValue = @"no";
+            }
+            [self-> flyy setPSTQConfigWithLogoUrl:logoUrl hideLogo:hideLogoValue thankYouTitle:thankYouTitle thankYouDescription:thankYouDescription
+            primaryTextColor:primaryTextColor buttonBgColor:buttonBgColor buttonBgSecondaryColor:buttonBgSecondaryColor
+            buttonTextColor: buttonTextColor seekbarColor:seekbarColor descriptionColor:descriptionColor];
+        });
+    });
+}
+
+
 //overriden method to expose all the constants
 - (NSDictionary *)constantsToExport
 {

package/lib/commonjs/flyy_checkin_view.js

@@ -6,28 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // @ts-nocheck
+// @ts-nocheck
+
 const {
   Flyy
 } = _reactNative.NativeModules;
 class FlyyCheckinComponent extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
-      mileStoneData: [],
-      checkinOffer: [],
-      listItems: [],
-      persons: [1, 2, 3, 4, 5],
-      partnerId: "",
-      userId: "",
-      appData: "",
-      environment: 0
-    });
-  }
+  state = {
+    mileStoneData: [],
+    checkinOffer: [],
+    listItems: [],
+    persons: [1, 2, 3, 4, 5],
+    partnerId: "",
+    userId: "",
+    appData: "",
+    environment: 0
+  };
   async componentDidMount() {
     try {
       const data = await Flyy.getUserData();
@@ -113,35 +110,36 @@ class FlyyCheckinComponent extends _react.Component {
     }
   }
   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.default.createElement(_reactNative.View, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
           flexDirection: 'row'
-        }
-      }, _react.default.Children.toArray(this.state.persons.map(() => {
-        return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-          style: {
-            flexDirection: 'row'
-          }
-        }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-          style: {
-            height: 1,
-            width: 2,
-            backgroundColor: color,
-            borderRadius: 2
-          }
-        }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-          style: {
-            width: 1,
-            backgroundColor: "white",
-            borderRadius: 2
-          }
-        }));
-      })));
+        },
+        children: _react.default.Children.toArray(this.state.persons.map(() => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flexDirection: 'row'
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                height: 1,
+                width: 2,
+                backgroundColor: color,
+                borderRadius: 2
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                width: 1,
+                backgroundColor: "white",
+                borderRadius: 2
+              }
+            })]
+          });
+        }))
+      });
     };
     const getItemCount = () => this.state.listItems.length;
     const getItem = (data, index) => ({
@@ -154,170 +152,183 @@ class FlyyCheckinComponent extends _react.Component {
       title,
       index
     }) => {
-      var _this$props$style$che, _this$props$style, _this$props$style$che2, _this$props$style2;
       const day = index + 1;
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: {
           justifyContent: "center",
           alignItems: 'center',
           alignContent: 'center'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: {
-          flexDirection: 'row',
-          height: 35,
-          justifyContent: 'center',
-          alignItems: 'center'
-        }
-      }, title.isCheckedIn ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: {
-          height: 1,
-          width: 15,
-          alignSelf: "center",
-          backgroundColor: index == 0 ? "white" : "black"
-        }
-      }) : /*#__PURE__*/_react.default.createElement(Divider, {
-        color: index == 0 ? "white" : "black",
-        index: index
-      }), title.isRewardDay ? title.isCheckedIn ? /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-        source: require('./assets/images/reward_flyy.png'),
-        style: {
-          height: 20,
-          width: 15
-        }
-      }) : /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-        source: {
-          uri: this.state.checkinOffer["currency_icon_url"]
         },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            height: 35,
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          children: [title.isCheckedIn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: 1,
+              width: 15,
+              alignSelf: "center",
+              backgroundColor: index == 0 ? "white" : "black"
+            }
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
+            color: index == 0 ? "white" : "black",
+            index: index
+          }), title.isRewardDay ? title.isCheckedIn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+            source: require('./assets/images/reward_flyy.png'),
+            style: {
+              height: 20,
+              width: 15
+            }
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+            source: {
+              uri: this.state.checkinOffer["currency_icon_url"]
+            },
+            style: {
+              height: 20,
+              width: 20
+            }
+          }) : title.isCheckedIn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: 17,
+              width: 17,
+              backgroundColor: "black",
+              borderRadius: 15,
+              justifyContent: 'center',
+              alignItems: 'center'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                color: "white",
+                fontSize: 10
+              },
+              children: "\u2713"
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: 1,
+              width: 15,
+              alignSelf: "center",
+              backgroundColor: index == this.state.listItems.length - 1 ? "white" : "black"
+            }
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
+            color: index == this.state.listItems.length - 1 ? "white" : "black",
+            index: index
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 15
+            }
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            textAlign: 'center',
+            color: title.isRewardDay ? this.props.style?.checkInEarnColor ?? "black" : this.props.style?.checkInDaysColor ?? "black"
+          },
+          children: title.isRewardDay ? title.isCheckedIn ? "Won" : "Earn" : title.isCheckedIn ? "Day " + day : "Day " + day
+        })]
+      });
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: styles.main,
+      onPress: () => {
+        Flyy.openFlyyCheckinPage();
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
-          height: 20,
-          width: 20
-        }
-      }) : title.isCheckedIn ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: {
-          height: 17,
-          width: 17,
-          backgroundColor: "black",
-          borderRadius: 15,
-          justifyContent: 'center',
-          alignItems: 'center'
+          height: 10
         }
-      }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: {
-          color: "white",
-          fontSize: 10
-        }
-      }, "\u2713")) : /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-        source: require('./assets/images/radio.png'),
+          fontSize: 20,
+          color: this.props.style?.checkInTitleColor ?? "black",
+          fontFamily: this.props.style?.fontFamily ?? "Montserrat-Regular"
+        },
+        children: this.state.checkinOffer["offer_type_title"] ?? "N/A"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
-          height: 20,
-          width: 20
+          height: 10
         }
-      }), index != this.state.listItems.length - 1 ? this.state.listItems[index + 1].isCheckedIn ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
-          height: 1,
-          width: 15,
-          alignSelf: "center",
-          backgroundColor: index == this.state.listItems.length - 1 ? "white" : "black"
-        }
-      }) : /*#__PURE__*/_react.default.createElement(Divider, {
-        color: index == this.state.listItems.length - 1 ? "white" : "black",
-        index: index
-      }) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+          flexDirection: 'row',
+          width: 250,
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          numberOfLines: 1,
+          style: {
+            fontSize: 18,
+            color: this.props.style?.checkInDescriptionColor ?? "grey",
+            fontFamily: this.props.style?.fontFamily ?? "Montserrat-Regular",
+            textAlign: "center"
+          },
+          children: this.state.checkinOffer["description"] != null ? this.state.checkinOffer["description"].replace(/(<([^>]+)>)/ig, '') : "N/A"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: {
-          width: 15
+          height: 10
         }
-      })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.listContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.VirtualizedList, {
+            data: this.state.listItems,
+            style: {
+              alignSelf: "center"
+            },
+            initialNumToRender: 4,
+            horizontal: true,
+            renderItem: ({
+              item,
+              index
+            }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
+              title: item,
+              index: index
+            }),
+            getItemCount: getItemCount,
+            getItem: getItem
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         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"
+          height: 10
         }
-      }, title.isRewardDay ? title.isCheckedIn ? "Won" : "Earn" : title.isCheckedIn ? "Day " + day : "Day " + day));
-    };
-    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      style: styles.main,
-      onPress: () => {
-        Flyy.openFlyyCheckinPage();
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        height: 10
-      }
-    }), /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_reactNative.View, {
-      style: {
-        height: 10
-      }
-    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flexDirection: 'row',
-        width: 250,
-        justifyContent: 'center'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_reactNative.View, {
-      style: {
-        height: 10
-      }
-    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.listContainer
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.VirtualizedList, {
-      data: this.state.listItems,
-      style: {
-        alignSelf: "center"
-      },
-      initialNumToRender: 4,
-      horizontal: true,
-      renderItem: ({
-        item,
-        index
-      }) => /*#__PURE__*/_react.default.createElement(Item, {
-        title: item,
-        index: index
-      }),
-      getItemCount: getItemCount,
-      getItem: getItem
-    }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        height: 10
-      }
-    }), /*#__PURE__*/_react.default.createElement(_reactNative.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 _reactNative.Linking.canOpenURL(url);
-            if (supported) {
-              await _reactNative.Linking.openURL(url);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 _reactNative.Linking.canOpenURL(url);
+              if (supported) {
+                await _reactNative.Linking.openURL(url);
+              }
             }
+          } else {
+            this.checkInApi();
           }
-        } else {
-          this.checkInApi();
-        }
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.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")));
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            fontSize: 20,
+            color: this.props.style?.checkInBtnTextColor ?? "white",
+            paddingLeft: 10,
+            paddingRight: 10,
+            fontFamily: "Montserrat-Regular"
+          },
+          children: this.state.checkinOffer["checked_in"] ? "Checked In" : this.state.checkinOffer["button_text"] != "" ? this.state.checkinOffer["button_text"] : "Check In"
+        })
+      })]
+    });
   }
 }
 const styles = _reactNative.StyleSheet.create({