be-components 6.7.8 → 6.7.9

package/src/CompetitionManager/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, FlatList, Image } from "react-native"
+import { FlatList, Image, type ViewStyle } from "react-native"
 import CompetitionInfoForm from './components/CompetitionInfoForm';
-import type { AthleteProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSummaryProps, CompetitionTypeProps, EventProps, FocusPositionProps, LeagueProps, MarketProps, MatchProps, MyPlayerProps, TeamProps, TournamentProps, TradeProps } from '../types';
+import type { AthleteProps, CompanyProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSummaryProps, CompetitionTypeProps, EventProps, FocusPositionProps, GroupProps, LeagueProps, MarketProps, MatchProps, MyPlayerProps, TeamProps, TournamentProps, TradeProps } from '../types';
 import { ManageCompetitionApi, ManageCompetitionHelpers, ManageCompetitionMarketApi, ManageCompetitionMatchApi } from './api';
 import CompetitionSettingsForm from './components/CompetitionSettingsForm';
 import CompetitionContestsForm from './components/CompetitionContestsForm';
@@ -18,16 +18,26 @@ import { Icons, Toggle } from '../Components';
 type CompetitionManagerProps = {
     player_id?:string,
     competition_id:string,
+    float?:boolean,
+    header_style?:ViewStyle,
+    footer_style?:ViewStyle
     onFocusPosition?:(position:FocusPositionProps) => void,
     insets?:{top:number, bottom:number, left:number, right:number},
     onClose:() => void
 }
 
 const sections = ['header', 'toggle', 'info', 'settings', 'contests', 'contest_settings']
-const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClose, insets }:CompetitionManagerProps) => {
+const CompetitionManager = ({ float, header_style, footer_style, player_id, onFocusPosition, competition_id, onClose, insets }:CompetitionManagerProps) => {
     const Colors = useColors();
     const [ active_tab, setActiveTab ] = useState('info');
     const [ action_loading, setActionLoading ] = useState(false);
+    const [ my_data, setMyData ] = useState<{
+        groups:GroupProps[],
+        companies:CompanyProps[]
+    }>({
+        groups: [],
+        companies: []
+    });
     const [ show_athletes, setShowAthletes ] = useState<{
         contest_id?:string,
         contest_type?:string,
@@ -87,7 +97,7 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
         athletes:[]
     })
     const { contest_id, contest_type } = show_markets;
-    const { loaded, player, competition, competition_summaries, competition_result_types, trades, competition_types, draft_competition, competition_matches, competition_match_markets, markets, leagues, events, tournaments, matches, teams, athletes } = competition_data;
+    const { loaded, player, competition, competition_summaries, competition_result_types, trades, competition_types, competition_matches, competition_match_markets, markets, leagues, events, tournaments, matches, teams, athletes } = competition_data;
     
     //Market Selector Stuff
     const showing_market_event = events.find(e => e.event_id == contest_id && contest_type == 'team');
@@ -122,11 +132,21 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
 
 
     const competition_valid = ManageCompetitionHelpers.isCompetitionValid(competition_types, competition_result_types, competition_matches, competition_match_markets, events, competition)
-
     useEffect(() => {
         if(!loaded){ ManageCompetitionApi.setEnvironment() }
         getDataFromServer(competition_id);
-    },[competition_id])
+        if(player_id){ getMyData() }
+    },[player_id, competition_id]);
+
+    const getMyData = async() => {
+        const my_groups = await ManageCompetitionApi.getMyGroups(0);
+        const my_comps = await ManageCompetitionApi.getMyCompanies();
+        setMyData({
+            ...my_data,
+            groups: my_groups.groups,
+            companies: my_comps.companies
+        });
+    }
 
 
     const getDataFromServer = async(id:string) => {
@@ -437,6 +457,7 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 if(!competition){ return <></> }
                 return (
                     <CompetitionHeader
+                        header_style={header_style}
                         action_loading={action_loading}
                         competition={competition}
                         competition_valid={competition_valid}
@@ -471,9 +492,11 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 )
             case 'toggle':
                 return (
-                    <View transparent style={{ margin:10 }}>
+                    <View transparent>
                     <Toggle
+                        border_radius={0}
                         toggle_padding={10}
+                        padding={0}
                         options={[
                             { key: 'info', label: 'Info', icon: <Icons.MenuIcon size={14} color={Colors.text.warning} /> },
                             { key: 'settings', label: 'Details', icon: <Icons.ActivityIcon size={14} color={Colors.text.warning}  /> },
@@ -483,18 +506,18 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                         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 as 'info'|'settings'|'contest_settings','contests']
+                            const selected = option.key == active_tab ? true : false
+                            let valid = competition_valid[option.key as 'info'|'settings'|'contest_settings'|'contests']
                             return (
                                 <View transparent style={{ justifyContent:'center', alignItems:'center' }}>
                                     {valid ?
-                                        <Icons.CheckCirlceIcon color={Colors.text.success} size={14} />
+                                    <Icons.CheckCirlceIcon color={Colors.text.success} size={14} />
                                     :
                                     <View transparent>
                                         {option.icon}
                                     </View>
                                     }
-                                    <Text style={{ marginTop:3 }} theme='light' color={active?Colors.absolutes.brand.midnight:Colors.text.h1}>{option.label}</Text>
+                                    <Text style={{ marginTop:5 }} theme={selected?'h2':'description'} color={selected?Colors.toggle.text.active : Colors.toggle.text.inactive}>{option.label}</Text>
                                 </View>
                             )
                         }}
@@ -506,11 +529,12 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 if(active_tab != 'info'){ return <></> }
                 if(!competition){ return <></> }
                 return (
-                    <View style={{ margin:5 }}>
+                    <View transparent>
                         <CompetitionInfoForm
                             init_expanded
+                            groups={my_data.groups}
+                            companies={my_data.companies}
                             onFocusPosition={onFocusPosition}
-                            is_valid={competition_valid.info}
                             competition={competition}
                             player={player}
                             onCompetitionUpdate={async(comp) => {
@@ -524,9 +548,9 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 if(active_tab != 'settings'){ return <></> }
                 if(!competition){ return <></> }
                 return (
-                    <View style={{ margin:5 }}>
+                    <View transparent>
                     <CompetitionSettingsForm
-                        is_valid={competition_valid.settings}
+                        
                         competition={competition}
                         init_expanded
                         onFocusPosition={onFocusPosition}
@@ -544,10 +568,9 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 if(active_tab != 'contests'){ return <></> }
                 if(!competition){ return<></> }
                 return (
-                    <View style={{ margin:5 }}>
+                    <View>
                         <CompetitionContestsForm
                             action_loading={action_loading}
-                            is_valid={competition_valid.contests}
                             player={player}
                             competition={competition}
                             competition_matches={competition_matches}
@@ -582,10 +605,9 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                     if(active_tab != 'contest_settings'){ return <></> }
                     if(!competition){ return <></> }
                     return (
-                        <View style={{ margin:5 }}>
+                        <View>
                             <ContestSettingsForm
                                 init_expanded
-                                is_valid={competition_valid.contest_settings}
                                 competition={competition}
                                 onFocusPosition={onFocusPosition}
                                 competition_matches={competition_matches}
@@ -604,17 +626,9 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
     }
 
 
-    if(!competition || !draft_competition || player_id != competition.admin_id){
-        return (
-            <View style={{flex:1}}>
-                <ActivityIndicator size='large' color={Colors.text.h1} style={{ padding:20, alignSelf:'center' }} />
-            </View>
-        )
-    }
-
     return (
-        <View style={{ flex:1 }}>
-            <View style={{ flex:1 }}>
+        <View float={float} style={{ flex:1 }}>
+            <View transparent style={{ flex:1 }}>
                 <FlatList
                     data={sections}
                     keyExtractor={item => item}
@@ -622,7 +636,7 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                     key='competition_manage_sectins'
                 />
             </View>
-            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, ...footer_style }}>
                 <Button
                     title='CLOSE'
                     style={{ flex:1 }}
@@ -648,6 +662,8 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
             <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, paddingBottom:insets?.bottom, paddingTop:insets?.top }}>
                 <AthleteSelector
                     event={select_athlete_event}
+                    trades={trades}
+                    active_market={show_athletes.market_id}
                     selected_athletes={selected_athletes}
                     filtered_positions={select_athlete_positions}
                     filtered_athletes={trade_athletes}
@@ -657,7 +673,7 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 />
             </View>
             :<></>}
-            {show_pacers ?
+            {competition && show_pacers ?
             <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, paddingBottom:insets?.bottom, paddingTop:insets?.top }}>
              <PlayerSelector
                  onClose={() => setShowPacers(false)}
@@ -677,7 +693,7 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
             {show_markets.contest_id && show_markets.contest_type && showing_market_event ?
             <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, paddingBottom:insets?.bottom, paddingTop:insets?.top }}>
                 <MarketSelector
-                    markets={markets.filter(m => showing_market_event.supported_markets?.map(m => m.market_id.toString()).includes(m.market_id.toString()))}
+                    markets={markets.filter(m => m.event_type == show_markets.contest_type && 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)}
                     onSelectMarket={(market) => handleAddMarket(show_markets.contest_id ?? '0', show_markets.contest_type ?? 'team', market)}
@@ -685,7 +701,7 @@ const CompetitionManager = ({ player_id, onFocusPosition, competition_id, onClos
                 />
             </View>
             :<></>}
-            {competition.status == 'inactive' ?
+            {competition && competition.status == 'inactive' ?
             <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
                 <View float style={{ width: '70%' }}>
                     <View type='header' style={{ justifyContent:'center', alignItems:'center' }}>

package/src/Components/Toggle.tsx

@@ -9,6 +9,7 @@ type ToggleProps = {
     background_color?:string,
     toggle_padding?:number,
     border_radius?:number,
+    padding?:number,
     title_renderer?:(option:any) => any,
     active_toggle_color?:string,
     inactive_toggle_color?:string,
@@ -17,7 +18,7 @@ type ToggleProps = {
     selected_option?: string,
     onSelectOption:(key:string) => void
 }
-const Toggle = ({ options, background_color, title_renderer, active_title_color, toggle_padding, border_radius, inactive_title_color, inactive_toggle_color ,active_toggle_color, selected_option, onSelectOption }:ToggleProps) => {
+const Toggle = ({ options, background_color, padding, title_renderer, active_title_color, toggle_padding, border_radius, inactive_title_color, inactive_toggle_color ,active_toggle_color, selected_option, onSelectOption }:ToggleProps) => {
     const Colors = useColors()
     const [ toggle_width, setToggleWidth ] = useState(300);
     const MIN_OPTION_WIDTH = 50
@@ -63,7 +64,7 @@ const Toggle = ({ options, background_color, title_renderer, active_title_color,
     }
     
     return (
-        <View style={{ borderRadius:border_radius ?? 8, backgroundColor:background_color ?? Colors.toggle.background, padding:4 }} onLayout={(ev) => {
+        <View style={{ borderRadius:border_radius ?? 8, backgroundColor:background_color ?? Colors.toggle.background, padding:padding??4 }} onLayout={(ev) => {
             const { width } = ev.nativeEvent.layout;
             setToggleWidth(width)
         }}>

package/src/CreateEngagement/api/index.ts

@@ -0,0 +1,138 @@
+import axios from "axios";
+import type { CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, CreateEngagementStepProps, GroupPlayerProps, GroupProps, LeagueProps, SquaresCompetitionProps } from "../../types";
+import { APIOverrides } from "../../ApiOverrides";
+import type { CompanyMemberProps } from "../../Authenticator/api/types";
+
+let AUTH_SVC_API = ''
+let TP_SVC_API = ''
+let EVENT_SVC_API = ''
+let SOCIAL_SVC_API = ''
+export { CreateEngagementApi, CreateEngagementHelpers }
+
+
+const CreateEngagementApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        TP_SVC_API = endpoints['TP_SVC_API'] as string;
+        EVENT_SVC_API = endpoints['EVENT_SVC_API'] as string;
+        //MK_SVC_API = endpoints['MK_SVC_API'] as string;
+        AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
+        SOCIAL_SVC_API = endpoints['SOCIAL_SVC_API'] as string;
+    },
+    getLeagues: async():Promise<LeagueProps[]> => {
+        try {
+            const resp = await axios.get(`${EVENT_SVC_API}/v1/leagues`);
+            return resp.data.leagues
+        } catch (e) {
+            return []
+        }
+    },
+    getMyCompanies : async():Promise<{companies:CompanyProps[], company_members:CompanyMemberProps[]}> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/companies/me`)
+        const { companies, company_members } = resp.data
+        return { companies, company_members }
+    },
+    getMyGroups: async(offset:number):Promise<{groups: GroupProps[], group_players:GroupPlayerProps[]}> => {
+        try {
+            const resp = await axios.get(`${SOCIAL_SVC_API}/v2/groups/me/multiple?offset=${offset}`);
+            return resp.data
+        } catch (e) {
+            return { group_players: [], groups: [] }
+        }
+    },
+    getTemplateCompetitions: async():Promise<CompetitionProps[]> => {
+        try {
+            const resp = await axios.get(`${TP_SVC_API}/v2/competitions/templates`)
+            return resp.data.competitions   
+        } catch (e) {
+            return []
+        }
+    },
+    createCompetition: async(competition_name:string, competition_description:string, competition_type_id:string, competition_result_type_id:string, company_id?:string, group_id?:string, pacer_id?:string, template_competition_id?:string, competition_season_id?:string, image?:any ):Promise<CompetitionProps | undefined> => {
+        try {
+            const resp = await axios.post(`${TP_SVC_API}/v2/competitions/competition/create`, { competition_name, competition_description, competition_type_id, competition_result_type_id, pacer_id, image, competition_season_id, group_id, company_id, template_competition_id })
+            return resp.data.competition
+        } catch (e) {
+            return undefined
+        }
+    },
+    getCompetitionOptions: async():Promise<{competition_types:CompetitionTypeProps[], competition_result_types:CompetitionResultTypeProps[], competition_payout_types:CompetitionPayoutTypeProps[]}> => {
+        try {
+            const resp = await axios.get(`${TP_SVC_API}/v1/competitions/options`)
+            return resp.data
+        } catch (e) {
+            return { competition_payout_types: [], competition_result_types: [], competition_types: [] }
+        }
+    },
+    createSquaresCompetition: async(squares_competition:SquaresCompetitionProps):Promise<SquaresCompetitionProps | undefined> => {
+        try {
+            const resp = await axios.post(`${TP_SVC_API}/v1/squares/competition/create`, { squares_competition });
+            return resp.data.squares_competition
+        } catch (e) {
+            console.log(e)
+            return undefined
+        }
+    },
+    activateSquares: async(sq_comp_id:string) => {
+        try {
+            const resp = await axios.post(`${TP_SVC_API}/v1/squares/competition/activate`, { sq_comp_id });
+            return resp.data.squares_competition
+        } catch (e) {
+            return undefined
+        }
+    }
+}
+
+
+const CreateEngagementHelpers = {
+    isStepValid: (step:CreateEngagementStepProps, active_engagement?:string, draft_competition?:any, draft_squares?:SquaresCompetitionProps):string[] => {
+        let errors:string[] = []
+        switch(step.step_key){
+            case 'intro': return errors
+            case 'options':
+                if(!active_engagement){ errors.push('Please select an engagement to continue') }
+                break
+            case 'create':
+                switch(active_engagement){
+                    case 'competition':
+                        if(!draft_competition){ errors.push('Draft Please complete steps'); return errors }
+                        if(!draft_competition.competition_name){ errors.push('Please add a name') }
+                        if(!draft_competition.competition_description){ errors.push('Please add a description') }
+                        if(!draft_competition.competition_type){ errors.push('Please add a competition type') }
+                        if(!draft_competition.competition_result_type){ errors.push('Please add a competition result type') }
+                        break
+                    case 'squares':
+                        if(!draft_squares){ errors.push('Please complete steps'); return errors }
+                        if(!draft_squares.sq_comp_name){ errors.push('Please add a squares name') }
+                        if(!draft_squares.sq_comp_description){ errors.push('Please add a description') }
+                        if(!draft_squares.event_id){ errors.push('Please add an event') }
+                        break
+                    default: break
+                }
+                break
+            default: break
+        }
+        return errors
+    },
+    generateSquaresComp: ():SquaresCompetitionProps => {
+        return {
+            sq_comp_id: '',
+            sq_comp_name: '',
+            sq_comp_description:'',
+            sq_payout_id: '1',
+            sq_type_id: '1',
+            invite_only_ind: true,
+            event_id:'',
+            sport:'',
+            payout_frequency:4,
+            complete_ind: false,
+            begin_datetime:'',
+            admin_id: '',
+            minimum_square_price: 1,
+            last_iteration_scored: 0,
+            market_type: 'FOR_MONEY',
+            potential_winnings: 0,
+            create_datetime: '',last_update_datetime: ''
+        }
+    }
+}