be-components 1.2.7 → 1.2.8

package/lib/module/CompetitionManager/components/CompetitionSettingsForm.js

@@ -0,0 +1,364 @@
+import { FlatList, TextInput, TouchableOpacity, View } from "react-native";
+import React, { useEffect, useState } from "react";
+import { ManageCompetitionApi } from "../api";
+import Colors from "../../constants/colors";
+import { Icons, Text } from "../../Components";
+import { view_styles } from "../../constants/styles";
+import DropDown from "../../Components/Dropdown";
+const market_types = ['FOR_MONEY', 'FREE'];
+const CompetitionSettingsForm = ({
+  player,
+  width,
+  competition,
+  competition_types,
+  competition_result_types,
+  onCompetitionUpdate
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  //const [ player_selector_visible, setPlayerSelectorVisible ] = useState(false);
+  const [pacer, setPacer] = useState();
+  const competition_type = competition_types.find(ct => ct.competition_type_id == competition?.competition_type_id);
+  const competition_result_type = competition_result_types.find(crt => crt.competition_result_type_id == competition?.competition_result_type_id);
+  useEffect(() => {
+    if (!competition?.pacer_id) {
+      return;
+    }
+    if (competition.pacer_id == pacer?.player_id) {
+      return;
+    } //Already got him/her
+    getPacerFromServer(competition.pacer_id);
+  }, [competition?.pacer_id]);
+  useEffect(() => {
+    if (!competition_result_type) {
+      return;
+    }
+    if (competition_result_type.type == 'outpace' && !competition.pacer_id) {
+      setPacer(player);
+      onCompetitionUpdate({
+        ...competition,
+        pacer_id: player?.player_id
+      });
+    }
+  }, [competition_result_type?.type]);
+  const getPacerFromServer = async player_id => {
+    const ps = await ManageCompetitionApi.getPlayersByPlayerIds([player_id]);
+    setPacer(ps[0]);
+  };
+  const renderMarketTypes = data => {
+    const selected = data.item == competition.market_type ? true : false;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        minWidth: 75,
+        margin: 1,
+        borderRadius: 8,
+        padding: 10,
+        backgroundColor: selected ? Colors.brand.midnight : undefined
+      },
+      onPress: () => onCompetitionUpdate({
+        ...competition,
+        market_type: data.item
+      })
+    }, /*#__PURE__*/React.createElement(Text, {
+      textAlign: "center",
+      color: selected ? Colors.shades.white : Colors.brand.midnight,
+      weight: selected ? 'bold' : 'regular',
+      size: 14
+    }, data.item == 'FOR_MONEY' ? 'USD' : 'EDGE COINS'));
+  };
+  const renderCompetitionTypes = data => {
+    const selected = data.item.competition_type_id == competition.competition_type_id ? true : false;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        minWidth: 75,
+        margin: 1,
+        borderRadius: 8,
+        padding: 10,
+        backgroundColor: selected ? Colors.brand.midnight : undefined
+      },
+      onPress: () => onCompetitionUpdate({
+        ...competition,
+        competition_type_id: data.item.competition_type_id
+      })
+    }, /*#__PURE__*/React.createElement(Text, {
+      textAlign: "center",
+      color: selected ? Colors.shades.white : Colors.brand.midnight,
+      weight: selected ? 'bold' : 'regular',
+      size: 14
+    }, data.item.type_label));
+  };
+  if (!competition) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.section,
+      flexGrow: 1
+    }
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: view_styles.section_header,
+    onPress: () => setExpanded(!expanded)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header"
+  }, "Competition Settings"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, "Manage the high level information of this competition")), /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+    direction: expanded ? 'up' : 'down',
+    color: Colors.brand.midnight,
+    size: 8
+  })), expanded ? /*#__PURE__*/React.createElement(View, {
+    nativeID: "competition_settings",
+    style: {
+      ...view_styles.section_body,
+      maxWidth: width,
+      backgroundColor: Colors.shades.shade100
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    nativeID: "competition_currency",
+    style: {
+      ...view_styles.body_row,
+      flexWrap: 'wrap',
+      maxWidth: width
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      margin: 5,
+      minWidth: 200
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "Competition Currency"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, "Is the ticket price in real-money or edge coins?")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'flex-end',
+      margin: 5,
+      borderRadius: 8,
+      backgroundColor: Colors.shades.white
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: market_types,
+    renderItem: renderMarketTypes,
+    keyExtractor: item => item,
+    horizontal: true
+  }))), /*#__PURE__*/React.createElement(View, {
+    nativeID: "competition_type",
+    style: {
+      ...view_styles.body_row,
+      flexWrap: 'wrap',
+      maxWidth: width
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      margin: 5,
+      minWidth: 200
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "Competition Type"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, competition_type ? competition_type.description : 'Choose the type of competition this is.')), /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'flex-end',
+      margin: 5,
+      borderRadius: 8,
+      backgroundColor: Colors.shades.white
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: competition_types,
+    renderItem: renderCompetitionTypes,
+    keyExtractor: item => item.competition_type_id.toString(),
+    horizontal: true
+  }))), /*#__PURE__*/React.createElement(View, {
+    nativeID: "competition_payout",
+    style: {
+      ...view_styles.body_row,
+      flexWrap: 'wrap',
+      maxWidth: width
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      margin: 5,
+      minWidth: 200
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "Competition Payout Type"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, competition_result_type ? competition_result_type.description : 'Choose the type of payout for this competition')), /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: 'flex-end',
+      margin: 5,
+      borderRadius: 8,
+      backgroundColor: Colors.shades.white
+    }
+  }, /*#__PURE__*/React.createElement(DropDown, {
+    dropdown_options: [{
+      value: 'competition_result_type_id',
+      eligible_options: competition_result_types.map(t => t.label)
+    }],
+    selected_value: competition_result_type?.label ?? '',
+    onOptionSelect: type => {
+      const new_result_type = competition_result_types.find(crt => crt.label == type);
+      if (!new_result_type) {
+        return;
+      }
+      onCompetitionUpdate({
+        ...competition,
+        competition_result_type_id: new_result_type.competition_result_type_id
+      });
+    }
+  }))), /*#__PURE__*/React.createElement(View, {
+    nativeID: "buy_in",
+    style: {
+      ...view_styles.body_row,
+      flexWrap: 'wrap',
+      maxWidth: width
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      margin: 5,
+      minWidth: 200
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "Ticket Price"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, "Set the amount required to purchase a ticket to participate")), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      ...view_styles.input,
+      textAlign: 'center',
+      margin: 5,
+      width: 100,
+      backgroundColor: Colors.shades.white
+    },
+    onChangeText: text => onCompetitionUpdate({
+      ...competition,
+      buy_in: text
+    }),
+    placeholder: "25",
+    value: competition.buy_in,
+    placeholderTextColor: Colors.brand.slate
+  })), /*#__PURE__*/React.createElement(View, {
+    nativeID: "Max Tickets",
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      padding: 10,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.white
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginRight: 5
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "Max Tickets"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, "Maximum number of tickets that can be sold")), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      ...view_styles.input,
+      textAlign: 'center',
+      width: 100,
+      backgroundColor: Colors.shades.white
+    },
+    onChangeText: text => onCompetitionUpdate({
+      ...competition,
+      available_tickets: text
+    }),
+    placeholder: "100",
+    value: competition.available_tickets,
+    placeholderTextColor: Colors.brand.slate
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default CompetitionSettingsForm;
+
+/*
+                    {competition_result_type?.type == 'outpace' ?
+                   <View nativeID="competition_payout_type" style={{ flexDirection:'row', flexWrap:'wrap', padding:10, borderBottomWidth:1, borderBottomColor:Colors.shades.white }}>
+                        <View style={{ flex:1, marginRight:5 }}>
+                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Pacer</Text>
+                            <Text size={14} color={Colors.brand.midnight} weight='regular'>Select the player that must be beat</Text>
+                        </View>
+                        <View style={{ flexDirection:'row', padding:5, backgroundColor:Colors.shades.white, borderRadius:8 }}>
+                            {pacer?
+                            <View style={{ flexDirection:'row', padding:5, backgroundColor:Colors.shades.white, borderRightWidth:1, borderRightColor:Colors.shades.shade600 }}>
+                                <Image 
+                                    source={{ uri: pacer.profile_pic }}
+                                    style={{ height:40, width:40, padding:5 }}
+                                    resizeMode="cover"
+                                />
+                                <View style={{ flex:1, padding:5 }}>
+                                    <Text size={14} color={Colors.brand.midnight}>@{pacer.username}</Text>
+                                </View>
+                            </View>
+                            :<></>}
+                            <Button
+                                title={pacer?'Change':'Add Pacer'}
+                                title_color={Colors.brand.electric}
+                                onPress={() => setPlayerSelectorVisible(true)}
+                            />
+                        </View>
+                    </View>
+                    :<></>}
+*/
+
+/*
+            <View style={{ position:'absolute', top:0, left:0, right:0, alignItems:'center' }}>
+                <PlayerSelector
+                    visible={player_selector_visible}
+                    onPlayerSelect={(player) => {
+                        setPacer(player)
+                        onCompetitionUpdate({ ...competition, pacer_id:player.player_id })
+                        setPlayerSelectorVisible(false)
+                    }}
+                    onClose={() => setPlayerSelectorVisible(false)}
+                />
+            </View>
+*/
+
+/*
+{creator?.role == 'admin' ?
+                    <View nativeID="Guaranteed_payout" style={{ flexDirection:'row', flexWrap:'wrap', padding:10, borderBottomWidth:1, borderBottomColor:Colors.shades.white }}>
+                        <View style={{ flex:1, marginRight:5 }}>
+                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Guaranteed Payout (ADMIN ONLY)</Text>
+                            <Text size={14} color={Colors.brand.midnight} weight='regular'>How much payout is guaranteed?</Text>
+                        </View>
+                        <TextInput
+                            style={{ padding:10, borderRadius:8, backgroundColor:Colors.shades.white }}
+                            onChangeText={(text) => onCompetitionUpdate({ ...competition, guaranteed_payout: text })}
+                            placeholder="0"
+                            value={competition.guaranteed_payout}
+                            placeholderTextColor={Colors.brand.slate}
+                        />
+                    </View>
+                    :<></>}
+*/
+//# sourceMappingURL=CompetitionSettingsForm.js.map

package/lib/module/CompetitionManager/components/CompetitionSettingsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","TextInput","TouchableOpacity","View","React","useEffect","useState","ManageCompetitionApi","Colors","Icons","Text","view_styles","DropDown","market_types","CompetitionSettingsForm","player","width","competition","competition_types","competition_result_types","onCompetitionUpdate","expanded","setExpanded","pacer","setPacer","competition_type","find","ct","competition_type_id","competition_result_type","crt","competition_result_type_id","pacer_id","player_id","getPacerFromServer","type","ps","getPlayersByPlayerIds","renderMarketTypes","data","selected","item","market_type","createElement","style","minWidth","margin","borderRadius","padding","backgroundColor","brand","midnight","undefined","onPress","textAlign","color","shades","white","weight","size","renderCompetitionTypes","type_label","Fragment","section","flexGrow","section_header","flex","theme","marginTop","ChevronIcon","direction","nativeID","section_body","maxWidth","shade100","body_row","flexWrap","justifyContent","renderItem","keyExtractor","horizontal","description","toString","dropdown_options","value","eligible_options","map","t","label","selected_value","onOptionSelect","new_result_type","input","onChangeText","text","buy_in","placeholder","placeholderTextColor","slate","flexDirection","borderBottomWidth","borderBottomColor","marginRight","available_tickets"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/CompetitionSettingsForm.tsx"],"mappings":"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ACgD,MAAM,CAACC;IAAM,CAAE;IACpGoC,YAAY,EAAGC,IAAI,IAAK1E,mBAAmB,CAAC;MAAE,GAAGH,WAAW;MAAEsF,iBAAiB,EAAET;IAAK,CAAC,CAAE;IACzFE,WAAW,EAAC,KAAK;IACjBZ,KAAK,EAAEnE,WAAW,CAACsF,iBAA4B;IAC/CN,oBAAoB,EAAEzF,MAAM,CAAC0C,KAAK,CAACgD;EAAM,CAC5C,CACC,CACJ,CAAC,gBACV9F,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAA0D,QAAA,MAAI,CACH,CAAC;AAEf,CAAC;AAED,eAAehD,uBAAuB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/CompetitionManager/components/MarketSelector.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import { FlatList, ScrollView, TouchableOpacity, View } from "react-native";
+import { Button, Switch, Text } from '../../Components';
+import Colors from '../../constants/colors';
+import { view_styles } from '../../constants/styles';
+const MarketSelector = ({
+  visible,
+  markets,
+  selected_markets,
+  onSelectMarket,
+  onDeselectMarket,
+  onClose
+}) => {
+  const renderMarkets = data => {
+    const selected = selected_markets.includes(data.item.market_id) ? true : false;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderBottomWidth: 1,
+        borderColor: Colors.shades.shade600
+      },
+      onPress: () => selected ? onDeselectMarket(data.item) : onSelectMarket(data.item)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1,
+        marginRight: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: 14,
+      color: Colors.brand.midnight,
+      weight: "bold"
+    }, data.item.type == 'Stat' ? data.item.stat_label : data.item.type), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        marginTop: 3
+      },
+      size: 14,
+      color: Colors.brand.midnight,
+      weight: "regular"
+    }, data.item.description)), /*#__PURE__*/React.createElement(Switch, {
+      switch_type: "on_off",
+      value: selected,
+      onChange: () => {
+        if (!selected) {
+          return onSelectMarket(data.item);
+        }
+        return onDeselectMarket(data.item);
+      }
+    }));
+  };
+  if (!visible) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      borderRadius: 8,
+      minWidth: 250,
+      maxHeight: 450,
+      backgroundColor: Colors.shades.white,
+      ...view_styles.float
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "CLOSE",
+    style: {
+      alignSelf: 'flex-end'
+    },
+    backgroundColor: Colors.brand.electric,
+    padding: 10,
+    title_color: Colors.shades.white,
+    borderRadius: 8,
+    onPress: () => onClose()
+  })), /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: markets,
+    renderItem: renderMarkets,
+    keyExtractor: item => item.market_id.toString()
+  })));
+};
+export default MarketSelector;
+//# sourceMappingURL=MarketSelector.js.map

package/lib/module/CompetitionManager/components/MarketSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","ScrollView","TouchableOpacity","View","Button","Switch","Text","Colors","view_styles","MarketSelector","visible","markets","selected_markets","onSelectMarket","onDeselectMarket","onClose","renderMarkets","data","selected","includes","item","market_id","createElement","style","flexDirection","alignItems","padding","borderBottomWidth","borderColor","shades","shade600","onPress","flex","marginRight","size","color","brand","midnight","weight","type","stat_label","marginTop","description","switch_type","value","onChange","Fragment","borderRadius","minWidth","maxHeight","backgroundColor","white","float","title","alignSelf","electric","title_color","renderItem","keyExtractor","toString"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/MarketSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/CompetitionManager/index.js

@@ -0,0 +1,179 @@
+import React, { useEffect, useState } from 'react';
+import { ScrollView, View, ActivityIndicator } from "react-native";
+import { view_styles } from '../constants/styles';
+import CompetitionInfoForm from './components/CompetitionInfoForm';
+import Colors from '../constants/colors';
+import { ManageCompetitionApi, ManageCompetitionMatchApi } from './api';
+import CompetitionSettingsForm from './components/CompetitionSettingsForm';
+import CompetitionContestsForm from './components/CompetitionContestsForm';
+const CompetitionManager = ({
+  competition_id
+}) => {
+  const [module_size, setModuleSize] = useState({
+    height: 0,
+    width: 0
+  });
+  const [competition_data, setCompetitionData] = useState({
+    loaded: false,
+    loading: false,
+    competition_result_types: [],
+    competition_types: [],
+    competition_matches: [],
+    competition_payout_types: [],
+    competition_match_markets: [],
+    markets: [],
+    leagues: [],
+    events: [],
+    tournaments: [],
+    matches: [],
+    teams: [],
+    athletes: []
+  });
+  const {
+    loaded,
+    competition,
+    competition_result_types,
+    competition_types,
+    draft_competition,
+    competition_matches,
+    competition_match_markets,
+    markets,
+    leagues,
+    events,
+    tournaments,
+    matches,
+    teams,
+    athletes
+  } = competition_data;
+  useEffect(() => {
+    if (!loaded) {
+      ManageCompetitionApi.setEnvironment();
+    }
+    getDataFromServer(competition_id);
+  }, [competition_id]);
+  const getDataFromServer = async id => {
+    const c = await ManageCompetitionApi.getCompetitionById(id);
+    const cm_resp = await ManageCompetitionMatchApi.getCompetitionMatchesByCompetitionId(id);
+    const options = await ManageCompetitionApi.getCompetitionOptions();
+    const lgs = await ManageCompetitionApi.getLeagues();
+    const mks = await ManageCompetitionApi.getMarkets();
+    //Get unique contests
+    let event_ids = cm_resp.competition_matches.filter(cm => cm.event_type == 'team').map(cm => cm.event_id);
+    let tournament_ids = cm_resp.competition_matches.filter(cm => cm.event_type == 'tournament').map(cm => cm.event_id);
+    let match_ids = cm_resp.competition_matches.filter(cm => cm.event_type == 'match').map(cm => cm.event_id);
+    //Get unique side ids
+    let athlete_ids = cm_resp.competition_matches.filter(cm => cm.side_type_override == 'athlete').map(cm => cm.side_id_override ?? '0');
+    let team_ids = cm_resp.competition_matches.filter(cm => cm.side_type_override == 'team').map(cm => cm.side_id_override ?? '0');
+    let c_events = [];
+    if (event_ids.length > 0) {
+      c_events = await ManageCompetitionMatchApi.getEventsByEventIds(event_ids);
+    }
+    let c_tournaments = [];
+    if (tournament_ids.length > 0) {
+      c_tournaments = await ManageCompetitionMatchApi.getTournamentsByTournamentIds(tournament_ids);
+    }
+    let c_matches = [];
+    if (match_ids.length > 0) {
+      c_matches = await ManageCompetitionMatchApi.getMatchesByMatchIds(match_ids);
+    }
+    let c_teams = [];
+    if (team_ids.length > 0) {
+      c_teams = await ManageCompetitionMatchApi.getTeamsByIds(team_ids);
+    }
+    let c_athletes = [];
+    if (athlete_ids.length > 0) {
+      c_athletes = await ManageCompetitionMatchApi.getAthletesByIds(athlete_ids);
+    }
+    setCompetitionData({
+      ...competition_data,
+      loading: false,
+      competition: c,
+      leagues: lgs,
+      competition_types: options.competition_types,
+      competition_payout_types: options.competition_payout_types,
+      competition_result_types: options.competition_result_types,
+      draft_competition: c,
+      competition_matches: cm_resp.competition_matches,
+      competition_match_markets: cm_resp.competition_match_markets,
+      events: c_events,
+      markets: mks,
+      tournaments: c_tournaments,
+      matches: c_matches,
+      teams: c_teams,
+      athletes: c_athletes
+    });
+  };
+  if (!competition || !draft_competition) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "large",
+      color: Colors.brand.midnight,
+      style: {
+        padding: 20,
+        alignSelf: 'center'
+      }
+    }));
+  }
+  console.log(module_size);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flex: 1
+    },
+    onLayout: ev => {
+      const {
+        width,
+        height
+      } = ev.nativeEvent.layout;
+      setModuleSize({
+        height,
+        width
+      });
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.wrapper
+    }
+  }, /*#__PURE__*/React.createElement(CompetitionInfoForm, {
+    competition: draft_competition,
+    width: module_size.width - 20,
+    onCompetitionUpdate: comp => setCompetitionData({
+      ...competition_data,
+      draft_competition: comp
+    })
+  }), /*#__PURE__*/React.createElement(CompetitionSettingsForm, {
+    competition: draft_competition,
+    width: module_size.width - 20,
+    competition_result_types: competition_result_types,
+    competition_types: competition_types,
+    onCompetitionUpdate: comp => setCompetitionData({
+      ...competition_data,
+      draft_competition: comp
+    })
+  }), /*#__PURE__*/React.createElement(CompetitionContestsForm, {
+    width: module_size.width - 20,
+    competition: draft_competition,
+    competition_matches: competition_matches,
+    competition_match_markets: competition_match_markets,
+    events: events,
+    teams: teams,
+    athletes: athletes,
+    tournaments: tournaments,
+    matches: matches,
+    leagues: leagues,
+    markets: markets,
+    onSaveCompetitionMatch: () => console.log('SAVE EVENT'),
+    onDeleteCompetitionMatch: () => console.log('DELEVE'),
+    onUpdateCompetitionMatch: () => console.log('UPDATE'),
+    onSaveCompetitionMatchMarkets: smms => console.log(smms),
+    onDeleteCompetitionMatchMarkets: cmms => console.log(cmms)
+  }))));
+};
+export default CompetitionManager;
+//# sourceMappingURL=index.js.map