be-components 4.3.9 → 4.4.1

package/lib/module/CompetitionManager/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { ScrollView, ActivityIndicator, Image } from "react-native";
+import { ActivityIndicator, FlatList, Image } from "react-native";
 import CompetitionInfoForm from './components/CompetitionInfoForm';
 import { ManageCompetitionApi, ManageCompetitionHelpers, ManageCompetitionMarketApi, ManageCompetitionMatchApi } from './api';
 import CompetitionSettingsForm from './components/CompetitionSettingsForm';
@@ -12,17 +12,17 @@ import CompetitionHeader from './components/CompetitionHeader';
 import PlayerSelector from './components/PlayerSelector';
 import { Button, Text, View } from '../Components/Themed';
 import { useColors } from '../constants/useColors';
+import { Icons, Toggle } from '../Components';
+const sections = ['header', 'toggle', 'info', 'settings', 'contests', 'contest_settings'];
 const CompetitionManager = ({
   player_id,
+  onFocusPosition,
   competition_id,
   onClose,
   insets
 }) => {
   const Colors = useColors();
-  const [module_size, setModuleSize] = useState({
-    height: 0,
-    width: 0
-  });
+  const [active_tab, setActiveTab] = useState('info');
   const [action_loading, setActionLoading] = useState(false);
   const [show_athletes, setShowAthletes] = useState({
     filtered_positions: []
@@ -431,8 +431,6 @@ const CompetitionManager = ({
 
     //Create the new Competition Match
     const new_cm = await ManageCompetitionMatchApi.createCompetitionMatch(competition_id, contest_id, contest_type, market.level, market.market_id);
-    console.log('HERE!!!');
-    console.log(market.level);
     if (market.level == 'event') {
       //If the level is event - we need to create some events
       let market_trades = trades.filter(t => t.market_type == 'FOR_MONEY' && t.event_id == contest_id && t.event_type == contest_type && t.market_id == market.market_id);
@@ -449,8 +447,6 @@ const CompetitionManager = ({
         return alert('Unable to add this market');
       }
       const new_event_cmms = await ManageCompetitionMatchApi.createCompetitionMatchMarkets(event_cmms);
-      console.log('saved event cmms');
-      console.log(new_event_cmms);
       setActionLoading(false);
       return setCompetitionData({
         ...competition_data,
@@ -464,6 +460,257 @@ const CompetitionManager = ({
       competition_matches: competition_matches.concat(new_cm)
     });
   };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        if (!competition) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(CompetitionHeader, {
+          action_loading: action_loading,
+          competition: competition,
+          competition_valid: competition_valid,
+          competition_summaries: competition_summaries,
+          onActivate: async () => {
+            setActionLoading(true);
+            const new_c = await ManageCompetitionApi.activateCompetition(competition_id);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+            setActionLoading(false);
+          },
+          onPause: async () => {
+            setActionLoading(true);
+            const new_c = await ManageCompetitionApi.pauseCompetition(competition_id);
+            const new_summaries = await ManageCompetitionApi.getCompetitionSummaries(competition_id);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c,
+              competition_summaries: new_summaries
+            });
+            setActionLoading(false);
+          },
+          onDelete: async () => {
+            setActionLoading(true);
+            const new_c = await ManageCompetitionApi.deleteCompetition(competition_id);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+            setActionLoading(false);
+          },
+          onResume: async () => {
+            setActionLoading(true);
+            const new_c = await ManageCompetitionApi.resumeCompetition(competition_id);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+            setActionLoading(false);
+          }
+        });
+      case 'toggle':
+        return /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            margin: 10
+          }
+        }, /*#__PURE__*/React.createElement(Toggle, {
+          toggle_padding: 10,
+          options: [{
+            key: 'info',
+            label: 'Info',
+            icon: /*#__PURE__*/React.createElement(Icons.MenuIcon, {
+              size: 14,
+              color: Colors.text.warning
+            })
+          }, {
+            key: 'settings',
+            label: 'Details',
+            icon: /*#__PURE__*/React.createElement(Icons.ActivityIcon, {
+              size: 14,
+              color: Colors.text.warning
+            })
+          }, {
+            key: 'contests',
+            label: 'Contests',
+            icon: /*#__PURE__*/React.createElement(Icons.PickEmIcon, {
+              size: 14,
+              color: Colors.text.warning
+            })
+          }, {
+            key: 'contest_settings',
+            label: 'Settings',
+            icon: /*#__PURE__*/React.createElement(Icons.ChangeIcon, {
+              size: 14,
+              color: Colors.text.warning
+            })
+          }],
+          selected_option: active_tab,
+          onSelectOption: key => setActiveTab(key),
+          title_renderer: option => {
+            const active = active_tab == option.key ? true : false;
+            let valid = competition_valid[option.key, 'contests'];
+            return /*#__PURE__*/React.createElement(View, {
+              transparent: true,
+              style: {
+                justifyContent: 'center',
+                alignItems: 'center'
+              }
+            }, valid ? /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
+              color: Colors.text.success,
+              size: 14
+            }) : /*#__PURE__*/React.createElement(View, {
+              transparent: true
+            }, option.icon), /*#__PURE__*/React.createElement(Text, {
+              style: {
+                marginTop: 3
+              },
+              theme: "light",
+              color: active ? Colors.absolutes.brand.midnight : Colors.text.h1
+            }, option.label));
+          }
+        }));
+      case 'info':
+        if (active_tab != 'info') {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!competition) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(CompetitionInfoForm, {
+          init_expanded: true,
+          onFocusPosition: onFocusPosition,
+          is_valid: competition_valid.info,
+          competition: competition,
+          player: player,
+          onCompetitionUpdate: async comp => {
+            const new_c = await ManageCompetitionApi.updateCompetition(comp);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+          }
+        }));
+      case 'settings':
+        if (active_tab != 'settings') {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!competition) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(CompetitionSettingsForm, {
+          is_valid: competition_valid.settings,
+          competition: competition,
+          init_expanded: true,
+          onFocusPosition: onFocusPosition,
+          player: player,
+          onShowPacers: () => setShowPacers(true),
+          competition_result_types: competition_result_types,
+          onCompetitionUpdate: async comp => {
+            const new_c = await ManageCompetitionApi.updateCompetition(comp);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+          }
+        }));
+      case 'contests':
+        if (active_tab != 'contests') {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!competition) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(CompetitionContestsForm, {
+          action_loading: action_loading,
+          is_valid: competition_valid.contests,
+          player: player,
+          competition: competition,
+          competition_matches: competition_matches,
+          competition_match_markets: competition_match_markets,
+          events: events,
+          primary_markets: primary_markets,
+          teams: teams,
+          athletes: athletes,
+          tournaments: tournaments,
+          onAddPrimaryMarket: market => handleAddPrimaryMarket(market),
+          onRemovePrimaryMarket: market => handleRemovePrimaryMarket(market),
+          matches: matches,
+          leagues: leagues,
+          markets: markets,
+          onDeleteMarket: (contest_id, contest_type, market) => handleRemoveMarket(contest_id, contest_type, market),
+          onShowAthletes: (contest_id, contest_type, market_id) => setShowAthletes({
+            contest_id,
+            contest_type,
+            market_id,
+            filtered_positions: []
+          }),
+          onShowMarkets: (contest_id, contest_type) => setShowMarkets({
+            contest_id,
+            contest_type
+          }),
+          onUpdateCompetition: async comp => {
+            const new_c = await ManageCompetitionApi.updateCompetition(comp);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+          },
+          onShowContests: () => setShowContests({
+            visible: true
+          }),
+          onSaveCompetitionMatch: () => console.log('SAVE EVENT'),
+          onDeleteCompetitionMatch: competition_match_id => handleRemoveCompetitionMatch(competition_match_id),
+          onUpdateCompetitionMatch: () => console.log('UPDATE'),
+          onSaveCompetitionMatchMarkets: smms => console.log(smms),
+          onDeleteCompetitionMatchMarkets: cmms => handleRemoveCompetitionMatchMarkets(cmms)
+        }));
+      case 'contest_settings':
+        if (active_tab != 'contest_settings') {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!competition) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(ContestSettingsForm, {
+          init_expanded: true,
+          is_valid: competition_valid.contest_settings,
+          competition: competition,
+          onFocusPosition: onFocusPosition,
+          competition_matches: competition_matches,
+          competition_match_markets: competition_match_markets,
+          competition_types: competition_types,
+          events: events,
+          onCompetitionUpdate: async c => {
+            const new_c = await ManageCompetitionApi.updateCompetition(c);
+            setCompetitionData({
+              ...competition_data,
+              competition: new_c
+            });
+          }
+        }));
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
   if (!competition || !draft_competition || player_id != competition.admin_id) {
     return /*#__PURE__*/React.createElement(View, {
       style: {
@@ -482,150 +729,16 @@ const CompetitionManager = ({
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/React.createElement(ScrollView, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1
-    },
-    onLayout: ev => {
-      const {
-        width,
-        height
-      } = ev.nativeEvent.layout;
-      setModuleSize({
-        height,
-        width
-      });
-    }
-  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(CompetitionHeader, {
-    action_loading: action_loading,
-    width: module_size.width,
-    competition: competition,
-    competition_valid: competition_valid,
-    competition_summaries: competition_summaries,
-    onActivate: async () => {
-      setActionLoading(true);
-      const new_c = await ManageCompetitionApi.activateCompetition(competition_id);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-      setActionLoading(false);
-    },
-    onPause: async () => {
-      setActionLoading(true);
-      const new_c = await ManageCompetitionApi.pauseCompetition(competition_id);
-      const new_summaries = await ManageCompetitionApi.getCompetitionSummaries(competition_id);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c,
-        competition_summaries: new_summaries
-      });
-      setActionLoading(false);
-    },
-    onDelete: async () => {
-      setActionLoading(true);
-      const new_c = await ManageCompetitionApi.deleteCompetition(competition_id);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-      setActionLoading(false);
-    },
-    onResume: async () => {
-      setActionLoading(true);
-      const new_c = await ManageCompetitionApi.resumeCompetition(competition_id);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-      setActionLoading(false);
     }
-  }), /*#__PURE__*/React.createElement(CompetitionInfoForm, {
-    is_valid: competition_valid.info,
-    competition: competition,
-    player: player,
-    width: module_size.width - 20,
-    onCompetitionUpdate: async comp => {
-      const new_c = await ManageCompetitionApi.updateCompetition(comp);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-    }
-  }), /*#__PURE__*/React.createElement(CompetitionSettingsForm, {
-    is_valid: competition_valid.settings,
-    competition: competition,
-    width: module_size.width - 20,
-    player: player,
-    onShowPacers: () => setShowPacers(true),
-    competition_result_types: competition_result_types,
-    onCompetitionUpdate: async comp => {
-      const new_c = await ManageCompetitionApi.updateCompetition(comp);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-    }
-  }), /*#__PURE__*/React.createElement(CompetitionContestsForm, {
-    action_loading: action_loading,
-    is_valid: competition_valid.contests,
-    width: module_size.width - 20,
-    player: player,
-    competition: competition,
-    competition_matches: competition_matches,
-    competition_match_markets: competition_match_markets,
-    events: events,
-    primary_markets: primary_markets,
-    teams: teams,
-    athletes: athletes,
-    tournaments: tournaments,
-    onAddPrimaryMarket: market => handleAddPrimaryMarket(market),
-    onRemovePrimaryMarket: market => handleRemovePrimaryMarket(market),
-    matches: matches,
-    leagues: leagues,
-    markets: markets,
-    onDeleteMarket: (contest_id, contest_type, market) => handleRemoveMarket(contest_id, contest_type, market),
-    onShowAthletes: (contest_id, contest_type, market_id) => setShowAthletes({
-      contest_id,
-      contest_type,
-      market_id,
-      filtered_positions: []
-    }),
-    onShowMarkets: (contest_id, contest_type) => setShowMarkets({
-      contest_id,
-      contest_type
-    }),
-    onUpdateCompetition: async comp => {
-      const new_c = await ManageCompetitionApi.updateCompetition(comp);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-    },
-    onShowContests: () => setShowContests({
-      visible: true
-    }),
-    onSaveCompetitionMatch: () => console.log('SAVE EVENT'),
-    onDeleteCompetitionMatch: competition_match_id => handleRemoveCompetitionMatch(competition_match_id),
-    onUpdateCompetitionMatch: () => console.log('UPDATE'),
-    onSaveCompetitionMatchMarkets: smms => console.log(smms),
-    onDeleteCompetitionMatchMarkets: cmms => handleRemoveCompetitionMatchMarkets(cmms)
-  }), /*#__PURE__*/React.createElement(ContestSettingsForm, {
-    is_valid: competition_valid.contest_settings,
-    width: module_size.width - 20,
-    competition: competition,
-    competition_matches: competition_matches,
-    competition_match_markets: competition_match_markets,
-    competition_types: competition_types,
-    events: events,
-    onCompetitionUpdate: async c => {
-      const new_c = await ManageCompetitionApi.updateCompetition(c);
-      setCompetitionData({
-        ...competition_data,
-        competition: new_c
-      });
-    }
-  }))), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: sections,
+    keyExtractor: item => item,
+    renderItem: renderSections,
+    key: "competition_manage_sectins"
+  })), /*#__PURE__*/React.createElement(View, {
     type: "footer",
     style: {
       flexDirection: 'row',
@@ -647,14 +760,12 @@ const CompetitionManager = ({
       left: 0,
       right: 0,
       bottom: 0,
-      justifyContent: 'flex-end',
-      paddingBottom: insets?.bottom
+      paddingBottom: insets?.bottom,
+      paddingTop: insets?.top
     }
   }, /*#__PURE__*/React.createElement(ContestSelector, {
-    action_loading: action_loading,
-    height: module_size.height,
-    width: module_size.width,
     leagues: leagues,
+    action_loading: action_loading,
     onClose: () => setShowContests({
       visible: false
     }),
@@ -663,17 +774,17 @@ const CompetitionManager = ({
     onDeselectTeamEvent: event => handleDeselectTeamEvent(event),
     selected_team_events: events.filter(e => competition_matches.filter(cm => cm.event_type == 'team').map(cm => cm.event_id.toString()).includes(e.event_id.toString()))
   })) : /*#__PURE__*/React.createElement(React.Fragment, null), show_athletes.contest_id ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      justifyContent: 'flex-end'
+      paddingBottom: insets?.bottom,
+      paddingTop: insets?.top
     }
   }, /*#__PURE__*/React.createElement(AthleteSelector, {
-    width: module_size.width,
-    height: module_size.height,
     event: select_athlete_event,
     selected_athletes: selected_athletes,
     filtered_positions: select_athlete_positions,
@@ -684,17 +795,17 @@ const CompetitionManager = ({
       filtered_positions: []
     })
   })) : /*#__PURE__*/React.createElement(React.Fragment, null), show_pacers ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      justifyContent: 'flex-end'
+      paddingBottom: insets?.bottom,
+      paddingTop: insets?.top
     }
   }, /*#__PURE__*/React.createElement(PlayerSelector, {
-    height: module_size.height,
-    width: module_size.width,
     onClose: () => setShowPacers(false),
     onSelectPlayer: async player => {
       setActionLoading(true);
@@ -717,12 +828,10 @@ const CompetitionManager = ({
       left: 0,
       right: 0,
       bottom: 0,
-      justifyContent: 'flex-end',
-      paddingBottom: insets?.bottom
+      paddingBottom: insets?.bottom,
+      paddingTop: insets?.top
     }
   }, /*#__PURE__*/React.createElement(MarketSelector, {
-    height: module_size.height,
-    width: module_size.width,
     markets: markets.filter(m => showing_market_event.supported_markets?.map(m => m.market_id.toString()).includes(m.market_id.toString())),
     onClose: () => setShowMarkets({}),
     onDeselectMarket: market => handleRemoveMarket(show_markets.contest_id ?? '0', show_markets.contest_type ?? 'team', market),
@@ -786,4 +895,18 @@ const CompetitionManager = ({
   })))) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };
 export default CompetitionManager;
+
+/*
+<ScrollView style={{ flex:1 }} onLayout={(ev) => {
+                const { width, height } = ev.nativeEvent.layout;
+                setModuleSize({ height, width })
+            }}>
+                <View>
+                    
+                    
+                    
+                    
+                </View>
+            </ScrollView>
+*/
 //# sourceMappingURL=index.js.map