be-components 6.8.1 → 6.8.3

package/src/Competition/index.tsx

@@ -31,7 +31,7 @@ type CompetitionModuleProps = {
 }
 
 
-const competition_sections = ['header','join','test','details','leaderboard','play']
+const competition_sections = ['header','pending','join','test','details','leaderboard','play']
 
 const CompetitionModule = ({ competition_id, view_mode, insets, player_id, confirm_padding, onManageCompetition, onFocusPosition, onRequestAuthentication, onShareCompetition, onClose, onViewCompetitionSeason }:CompetitionModuleProps) => {
     const C = useColors();
@@ -370,6 +370,23 @@ const CompetitionModule = ({ competition_id, view_mode, insets, player_id, confi
                         </Button>
                     </View>
                 )
+            case 'pending':
+                if(competition.status != 'pending' || !onManageCompetition){ return <></> }
+                return (
+                    <View type='header' style={{ padding:10, flexDirection:'row', alignItems:'center' }}>
+                        <View transparent style={{ flex:1 }}>
+                            <Text theme='h1' color={Colors.text.error}>Competition Is Pending</Text>
+                            <Text theme='description' color={Colors.text.error} style={{ marginTop:4 }}>This competition is not yet active</Text>
+                        </View>
+                        <Button
+                            title='FINISH SET UP'
+                            backgroundColor={Colors.text.warning}
+                            title_color={Colors.text.white}
+                            style={{ padding:10 }}
+                            onPress={() => onManageCompetition(competition.competition_id)}
+                        />
+                    </View>
+                )
             case 'join':
                 return (
                     <View transparent>
@@ -473,29 +490,56 @@ const CompetitionModule = ({ competition_id, view_mode, insets, player_id, confi
             case 'play':
                 if(!competition || !competition_type){ return <></> }
                 return (
-                    <CompetitionPlay
-                        hidden={active_tab == 'play' ? false : true}
-                        competition={competition}
-                        disable_collapse
-                        competition_type={competition_type}
-                        competition_matches={competition_matches}
-                        competition_match_markets={competition_match_markets}
-                        leagues={leagues}
-                        events={events}
-                        pick_loading={pick_loading}
-                        athletes={athletes}
-                        markets={markets}
-                        tournaments={tournaments}
-                        matches={matches}
-                        player_picks={player_picks}
-                        player_id={player_id}
-                        competition_players={competition_players}
-                        authenticated_competition_player={authenticated_competition_player}
-                        height={module_size.height}
-                        width={module_size.width}
-                        onPick={handlePick}
-                        onRequestAuthentication={() => onRequestAuthentication(competition.auth_strategy_id)}
-                    />
+                    <View transparent>
+                        <CompetitionPlay
+                            hidden={active_tab == 'play' ? false : true}
+                            competition={competition}
+                            disable_collapse
+                            competition_type={competition_type}
+                            competition_matches={competition_matches}
+                            competition_match_markets={competition_match_markets}
+                            leagues={leagues}
+                            events={events}
+                            pick_loading={pick_loading}
+                            athletes={athletes}
+                            markets={markets}
+                            tournaments={tournaments}
+                            matches={matches}
+                            player_picks={player_picks}
+                            player_id={player_id}
+                            competition_players={competition_players}
+                            authenticated_competition_player={authenticated_competition_player}
+                            height={module_size.height}
+                            width={module_size.width}
+                            onPick={handlePick}
+                            onRequestAuthentication={() => onRequestAuthentication(competition.auth_strategy_id)}
+                        />
+                        {active_tab == 'play' && (competition.status == 'paused' || competition.status =='pending') ?
+                        <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+                            <View style={{ ...view_styles.section, width: '70%' }}>
+                                <View style={{ ...view_styles.section_header, justifyContent:'center', alignItems:'center' }}>
+                                    <Text theme='h1'>Competition is {competition.status}</Text>
+                                </View>
+                                <View style={{ ...view_styles.section_body, justifyContent:'center', alignItems:'center' }}>
+                                    <Image
+                                        source={{ uri: competition.image?.url }}
+                                        style={{ height:75, width: 75 }}
+                                        resizeMode='cover'
+                                    />
+                                    <Text theme='h2'>{competition.competition_name}</Text>
+                                </View>
+                                <View style={{ ...view_styles.section_footer }}>
+                                    <Button
+                                        title='CLOSE'
+                                        style={{ flex:1 }}
+                                        type='close'
+                                        onPress={() => onClose()}
+                                    />
+                                </View>
+                            </View>
+                        </View>
+                        :<></>}
+                    </View>
                 )
             default: return <></>
         }
@@ -653,31 +697,7 @@ const CompetitionModule = ({ competition_id, view_mode, insets, player_id, confi
                 </View>
             </View>
             :<></>}
-            {competition.status == 'paused' ?
-            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
-                <View style={{ ...view_styles.section, width: '70%' }}>
-                    <View style={{ ...view_styles.section_header, justifyContent:'center', alignItems:'center' }}>
-                        <Text theme='h1'>Competition Is Paused</Text>
-                    </View>
-                    <View style={{ ...view_styles.section_body, justifyContent:'center', alignItems:'center' }}>
-                        <Image
-                            source={{ uri: competition.image?.url }}
-                            style={{ height:75, width: 75 }}
-                            resizeMode='cover'
-                        />
-                        <Text theme='h2'>{competition.competition_name}</Text>
-                    </View>
-                    <View style={{ ...view_styles.section_footer }}>
-                        <Button
-                            title='CLOSE'
-                            style={{ flex:1 }}
-                            type='close'
-                            onPress={() => onClose()}
-                        />
-                    </View>
-                </View>
-            </View>
-            :<></>}
+            
         </View>
     )
 }

package/src/Components/ImageUploader.tsx

@@ -4,7 +4,7 @@
 
 
 import React from "react";
-import { TouchableOpacity } from "react-native";
+import { TouchableOpacity, type ViewStyle } from "react-native";
 import * as ImagePicker from 'expo-image-picker';
 import axios from 'axios';
 
@@ -12,11 +12,12 @@ import axios from 'axios';
 type CldUploaderProps = {
   onFinishUpload : (obj:any | undefined) => void
     onStartUpload?: () => void,
+    style?:ViewStyle,
     onCancelUpload?: () => void,
   children?:any,
   public_id: string
 }
-const ImageUploader = ({ onStartUpload, onFinishUpload, public_id, children }:CldUploaderProps) => {
+const ImageUploader = ({ style, onStartUpload, onFinishUpload, public_id, children }:CldUploaderProps) => {
   
   /*
   const processFile = async (file:any) => {
@@ -138,7 +139,7 @@ const ImageUploader = ({ onStartUpload, onFinishUpload, public_id, children }:Cl
       return onFinishUpload(object)
     }
     return (
-         <TouchableOpacity style={{ padding:10 }} onPress={() => handleClick()}>
+         <TouchableOpacity style={{ padding:10, ...style }} onPress={() => handleClick()}>
             {children}
         </TouchableOpacity>
     );

package/src/CreateEngagement/index.tsx

@@ -321,7 +321,7 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
             const { height, width } = ev.nativeEvent.layout;
             setSize({ height, width });
         }}>
-            <View style={{ flex:1 }}>
+            <View transparent style={{ flex:1 }}>
                 <FlatList
                     data={sections}
                     key={'create_engagement_list'}
@@ -428,6 +428,7 @@ const EngagementOptions = ({active_engagement, onSelectEngagement}:EngagementOpt
                     <Text theme='description' color={active_engagement == 'squares' ? Colors.text.success : Colors.text.h1} style={{ marginTop:4 }}>Create an auction squares game.  Bid on squares until the auction ends.  Buy and sell squares throughout the game.</Text>
                 </View>
             </Button>
+            {false ?
             <Button
                 key='bracket'
                 float
@@ -440,6 +441,8 @@ const EngagementOptions = ({active_engagement, onSelectEngagement}:EngagementOpt
                     <Text theme='description' color={active_engagement == 'bracket' ? Colors.text.success : Colors.text.h1} style={{ marginTop:4 }}>Create a bracket.  Make picks until the championship. Pick more correctly and win!</Text>
                 </View>
             </Button>
+            :<></>}
+            {false ?
             <Button
                 key='flash'
                 float
@@ -452,6 +455,7 @@ const EngagementOptions = ({active_engagement, onSelectEngagement}:EngagementOpt
                     <Text theme='description' color={active_engagement == 'flash' ? Colors.text.success : Colors.text.h1} style={{ marginTop:4 }}>Create a custom flash market.  Players bet on the perimutuel outcomes, get it right and get paid!</Text>
                 </View>
             </Button>
+            :<></>}
         </View>
     )
 }
@@ -669,7 +673,7 @@ const CreateSquares = ({onFocusPosition, onUpdateDraft}:SCProps) => {
                 : active_event ?
                 <Button style={{ borderColor:active_event?Colors.text.success:Colors.text.warning }} float onPress={() => setSQData({ ...sq_data, league_schedule: true })}>
                     <Text theme='h1'>{active_event.event_title}</Text>
-                </Button>
+                </Button> 
                 :<></>}
             </View>
         </View>

package/src/SquaresManager/api/index.ts

@@ -0,0 +1,99 @@
+import axios from "axios";
+import type { CompanyProps, EventProps, GroupPlayerProps, GroupProps, LeagueProps, PlayerSquareProps, SquareOfferProps, SquarePrizeProps, SquareProps, SquareResultProps, SquaresCompetitionProps, SquaresPayoutProps, SquaresTypeProps } 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 { SquaresManagerApi }
+
+
+const SquaresManagerApi = {
+    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 []
+        }
+    },
+    getEventsByEventIds: async(event_ids:string[]):Promise<EventProps[]> => {
+        try {
+            if(event_ids.length == 0){ return [] }
+            const resp = await axios.post(`${EVENT_SVC_API}/v1/events/bulk/get`, { attribute:'event_id', values: event_ids })
+            return resp.data.events
+        } catch (e) {
+            return []
+        }
+    },
+    getSquareCompetitionById: async(sq_comp_id:string):Promise<undefined | { squares_competition:SquaresCompetitionProps, square_results:SquareResultProps[], squares:SquareProps[], player_squares:PlayerSquareProps[], square_offers:SquareOfferProps[], squares_type:SquaresTypeProps, squares_payout_type: SquaresPayoutProps, player_square_history:PlayerSquareProps[], square_prizes:SquarePrizeProps[] }> => {
+        try {
+            const resp = await axios.get(`${TP_SVC_API}/tp/squares/comp/details/${sq_comp_id}`)
+            return resp.data
+        } catch (e) {
+            return undefined
+        }
+    },
+    updateSquaresCompetition: async(squares_competition:SquaresCompetitionProps):Promise<SquaresCompetitionProps|undefined> => {
+        try {
+            const resp = await axios.post(`${TP_SVC_API}/v1/squares/competition/update`, { squares_competition });
+            return resp.data.squares_competition
+        } catch (e) {
+            return undefined
+        }
+    },
+    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: [] }
+        }
+    },
+
+    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):Promise<undefined | { squares_competition:SquaresCompetitionProps }> => {
+        try {
+            const resp = await axios.post(`${TP_SVC_API}/v1/squares/competition/activate`, { sq_comp_id });
+            return resp.data
+        } catch (e) {
+            return undefined
+        }
+    }
+}
+
+
+export const SquaresManagerHelpers = {
+    isValid: (draft_squares?:SquaresCompetitionProps) => {
+        if(!draft_squares){ return ['Invalid'] }
+        let errors:string[] = []
+        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') }
+        return errors
+    }
+}