be-components 3.4.2 → 3.4.3

package/lib/commonjs/Engage/index.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _colors = _interopRequireDefault(require("../constants/colors"));
 var _api = require("./api");
 var _CompetitionCard = _interopRequireDefault(require("./components/CompetitionCard"));
-var _styles = require("../constants/styles");
 var _Components = require("../Components");
 var _SquaresCompetitionCard = _interopRequireDefault(require("./components/SquaresCompetitionCard"));
 var _BracketCompetitionCard = _interopRequireDefault(require("./components/BracketCompetitionCard"));
@@ -18,10 +16,14 @@ var _Socket = _interopRequireDefault(require("../Socket"));
 var _SeasonCard = _interopRequireDefault(require("./components/SeasonCard"));
 var _EngageHeader = _interopRequireDefault(require("./components/EngageHeader"));
 var _PrivateCodePrompt = _interopRequireDefault(require("./components/PrivateCodePrompt"));
+var _Themed = require("../Components/Themed");
+var _useColors = require("../constants/useColors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
+const engage_sections = ['header', 'toggle', 'private', 'engagements'];
 const EngageModule = ({
+  insets,
   onSelectBracketCompetition,
   onSelectCompetition,
   onSelectSquaresCompetition,
@@ -72,6 +74,7 @@ const EngageModule = ({
     companies,
     players
   } = module_data;
+  const Colors = (0, _useColors.useColors)();
   (0, _react.useEffect)(() => {
     _api.EngageApi.setEnvironment();
     getDataFromServer();
@@ -125,7 +128,12 @@ const EngageModule = ({
     const admin = players.find(p => p.player_id == data.item.admin_id);
     const company = companies.find(c => c.company_id == data.item.company_id);
     const event = events.find(e => e.event_id == data.item.event_id);
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_SquaresCompetitionCard.default, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        margin: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_SquaresCompetitionCard.default, {
       squares_competition: data.item,
       company: company,
       admin: admin,
@@ -142,7 +150,12 @@ const EngageModule = ({
     if (!competition_result_type) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_BracketCompetitionCard.default, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        margin: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_BracketCompetitionCard.default, {
       bracket_competition: data.item,
       company: company,
       competition_result_type: competition_result_type,
@@ -153,7 +166,7 @@ const EngageModule = ({
     }));
   };
   const renderSeasons = data => {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_SeasonCard.default, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_SeasonCard.default, {
       competition_season: data.item,
       width: module_size.width / 2.5,
       onSelectSeason: cs => onSelectCompetitionSeason(cs)
@@ -168,7 +181,12 @@ const EngageModule = ({
     if (!competition_type || !competition_result_type) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_CompetitionCard.default, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        margin: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_CompetitionCard.default, {
       competition: data.item,
       company: company,
       competition_type: competition_type,
@@ -178,29 +196,216 @@ const EngageModule = ({
       onCompetitionSelect: c => onSelectCompetition(c)
     }));
   };
-  if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flex: 1,
-        backgroundColor: _colors.default.shades.white
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-      style: {
-        padding: 20,
-        alignSelf: 'center'
-      },
-      size: "large",
-      color: _colors.default.brand.midnight
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1,
-      backgroundColor: _colors.default.shades.white
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        return /*#__PURE__*/_react.default.createElement(_EngageHeader.default, {
+          companies: companies,
+          width: module_size.width,
+          onManage: onManage,
+          onEvent: onEvent,
+          onSelectCompany: onSelectCompany
+        });
+      case 'toggle':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Components.Toggle, {
+          background_color: Colors.views.header,
+          inactive_title_color: Colors.text.h1,
+          options: [{
+            key: 'competitions',
+            label: 'Competitions'
+          }, {
+            key: 'brackets',
+            label: 'Brackets'
+          }, {
+            key: 'squares',
+            label: 'Squares'
+          }],
+          selected_option: active_tab,
+          onSelectOption: option => setActiveTab(option)
+        }));
+      case 'private':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            padding: 10,
+            marginBottom: 10,
+            flexDirection: 'row',
+            alignItems: 'center'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EyeOffIcon, {
+          size: 18,
+          color: Colors.text.h1
+        }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            marginLeft: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Find Private"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Did you receive a private code? Enter it here.")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "ENTER PRIVATE CODE",
+          type: "text",
+          onPress: () => setShowCodePrompt(true)
+        }));
+      case 'engagements':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, active_tab == 'competitions' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, competition_seasons.length > 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            marginTop: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Public Seasons"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Seasons are multi-competition contests. Payouts are split between each competition and the season long winners.")), onCreateSeason ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "NEW",
+          type: "success",
+          onPress: () => onCreateSeason()
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: competition_seasons.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
+          horizontal: true,
+          keyExtractor: item => item.competition_season_id.toString(),
+          renderItem: renderSeasons
+        })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            marginBottom: 15,
+            marginTop: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Public Competitions"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are available pick-em and wager based competitions.  All competitions are offered with 0 fees. All ticket sales are paid out to the winners!")), onCreateCompetition ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "NEW",
+          type: "success",
+          onPress: () => onCreateCompetition()
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: competitions.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
+          renderItem: renderCompetitions,
+          keyExtractor: item => item.competition_id.toString()
+        }))) : active_tab == 'squares' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            marginBottom: 15,
+            marginTop: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Public Auction Squares"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are available squares competitions.  Bid on squares until the auction period ends.  Win $ and prizes when your square hits at the end of each quarter!")), onCreateSquares ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "NEW",
+          type: "success",
+          onPress: () => onCreateSquares()
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: squares_competitions.sort((a, b) => (0, _momentMini.default)(a.begin_datetime).unix() - (0, _momentMini.default)(b.begin_datetime).unix()),
+          renderItem: renderSquaresCompetitions,
+          keyExtractor: item => item.sq_comp_id.toString()
+        })) : active_tab == 'brackets' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            marginBottom: 15,
+            marginTop: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Public Bracket Competitions"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Below are available bracket competitions.  All competitions are offered with 0 fees. All ticket sales are paid out to the winners!")), onCreateBracketCompetition ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "NEW",
+          type: "success",
+          onPress: () => onCreateBracketCompetition()
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: bracket_competitions.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
+          renderItem: renderBracketCompetitions,
+          keyExtractor: item => item.bracket_competition_id.toString()
+        })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     },
     onLayout: ev => {
       const {
@@ -212,248 +417,32 @@ const EngageModule = ({
         height
       });
     }
-  }, /*#__PURE__*/_react.default.createElement(_EngageHeader.default, {
-    companies: companies,
-    width: module_size.width,
-    onManage: onManage,
-    onEvent: onEvent,
-    onSelectCompany: onSelectCompany
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.body_row,
-      margin: 10,
-      backgroundColor: _colors.default.shades.white,
-      borderRadius: 22,
-      borderWidth: 4,
-      borderColor: _colors.default.shades.shade100
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "COMPETITIONS",
-    title_color: active_tab == 'competitions' ? _colors.default.shades.white : _colors.default.brand.midnight,
-    title_weight: active_tab == 'competitions' ? 'bold' : 'regular',
-    padding: 15,
-    title_size: 12,
-    style: {
-      flex: 1
-    },
-    borderRadiusOverride: {
-      borderTopLeftRadius: 22,
-      borderBottomLeftRadius: 22,
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0
-    },
-    backgroundColor: active_tab == 'competitions' ? _colors.default.brand.midnight : _colors.default.shades.white,
-    onPress: () => setActiveTab('competitions')
-  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "SQUARES",
-    title_size: 12,
-    title_color: active_tab == 'squares' ? _colors.default.shades.white : _colors.default.brand.midnight,
-    title_weight: active_tab == 'squares' ? 'bold' : 'regular',
-    padding: 15,
-    style: {
-      flex: 1
-    },
-    borderRadius: 0,
-    backgroundColor: active_tab == 'squares' ? _colors.default.brand.midnight : _colors.default.shades.white,
-    onPress: () => setActiveTab('squares')
-  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "BRACKETS",
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: engage_sections,
+    key: `engage_sections`,
+    keyExtractor: item => item,
+    renderItem: renderSections,
+    refreshing: loading,
+    onRefresh: () => getDataFromServer()
+  }), show_code_prompt ? /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    transparent: true,
+    animationType: "slide",
     style: {
       flex: 1
-    },
-    title_size: 12,
-    title_color: active_tab == 'brackets' ? _colors.default.shades.white : _colors.default.brand.midnight,
-    title_weight: active_tab == 'brackets' ? 'bold' : 'regular',
-    padding: 15,
-    borderRadiusOverride: {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      borderTopRightRadius: 22,
-      borderBottomRightRadius: 22
-    },
-    backgroundColor: active_tab == 'brackets' ? _colors.default.brand.midnight : _colors.default.shades.white,
-    onPress: () => setActiveTab('brackets')
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade600,
-      borderRadius: 0,
-      marginBottom: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EyeOffIcon, {
-    size: 18,
-    color: _colors.default.brand.midnight
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1,
-      marginLeft: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Find Private"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body"
-  }, "Did you receive a private code? Enter it here.")), /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "ENTER PRIVATE CODE",
-    padding: 15,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
-    onPress: () => setShowCodePrompt(true)
-  })), active_tab == 'competitions' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_body,
-      justifyContent: 'flex-start',
-      padding: 0
-    }
-  }, competition_seasons.length > 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100,
-      borderRadius: 0,
-      marginBottom: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
     style: {
       flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Public Seasons"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
     },
-    theme: "body"
-  }, "Seasons are multi-competition contests. Payouts are split between each competition and the season long winners.")), onCreateSeason ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "NEW",
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
-    onPress: () => onCreateSeason()
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    data: competition_seasons.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
-    horizontal: true,
-    keyExtractor: item => item.competition_season_id.toString(),
-    renderItem: renderSeasons
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    behavior: _reactNative.Platform.OS == 'ios' ? 'padding' : 'height'
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
-      marginBottom: 15,
-      marginTop: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100,
-      borderRadius: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Public Competitions"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body"
-  }, "Below are available pick-em and wager based competitions.  All competitions are offered with 0 fees. All ticket sales are paid out to the winners!")), onCreateCompetition ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "NEW",
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
-    onPress: () => onCreateCompetition()
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    data: competitions.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
-    renderItem: renderCompetitions,
-    keyExtractor: item => item.competition_id.toString()
-  })) : active_tab == 'squares' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_body,
-      padding: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginBottom: 15,
-      marginTop: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100,
-      borderRadius: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Public Auction Squares"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body"
-  }, "Below are available squares competitions.  Bid on squares until the auction period ends.  Win $ and prizes when your square hits at the end of each quarter!")), onCreateSquares ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "NEW",
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
-    onPress: () => onCreateSquares()
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    data: squares_competitions.sort((a, b) => (0, _momentMini.default)(a.begin_datetime).unix() - (0, _momentMini.default)(b.begin_datetime).unix()),
-    renderItem: renderSquaresCompetitions,
-    keyExtractor: item => item.sq_comp_id.toString()
-  })) : active_tab == 'brackets' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_body,
-      padding: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      marginBottom: 15,
-      marginTop: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: _colors.default.shades.shade100,
-      borderRadius: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header"
-  }, "Public Bracket Competitions"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 3
-    },
-    theme: "body"
-  }, "Below are available bracket competitions.  All competitions are offered with 0 fees. All ticket sales are paid out to the winners!")), onCreateBracketCompetition ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
-    title: "NEW",
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
-    onPress: () => onCreateBracketCompetition()
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    data: bracket_competitions.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
-    renderItem: renderBracketCompetitions,
-    keyExtractor: item => item.bracket_competition_id.toString()
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), show_code_prompt ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
+      flex: 1,
       justifyContent: 'flex-end',
-      backgroundColor: _colors.default.shades.black_faded_heavy
+      paddingBottom: insets?.bottom
     }
   }, /*#__PURE__*/_react.default.createElement(_PrivateCodePrompt.default, {
-    width: module_size.width - 20,
     onFoundBracket: b => {
       onSelectBracketCompetition(b);
       setShowCodePrompt(false);
@@ -471,6 +460,20 @@ const EngageModule = ({
       setShowCodePrompt(false);
     },
     onClose: () => setShowCodePrompt(false)
+  })))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), loading ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      alignItems: 'center',
+      padding: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "large",
+    color: Colors.text.h1
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Socket.default, {
     onConnect: () => setSocketState({
       ...socket_state,