be-components 4.4.8 → 4.5.0

package/lib/commonjs/Bracket/components/ManageBracketCompetitionForm.js

@@ -0,0 +1,1135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Themed = require("../../Components/Themed");
+var _reactNative = require("react-native");
+var _Components = require("../../Components");
+var _api = require("../api");
+var _useColors = require("../../constants/useColors");
+var _momentMini = _interopRequireDefault(require("moment-mini"));
+var _SearchBox = _interopRequireDefault(require("../../Components/SearchBox"));
+var _ImageUploader = _interopRequireDefault(require("../../Components/ImageUploader"));
+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 sections = ['header', 'toggle', 'select_bracket', 'info', 'scoring', 'settings'];
+const ManageBracketCompetitionForm = ({
+  player_id,
+  bracket_competition_id,
+  onFail,
+  onFocusPosition,
+  onClose
+}) => {
+  const Colors = (0, _useColors.useColors)();
+  const [action_loading, setActionLoading] = (0, _react.useState)(false);
+  const [active_toggle, setActiveToggle] = (0, _react.useState)('settings');
+  const [scoring_loading, setScoringLoading] = (0, _react.useState)(false);
+  const [info_loading, setInfoLoading] = (0, _react.useState)(false);
+  const [settings_loading, setSettingsLoading] = (0, _react.useState)(false);
+  const [bracket_search, setBracketSearch] = (0, _react.useState)({
+    visible: false,
+    value: ''
+  });
+  const [scoring_data, setScoringData] = (0, _react.useState)({
+    bracket_scoring_rules: [],
+    draft_scoring_rules: []
+  });
+  const {
+    draft_scoring_rules,
+    bracket_scoring_rules
+  } = scoring_data;
+  const [form_data, setFormData] = (0, _react.useState)({
+    leagues: [],
+    available_brackets: [],
+    competition_player_brackets: [],
+    competition_result_types: [],
+    selected_bracket_rounds: []
+  });
+  const {
+    competition_result_types,
+    bracket_competition,
+    available_brackets,
+    competition_player_brackets,
+    active_league,
+    selected_bracket_rounds,
+    leagues,
+    selected_bracket,
+    draft_competition
+  } = form_data;
+  const unique_league_ids = [...new Set(available_brackets.map(b => b.league_id))];
+  let filtered_brackets = [...available_brackets];
+  if (active_league) {
+    filtered_brackets = filtered_brackets.filter(b => b.league_id == active_league.league_id);
+  }
+  if (bracket_search.visible) {
+    filtered_brackets = filtered_brackets.filter(b => `${b.bracket_name.toLowerCase()}`.includes(bracket_search.value.toLowerCase()));
+  }
+  const {
+    settings,
+    bracket,
+    scoring
+  } = _api.BracketCompetitionHelpers.isBracketCompetitionEditable(competition_player_brackets, bracket_competition);
+  const {
+    info_valid,
+    settings_valid,
+    bracket_valid,
+    scoring_valid
+  } = _api.BracketCompetitionHelpers.isBracketValid(bracket_scoring_rules, selected_bracket_rounds, competition_result_types, bracket_competition);
+  const valid = info_valid && settings_valid && bracket_valid && scoring_valid ? true : false;
+  const can_delete = (0, _momentMini.default)().isBefore((0, _momentMini.default)(bracket_competition?.scheduled_datetime)) && competition_player_brackets.length == 0 ? true : false;
+  (0, _react.useEffect)(() => {
+    _api.BracketApi.setEnvironment();
+    if (!bracket_competition_id) {
+      return;
+    }
+    getData(bracket_competition_id);
+  }, [bracket_competition_id]);
+  const getData = async id => {
+    let bk = undefined;
+    let bk_rounds = [];
+    let bk_options = await _api.BracketApi.getActiveBrackets();
+    const options = await _api.BracketComeptitionApi.getCompetitionOptions();
+    const bk_resp = await _api.BracketComeptitionApi.getBracketCompetitionById(id);
+    if (!bk_resp) {
+      return onFail();
+    }
+    if (bk_resp.bracket_competition.admin_id != player_id) {
+      return onFail('Not Eligible to edit this competition');
+    }
+    if (bk_resp.bracket_competition.status == 'deleted') {
+      return onFail('This competition has been deleted and cannot be edited');
+    }
+    const lgs = await _api.BracketApi.getLeagues();
+    if (bk_resp.bracket_competition.bracket_id) {
+      let bracket_resp = await _api.BracketApi.getBracketById(bk_resp.bracket_competition.bracket_id);
+      if (!bracket_resp) {
+        return onFail();
+      }
+      bk = bracket_resp.bracket;
+      bk_rounds = bracket_resp.bracket_rounds;
+    }
+
+    //Lets Check if we need to adjust scoring rules right away!
+    let draft_rules = _api.BracketCompetitionHelpers.checkRules(id, bk_rounds, bk_resp.bracket_competition_scoring_rules);
+    if (JSON.stringify(draft_rules) != JSON.stringify(bk_resp.bracket_competition_scoring_rules)) {
+      //Need to save them and update them right away!
+      draft_rules = await _api.BracketComeptitionApi.updateBracketCompetitionScoringRules(id, draft_rules);
+    }
+    setScoringData({
+      bracket_scoring_rules: draft_rules,
+      draft_scoring_rules: draft_rules
+    });
+    setFormData({
+      ...form_data,
+      bracket_competition: bk_resp.bracket_competition,
+      draft_competition: bk_resp.bracket_competition,
+      competition_result_types: options.competition_result_types.filter(crt => crt.type != 'outpace'),
+      leagues: lgs,
+      competition_player_brackets: bk_resp.competition_player_brackets,
+      available_brackets: bk_options.filter(bk => (0, _momentMini.default)(bk.scheduled_datetime).isAfter((0, _momentMini.default)())),
+      selected_bracket_rounds: bk_rounds,
+      selected_bracket: bk
+    });
+  };
+  const handleSelectBracket = async bracket_id => {
+    if (!draft_competition) {
+      return;
+    }
+    if (!bracket) {
+      return;
+    } //Bracket is not editable!
+    const bk_resp = await _api.BracketApi.getBracketById(bracket_id);
+    if (!bk_resp) {
+      return;
+    }
+    let new_bc = await _api.BracketComeptitionApi.updateBracketCompetition({
+      ...draft_competition,
+      bracket_id,
+      scheduled_datetime: bk_resp.bracket.scheduled_datetime
+    });
+    setFormData({
+      ...form_data,
+      draft_competition: new_bc,
+      bracket_competition: new_bc,
+      selected_bracket: bk_resp.bracket,
+      selected_bracket_rounds: bk_resp.bracket_rounds
+    });
+    let new_rules = _api.BracketCompetitionHelpers.checkRules(bracket_competition_id, bk_resp.bracket_rounds, bracket_scoring_rules);
+    new_rules = await _api.BracketComeptitionApi.updateBracketCompetitionScoringRules(bracket_competition_id, new_rules);
+    setScoringData({
+      draft_scoring_rules: new_rules,
+      bracket_scoring_rules: new_rules
+    });
+
+    //Now we need to auto update the scheduled time with the bracket start time
+  };
+  const renderLeagues = data => {
+    const league = leagues.find(l => l.league_id == data.item);
+    if (!league) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    const selected = active_league?.league_id == data.item ? true : false;
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      float: true,
+      style: {
+        margin: 2,
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderRadius: 100,
+        backgroundColor: selected ? Colors.text.highlight : undefined
+      },
+      onPress: () => selected ? setFormData({
+        ...form_data,
+        active_league: undefined
+      }) : setFormData({
+        ...form_data,
+        active_league: league
+      })
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      style: {
+        height: 25,
+        width: 25
+      },
+      source: {
+        uri: league.league_image
+      },
+      resizeMode: "cover"
+    }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2"
+    }, league.league_name)));
+  };
+  const handleUpdateScoringRule = scoring_rule => {
+    if (isNaN(scoring_rule.win_points)) {
+      return;
+    }
+    setScoringData({
+      ...scoring_data,
+      draft_scoring_rules: draft_scoring_rules.filter(sr => sr.bracket_competition_scoring_rule_id != scoring_rule.bracket_competition_scoring_rule_id).concat(scoring_rule)
+    });
+  };
+  const renderBracketRounds = data => {
+    const scoring_rule = draft_scoring_rules.find(bsr => bsr.round_number == data.item.round_number);
+    if (!scoring_rule) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2"
+    }, data.item.round_name), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 3
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Switch, {
+      size: 12,
+      disabled: !scoring,
+      value: scoring_rule.underdog_bonus,
+      switch_type: "on_off",
+      onChange: val => {
+        setScoringData({
+          ...scoring_data,
+          draft_scoring_rules: draft_scoring_rules.filter(sr => sr.bracket_competition_scoring_rule_id != scoring_rule.bracket_competition_scoring_rule_id).concat({
+            ...scoring_rule,
+            underdog_bonus: val,
+            underdog_multiplier: val ? 1.5 : 0
+          })
+        });
+      }
+    }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      style: {
+        marginLeft: 5
+      },
+      theme: "description"
+    }, "Underdog Bonus"))), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+      value: scoring_rule.win_points,
+      editable: scoring,
+      style: {
+        textAlign: 'center',
+        width: 80
+      },
+      onChangeText: text => handleUpdateScoringRule({
+        ...scoring_rule,
+        win_points: text
+      })
+    }), scoring_rule.underdog_bonus ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      style: {
+        padding: 4
+      },
+      theme: "h1"
+    }, "X"), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+      value: scoring_rule.underdog_multiplier,
+      style: {
+        textAlign: 'center',
+        width: 50
+      },
+      editable: scoring,
+      onChangeText: text => handleUpdateScoringRule({
+        ...scoring_rule,
+        underdog_multiplier: text
+      })
+    })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), scoring_rule.underdog_bonus ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        padding: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "warning"
+    }, "If a player selects the lower seed to win correctly, they will be awarded ", scoring_rule.win_points * scoring_rule.underdog_multiplier, " points")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+  };
+  const renderResults = data => {
+    const selected = draft_competition?.competition_result_type_id == data.item.competition_result_type_id ? true : false;
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      disabled: !settings,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => {
+        if (!draft_competition) {
+          return;
+        }
+        setFormData({
+          ...form_data,
+          draft_competition: {
+            ...draft_competition,
+            competition_result_type_id: data.item.competition_result_type_id
+          }
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        height: 25,
+        width: 25,
+        borderWidth: 1,
+        borderRadius: 100,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderColor: Colors.text.action
+      }
+    }, selected ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        height: 15,
+        width: 15,
+        borderRadius: 100,
+        backgroundColor: Colors.text.action
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2"
+    }, data.item.label), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      style: {
+        marginTop: 3
+      },
+      theme: "description"
+    }, data.item.description)));
+  };
+  const renderBrackets = data => {
+    const league = leagues.find(l => l.league_id == data.item.league_id);
+    const selected = selected_bracket?.bracket_id == data.item.bracket_id ? true : false;
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      disabled: !bracket,
+      style: {
+        borderRadius: 0,
+        padding: 10,
+        borderBottomWidth: 1,
+        borderBottomColor: Colors.borders.light,
+        flexDirection: 'row',
+        alignItems: 'center'
+      },
+      onPress: () => handleSelectBracket(data.item.bracket_id)
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        marginRight: 10,
+        height: 20,
+        width: 20,
+        borderRadius: 2,
+        borderWidth: 1,
+        borderColor: Colors.text.action,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, selected ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        height: 15,
+        width: 15,
+        backgroundColor: Colors.text.action
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), league ? /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      style: {
+        height: 25,
+        width: 25
+      },
+      source: {
+        uri: league.league_image
+      },
+      resizeMode: "cover"
+    }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.BracketIcon, {
+      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: "h2"
+    }, data.item.bracket_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      style: {
+        marginTop: 3
+      },
+      theme: "description"
+    }, (0, _momentMini.default)(data.item.scheduled_datetime).format('YYYY-MM-DD hh:mm a'))));
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        if (!bracket_competition || !draft_competition) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_ImageUploader.default, {
+          public_id: `${draft_competition.bracket_competition_id}_image_${Math.random()}`,
+          onFinishUpload: async obj => {
+            const new_bc = await _api.BracketComeptitionApi.updateBracketCompetition({
+              ...draft_competition,
+              image: {
+                ...obj,
+                url: obj.secure_url
+              }
+            });
+            setFormData({
+              ...form_data,
+              draft_competition: new_bc,
+              bracket_competition: new_bc
+            });
+          }
+        }, bracket_competition.image?.url ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            justifyContent: 'center',
+            alignItems: 'center'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+          source: {
+            uri: bracket_competition.image.url
+          },
+          style: {
+            height: 30,
+            width: 30
+          },
+          resizeMode: "cover"
+        })) : /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "action"
+        }, "Add Image")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, bracket_competition.competition_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 4
+          }
+        }, bracket_competition.competition_description)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row'
+          }
+        }, bracket_competition.status == 'pending' ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          disabled: !valid || action_loading,
+          loading: action_loading,
+          style: {
+            opacity: action_loading || !valid ? 0.5 : 1
+          },
+          type: "success",
+          title: "ACTIVATE",
+          onPress: async () => {
+            if (action_loading) {
+              return;
+            }
+            setActionLoading(true);
+            let new_bc = await _api.BracketComeptitionApi.updateBracketCompetition({
+              ...draft_competition,
+              status: 'scheduled'
+            });
+            setFormData({
+              ...form_data,
+              draft_competition: new_bc,
+              bracket_competition: new_bc
+            });
+            setActionLoading(false);
+          }
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), !can_delete ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          disabled: action_loading,
+          loading: action_loading,
+          style: {
+            opacity: action_loading ? 0.5 : 1
+          },
+          type: "error",
+          title: "DELETE",
+          onPress: async () => {
+            if (action_loading) {
+              return;
+            }
+            if (_reactNative.Platform.OS == 'web') {
+              let confirmed = await confirm('Are you sure?');
+              if (!confirmed) {
+                return;
+              }
+            }
+            setActionLoading(true);
+            let new_bc = await _api.BracketComeptitionApi.updateBracketCompetition({
+              ...draft_competition,
+              status: 'deleted'
+            });
+            setFormData({
+              ...form_data,
+              draft_competition: new_bc,
+              bracket_competition: new_bc
+            });
+            setActionLoading(false);
+          }
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+      case 'toggle':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Components.Toggle, {
+          toggle_padding: 10,
+          options: [{
+            key: 'bracket',
+            valid_string: 'bracket_valid',
+            label: 'Bracket',
+            icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.BracketIcon, {
+              size: 12,
+              color: bracket_valid ? Colors.text.success : Colors.text.warning
+            })
+          }, {
+            key: 'info',
+            valid_string: 'info_valid',
+            label: 'Info',
+            icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.MenuIcon, {
+              size: 12,
+              color: info_valid ? Colors.text.success : Colors.text.warning
+            })
+          }, {
+            key: 'scoring',
+            valid_string: 'scoring_valid',
+            label: 'Scoring',
+            icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.PodiumIcon, {
+              size: 12,
+              color: scoring_valid ? Colors.text.success : Colors.text.warning
+            })
+          }, {
+            key: 'settings',
+            valid_string: 'settings_valid',
+            label: 'Settings',
+            icon: /*#__PURE__*/_react.default.createElement(_Components.Icons.SettingsIcon, {
+              size: 14,
+              color: settings_valid ? Colors.text.success : Colors.text.warning
+            })
+          }],
+          title_renderer: option => {
+            const selected = option.key == active_toggle ? true : false;
+            return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+              transparent: true,
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }
+            }, option.icon, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+              style: {
+                marginLeft: 5
+              },
+              theme: "h1",
+              color: selected ? Colors.text.action : Colors.text.h1
+            }, option.label));
+          },
+          selected_option: active_toggle,
+          onSelectOption: key => setActiveToggle(key)
+        }));
+      case 'select_bracket':
+        if (active_toggle != 'bracket') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const selected_league = leagues.find(l => l.league_id == selected_bracket?.league_id);
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, selected_bracket ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 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: "h2"
+        }, "SELECTED BRACKET"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Select a league to filter bracket options"))), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          style: {
+            borderRadius: 0,
+            padding: 10,
+            borderBottomWidth: 1,
+            borderBottomColor: Colors.borders.light,
+            flexDirection: 'row',
+            alignItems: 'center'
+          }
+        }, selected_league ? /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+          style: {
+            height: 25,
+            width: 25
+          },
+          source: {
+            uri: selected_league.league_image
+          },
+          resizeMode: "cover"
+        }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.BracketIcon, {
+          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: "h2"
+        }, selected_bracket.bracket_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, (0, _momentMini.default)(selected_bracket.scheduled_datetime).format('YYYY-MM-DD hh:mm a'))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 20,
+            backgroundColor: Colors.text.action
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          textAlign: "center"
+        }, bracket ? 'CHANGE BRACKET!' : 'BRACKET IS LOCKED'), bracket ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          textAlign: "center"
+        }, "Use the options below to select new bracket") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__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: "h2"
+        }, "LEAGUE OPTIONS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Select a league to filter bracket options"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: unique_league_ids,
+          key: "league_selector",
+          keyExtractor: item => item,
+          renderItem: renderLeagues,
+          horizontal: true
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 5
+          }
+        }, /*#__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: "h2"
+        }, "BRACKET OPTIONS"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Select a Bracket below or search")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          float: true,
+          onPress: () => setBracketSearch({
+            ...bracket_search,
+            visible: !bracket_search.visible,
+            value: ''
+          })
+        }, bracket_search.visible ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CloseIcon, {
+          size: 14,
+          color: Colors.text.error
+        }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.SearchIcon, {
+          size: 14,
+          color: Colors.text.h1
+        }))), bracket_search.visible ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
+          onFocusPosition: onFocusPosition,
+          onChange: text => setBracketSearch({
+            ...bracket_search,
+            value: text
+          }),
+          hide_search_button: true
+        })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: filtered_brackets,
+          keyExtractor: item => item.bracket_id.toString(),
+          key: 'brackets_list',
+          renderItem: renderBrackets
+        })));
+      case 'info':
+        if (active_toggle != 'info') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (!draft_competition) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const comp_changed = JSON.stringify(draft_competition) != JSON.stringify(bracket_competition) ? true : false;
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__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"
+        }, "Update Competition Information")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          type: "success",
+          title: "SAVE",
+          style: {
+            flex: 1,
+            opacity: comp_changed && !info_loading ? 1 : 0.5
+          },
+          disabled: !comp_changed || info_loading,
+          loading: info_loading,
+          onPress: async () => {
+            if (info_loading) {
+              return;
+            }
+            setInfoLoading(true);
+            const new_bc = await _api.BracketComeptitionApi.updateBracketCompetition(draft_competition);
+            setFormData({
+              ...form_data,
+              bracket_competition: new_bc,
+              draft_competition: new_bc
+            });
+            setInfoLoading(false);
+          }
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          style: {
+            marginBottom: 8
+          }
+        }, "Competition Name"), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+          onFocusPosition: onFocusPosition,
+          value: draft_competition.competition_name,
+          placeholder: "Enter a memorable name ...",
+          onChangeText: text => setFormData({
+            ...form_data,
+            draft_competition: {
+              ...draft_competition,
+              competition_name: text
+            }
+          })
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          style: {
+            marginBottom: 8
+          }
+        }, "Description"), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+          onFocusPosition: onFocusPosition,
+          value: draft_competition.competition_description,
+          placeholder: "Enter a memorable description ...",
+          onChangeText: text => setFormData({
+            ...form_data,
+            draft_competition: {
+              ...draft_competition,
+              competition_description: text
+            }
+          })
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, "Start Time"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "warning"
+        }, "Defaults to selected bracket")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          color: Colors.text.descriptionLight,
+          size: 14
+        }, (0, _momentMini.default)(draft_competition.scheduled_datetime).format('YYYY-MM-DD @ hh:mm a')))));
+      case 'scoring':
+        if (active_toggle != 'scoring') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const is_changed = JSON.stringify(draft_scoring_rules) != JSON.stringify(bracket_scoring_rules) ? true : false;
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__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"
+        }, "Update Competition Scoring Rules")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          type: "success",
+          title: "SAVE RULES",
+          style: {
+            flex: 1,
+            opacity: is_changed && !scoring_loading ? 1 : 0.5
+          },
+          disabled: !is_changed || scoring_loading,
+          loading: scoring_loading,
+          onPress: async () => {
+            if (scoring_loading) {
+              return;
+            }
+            setScoringLoading(true);
+            let new_rules = await _api.BracketComeptitionApi.updateBracketCompetitionScoringRules(bracket_competition_id, draft_scoring_rules);
+            setScoringLoading(false);
+            setScoringData({
+              bracket_scoring_rules: new_rules,
+              draft_scoring_rules: new_rules
+            });
+          }
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          type: "body",
+          style: {
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: selected_bracket_rounds,
+          renderItem: renderBracketRounds,
+          key: "scoring_rules",
+          extraData: [JSON.stringify(draft_scoring_rules)],
+          keyExtractor: item => item.bracket_round_id.toString()
+        })));
+      case 'settings':
+        if (!draft_competition) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (active_toggle != 'settings') {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const settings_changed = JSON.stringify(draft_competition) != JSON.stringify(bracket_competition) ? true : false;
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__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"
+        }, "Update Competition Information")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          type: "success",
+          title: "SAVE",
+          style: {
+            flex: 1,
+            opacity: settings_changed && !settings_loading ? 1 : 0.5
+          },
+          disabled: !settings || !settings_changed || settings_loading,
+          loading: settings_loading,
+          onPress: async () => {
+            if (settings_loading) {
+              return;
+            }
+            setSettingsLoading(true);
+            const new_bc = await _api.BracketComeptitionApi.updateBracketCompetition(draft_competition);
+            setFormData({
+              ...form_data,
+              bracket_competition: new_bc,
+              draft_competition: new_bc
+            });
+            setSettingsLoading(false);
+          }
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          style: {
+            marginBottom: 8
+          }
+        }, "Ticket Price"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 4
+          }
+        }, "How much does it cost to enter the competitions?")), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+          onFocusPosition: onFocusPosition,
+          editable: settings,
+          style: {
+            textAlign: 'center',
+            width: 100
+          },
+          value: draft_competition.buy_in,
+          placeholder: "$5",
+          onChangeText: text => setFormData({
+            ...form_data,
+            draft_competition: {
+              ...draft_competition,
+              buy_in: text
+            }
+          })
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          style: {
+            marginBottom: 8
+          }
+        }, "Brackets / Person"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 4
+          }
+        }, "How many brackets can a single player enter?")), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+          editable: settings,
+          onFocusPosition: onFocusPosition,
+          style: {
+            textAlign: 'center',
+            width: 100
+          },
+          value: draft_competition.max_brackets_per_player,
+          placeholder: "1",
+          onChangeText: text => setFormData({
+            ...form_data,
+            draft_competition: {
+              ...draft_competition,
+              max_brackets_per_player: text
+            }
+          })
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          style: {
+            marginBottom: 8
+          }
+        }, "Available Tickets"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 4
+          }
+        }, "How many total brackets can enter?")), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+          onFocusPosition: onFocusPosition,
+          editable: settings,
+          style: {
+            textAlign: 'center',
+            width: 100
+          },
+          value: draft_competition.max_brackets,
+          placeholder: "1",
+          onChangeText: text => setFormData({
+            ...form_data,
+            draft_competition: {
+              ...draft_competition,
+              max_brackets: text
+            }
+          })
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          style: {
+            margin: 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"
+        }, "Select Result Type"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "How are winners determined?"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: competition_result_types,
+          key: 'results',
+          keyExtractor: item => item.competition_result_type_id.toString(),
+          renderItem: renderResults
+        })))));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: sections,
+    key: "manage_bracket_comp",
+    keyExtractor: item => item,
+    renderItem: renderSections
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    style: {
+      flex: 1
+    },
+    type: "close",
+    title: "CLOSE",
+    onPress: () => onClose()
+  })));
+};
+var _default = exports.default = ManageBracketCompetitionForm;
+//# sourceMappingURL=ManageBracketCompetitionForm.js.map