be-components 1.4.8 → 1.5.0

package/src/CompetitionSeason/components/SeasonLeaderboard.tsx

@@ -0,0 +1,205 @@
+import React, { useEffect, useState } from "react"
+import { FlatList, Image, ScrollView, TouchableOpacity, View, ActivityIndicator } from "react-native"
+import type { CompetitionSeasonPlayerProps, CompetitionSeasonProps, CompetitionSeasonResultProps, CompetitionTypeProps, MyPlayerProps, PublicPlayerProps } from "../../types"
+import { Button, Icons, Text } from "../../Components"
+import Colors from "../../constants/colors"
+import { view_styles } from "../../constants/styles"
+import { SeasonApi, SeasonHelpers } from "../api"
+
+type SeasonLeaderboardProps = {
+    competition_season:CompetitionSeasonProps,
+    competition_type:CompetitionTypeProps,
+    height: number,
+    authenticated_player?:MyPlayerProps,
+    authenticated_season_player?:CompetitionSeasonPlayerProps,
+    authenticated_season_result?:CompetitionSeasonResultProps,
+    width:number,
+    view_mode: 'short'|'full',
+    onClose?:() => void,
+    onSeeFull: () => void,
+    onLeaderSelect:(player:PublicPlayerProps) => void
+}
+
+const SeasonLeaderboard = ({ competition_season, authenticated_player, authenticated_season_player, authenticated_season_result, competition_type, width, height, view_mode, onSeeFull, onClose, onLeaderSelect }:SeasonLeaderboardProps) => {
+    const [ expanded, setExpanded ] = useState(false);
+    const [ data, setData ] = useState<{
+        loading:boolean,
+        competition_season_results:CompetitionSeasonResultProps[],
+        competition_season_players:CompetitionSeasonPlayerProps[],
+        players:PublicPlayerProps[],
+        offset:number
+    }>({
+        loading:false,
+        competition_season_results:[],
+        competition_season_players:[],
+        players:[],
+        offset:0
+    })
+
+    const { loading, competition_season_results, competition_season_players, players, offset } = data
+    let results = [ ...competition_season_results ];
+
+    if(view_mode == 'short'){ results = results.filter((r,i) => r ? i < 3 : i < 3) }
+    const cl = competition_season?.market_type == 'FOR_MONEY' ? '$' : 'E'
+
+    useEffect(() => {
+        if(!competition_season){ return }
+        getLeaderboardFromServer(competition_season.competition_season_id, 0);
+    },[competition_season])
+
+    const getLeaderboardFromServer = async(season_id:string, offset:number) => {
+        setData({ ...data, loading:true })
+        const result_response = await SeasonApi.getSeasonPlayersBySeasonId(season_id, offset);
+        let player_ids = result_response.competition_season_players.map(cr => cr.player_id)
+        let players:PublicPlayerProps[] = []
+        if(player_ids.length > 0){ players = await SeasonApi.getPlayersByPlayerIds(player_ids) }
+        setData({
+            ...data,
+            players,
+            competition_season_players: result_response.competition_season_players,
+            competition_season_results: result_response.competition_season_results,
+            offset,
+
+        })
+    }
+
+    const renderResults = (data: {item:CompetitionSeasonResultProps, index:number}) => {
+        let player:PublicPlayerProps | undefined = players.find(p => p.player_id == data.item.player_id)
+        let record = competition_season_players.find(r => r.player_id == data.item.player_id)
+        if(!player || !record){ return <></> }
+
+        const is_pacer = competition_season.pacer_id == data.item.player_id ? true : false
+        return (
+            <TouchableOpacity 
+                onPress={() => onLeaderSelect(player)}
+                style={{ flexDirection:'row', margin:5, alignItems:'center', borderRadius:22, backgroundColor:is_pacer?Colors.highlights.highlight400Faded:Colors.shades.white, padding:8, paddingLeft:15, paddingRight:15}}>
+                {is_pacer ?
+                <View nativeID="pacer" style={{}}>
+                    <Icons.PacerCarIcon size={28}/>
+                </View>
+                :
+                <View nativeID="place" style={{ padding:5 }}>
+                    <Text size={12} color={Colors.brand.midnight} weight="bold">{SeasonHelpers.formatPlace(data.item.place)}</Text>
+                </View>
+                }
+                <View nativeID="image" style={{ paddingLeft:10, paddingRight:10 }}>
+                    <Image
+                        source={{ uri: player.profile_pic }}
+                        style={{ height:30, width:30, borderRadius:100 }}
+                        resizeMode="cover"
+                    />
+                </View>
+                <View nativeID="details" style={{ flex:1 }}>
+                    <Text size={12} color={Colors.brand.midnight} weight='semibold'>{player.username}</Text>
+                    {competition_type?.type == 'wager' ?
+                    <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{record.earnings.toFixed(2)} Earned</Text>
+                    :
+                    <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{record.wins} - {record.losses} - {record.draws}</Text>
+                    }
+                </View>
+                <View nativeID="winnings">
+                    <Text size={12} color={Colors.brand.slate} weight='regular'>{cl}{data.item.winnings.toFixed(2)}</Text>
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+    return (
+        <View style={{ ...view_styles.section, margin:view_mode == 'full'?0:10, minWidth:350, height:view_mode == 'full'?height:undefined, width: view_mode == 'full' ? width: undefined }}>
+            {view_mode == 'short' ?
+            <TouchableOpacity style={view_styles.section_header} onPress={() => setExpanded(!expanded)}>
+                <Icons.PodiumIcon size={18} color={Colors.brand.midnight} />
+                <View style={{ flex:1, marginLeft:10 }}>
+                    <Text theme="header">Season Leaderboard</Text>
+                    <Text style={{ marginTop: 4 }} theme="body_2">Leaderboard showing current standings of this season.</Text>
+                </View>
+                <Icons.ChevronIcon direction={expanded?'up':'down'} color={Colors.brand.midnight} size={8} />
+            </TouchableOpacity>
+            :<></>}
+            {expanded || view_mode == 'full' ?
+            <View style={{ ...view_styles.section_body }}>
+            {authenticated_player && authenticated_season_player && authenticated_season_result ?
+            <View>
+                 <View style={{ backgroundColor:Colors.brand.midnight, padding:10, marginBottom:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                    <Text size={14} color={Colors.shades.white} weight='regular'>MY RESULTS</Text>
+                    <TouchableOpacity style={{ flexDirection:'row', marginTop:10, marginBottom:10, alignItems:'center', borderRadius:22, backgroundColor:Colors.shades.white, padding:8, paddingLeft:15, paddingRight:15}}>
+                        <View nativeID="place" style={{ padding:5 }}>
+                            <Text size={12} color={Colors.brand.midnight} weight="bold">{SeasonHelpers.formatPlace(authenticated_season_result.place)}</Text>
+                        </View>
+                        <View nativeID="image" style={{ paddingLeft:10, paddingRight:10 }}>
+                            <Image
+                                source={{ uri: authenticated_player.profile_pic }}
+                                style={{ height:30, width:30, borderRadius:100 }}
+                                resizeMode="cover"
+                            />
+                        </View>
+                        <View nativeID="details" style={{ flex:1 }}>
+                            <Text size={12} color={Colors.brand.midnight} weight='semibold'>{authenticated_player.username}</Text>
+                            {competition_type?.type == 'wager' ?
+                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{authenticated_season_player.earnings.toFixed(2)}</Text>
+                                :
+                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{authenticated_season_player.wins} - {authenticated_season_player.losses} - {authenticated_season_player.draws}</Text>
+                            }
+                        </View>
+                        <View nativeID="winnings">
+                            <Text size={12} color={Colors.brand.slate} weight='regular'>{cl}{authenticated_season_result.winnings.toFixed(2)}</Text>
+                        </View>
+                    </TouchableOpacity>
+                </View>
+            </View>
+            :<></>}
+            <ScrollView style={{ backgroundColor:Colors.shades.shade100, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
+                {loading ?
+                <ActivityIndicator style={{ alignSelf:'center', padding:10 }} size='large' color={Colors.brand.midnight} /> 
+                :<></>}
+                <FlatList
+                    data={results}
+                    renderItem={renderResults}
+                    keyExtractor={(item) => item.competition_season_result_id.toString()}
+                />
+                
+            </ScrollView>
+            {view_mode == 'short' ?
+                <Button
+                    style={{ backgroundColor:undefined }}
+                    title='View Full Leaderboard'
+                    title_color={Colors.brand.electric}
+                    title_size={14}
+                    onPress={() => onSeeFull()}
+                />
+            :<></>}
+            {onClose ?
+            <View style={{ padding:10, ...view_styles.float }}>
+                <View style={{ padding:10, flexDirection:'row', alignItems:'center', justifyContent:'space-between' }}>
+                    {offset > 0 ?
+                    <Button
+                        title='PREV'
+                        title_color={Colors.brand.electric}
+                        backgroundColor='transparent'
+                        onPress={() => getLeaderboardFromServer(competition_season.competition_season_id, offset - 1)}
+                    />
+                    :<View/>}
+                    <Button
+                        title='NEXT'
+                        title_color={Colors.brand.electric}
+                        backgroundColor='transparent'
+                        onPress={() => getLeaderboardFromServer(competition_season.competition_season_id, offset + 1)}
+                    />
+                </View>
+                <Button
+                    title='Close'
+                    style={{ padding:15 }}
+                    title_color={Colors.shades.white}
+                    backgroundColor={Colors.utility.error}
+                    onPress={() => onClose()}
+                />
+            </View>
+            :<></>}
+            </View>
+            :<></>}
+            
+        </View>
+    )
+}
+
+export default SeasonLeaderboard

package/src/CompetitionSeason/components/SeasonSettingsSection.tsx

@@ -0,0 +1,92 @@
+import React, { useState } from 'react';
+import { View, TouchableOpacity, FlatList } from 'react-native';
+
+import type { CompetitionPayoutTypeProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps } from "../../types"
+import { view_styles } from '../../constants/styles';
+import { Icons, Text } from '../../Components';
+import { SeasonHelpers } from '../api';
+import Colors from '../../constants/colors';
+
+type SeasonSettingsSectionProps = {
+    width:number,
+    competition_season:CompetitionSeasonProps,
+    competition_type:CompetitionTypeProps,
+    competition_result_type:CompetitionResultTypeProps,
+    competition_payouts:CompetitionPayoutTypeProps[]
+}
+
+const SeasonSettingsSection = ({ width, competition_season, competition_type, competition_result_type, competition_payouts }:SeasonSettingsSectionProps) => {
+    const [ expanded, setExpanded ] = useState(true);
+
+    const { season_payout, competition_payout } = SeasonHelpers.getPayoutAmounts(competition_season)
+    const cl = competition_season.market_type == 'FOR_MONEY' ? '$' : 'E'
+
+    const renderPayouts = (data: { item:CompetitionPayoutTypeProps, index:number }) => {
+        return (
+            <View style={{ ...view_styles.body_row, padding:8, borderBottomWidth:1, borderColor:Colors.shades.shade600 }}>
+                <Text style={{ flex:1 }} theme='header_2'>{SeasonHelpers.formatPlace(data.item.tier)}{data.item.tier!= 1 ? ' Or Better': ''}</Text>
+                <Text theme='header_2'>Split {data.item.payout}%</Text>
+            </View>
+        )
+    }
+
+    return (
+        <View style={{ ...view_styles.section, maxWidth: width }}>
+            <TouchableOpacity style={{ ...view_styles.section_header }} onPress={() => setExpanded(!expanded)}>
+                <Icons.SettingsIcon size={18} color={Colors.brand.midnight} />
+                <View style={{ flex:1, marginLeft:10 }}>
+                    <Text theme='header'>Season Details</Text>
+                    <Text style={{ marginTop:3 }} theme='body'>View important details about this season.</Text>
+                </View>
+                <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.brand.midnight} />
+            </TouchableOpacity>
+            {expanded ?
+            <View style={{ ...view_styles.section_body }}>
+                <View style={view_styles.body_row}>
+                    <View style={{ flex:1 }}>
+                        <Text theme='header_2'>Competition Type</Text>
+                        <Text style={{ marginTop:3 }} theme='body_2'>Each competition within this season will use this type</Text>
+                    </View>
+                    <Text theme='header'>{competition_type.type_label.toUpperCase()}</Text>
+                </View>
+                <View style={view_styles.body_row}>
+                    <View style={{ flex:1 }}>
+                        <Text theme='header_2'>Season Winner Allocation</Text>
+                        <Text style={{ marginTop:3 }} theme='body_2'>How much of the total pot is dedicated to the season winner?</Text>
+                    </View>
+                    <View style={{ justifyContent:'center', alignItems:'center' }}>
+                        <Text theme='header_2'>{cl}{season_payout.toFixed(2)}</Text>
+                        <Text style={{ marginTop:3 }} theme='body'>{(parseFloat(competition_season.payout_allocation as string) * 100).toFixed(2)}%</Text>
+                    </View>
+                </View>
+                <View style={view_styles.body_row}>
+                    <View style={{ flex:1 }}>
+                        <Text theme='header_2'>Each Competition Allocation</Text>
+                        <Text style={{ marginTop:3 }} theme='body_2'>How much of the total pot is dedicated to each competition winner?</Text>
+                    </View>
+                    <View style={{ justifyContent:'center', alignItems:'center' }}>
+                        <Text theme='header_2'>{cl}{competition_payout.toFixed(2)}</Text>
+                        <Text style={{ marginTop:3 }} theme='body'>{(( 1 - (parseFloat(competition_season.payout_allocation as string))) * 100).toFixed(2)}%</Text>
+                    </View>
+                </View>
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="header_2">Payout Type</Text>
+                    <Text theme="header_2">{competition_result_type.label.toUpperCase()}</Text>
+                </View>
+                <View style={{ padding:10, borderRadius:8, backgroundColor:Colors.shades.shade100 }}>
+                    <Text style={{ padding:5 }} theme="header_2">{competition_result_type.description}</Text>
+                    <View style={{ padding:10 }}>
+                        <FlatList
+                            data={competition_payouts.filter(cp => cp.competition_result_type_id == competition_season.competition_result_type_id).sort((a,b) => b.tier - a.tier)}
+                            renderItem={renderPayouts}
+                            keyExtractor={(item) => item.competition_payout_type_id.toString()}
+                        />
+                    </View>
+                </View>
+            </View>
+            :<></>}
+        </View>
+    )
+}
+
+export default SeasonSettingsSection

package/src/CompetitionSeason/index.tsx

@@ -0,0 +1,244 @@
+import React, { useEffect, useState } from 'react';
+import { View, ActivityIndicator, ScrollView } from 'react-native';
+import type { CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonPlayerProps, CompetitionSeasonProps, CompetitionSeasonResultProps, CompetitionTypeProps, MyPlayerProps, PlayerBalanceProps, PublicPlayerProps } from '../types';
+import Colors from '../constants/colors';
+import SeasonHeader from './components/SeasonHeader';
+import { SeasonApi } from './api';
+import CompetitionsSection from './components/CompetitionsSection';
+import SeasonSettingsSection from './components/SeasonSettingsSection';
+import EnterSeasonPrompt from './components/EnterSeasonPrompt';
+import SeasonLeaderboard from './components/SeasonLeaderboard';
+
+type SeasonModuleProps = {
+    competition_season_id:string,
+    onShareSeason: (competition_season:CompetitionSeasonProps) => void,
+    player_id?:string,
+    onRequestAuthenticate: (auth_strategy_id?:string) => void,
+    onCompetitionSelect: (c:CompetitionProps) => void
+}
+
+const SeasonModule = ({ competition_season_id, player_id, onShareSeason, onRequestAuthenticate, onCompetitionSelect }:SeasonModuleProps) => {
+    const [ module_size, setModuleSize ] = useState({ width:0, height:0 })
+    const [ show_leaderboard, setShowLeaderboard ] = useState(false);
+    const [ show_enter, setShowEnter ] = useState(false);
+    const [ my_data, setMyData ] = useState<{
+        my_loading: boolean,
+        player?:MyPlayerProps,
+        player_balance?:PlayerBalanceProps
+    }>({
+        my_loading: false
+    });
+    const [ module_data, setData ] = useState<{
+        loading:boolean,
+        action_loading:boolean,
+        competition_season?:CompetitionSeasonProps,
+        competitions:CompetitionProps[],
+        offset:number,
+        competition_types:CompetitionTypeProps[],
+        company?:CompanyProps,
+        admin?:PublicPlayerProps,
+        players:PublicPlayerProps[],
+        competition_season_players:CompetitionSeasonPlayerProps[],
+        competition_season_results:CompetitionSeasonResultProps[],
+        competition_result_types:CompetitionResultTypeProps[],
+        competition_payout_types:CompetitionPayoutTypeProps[]
+    }>({
+        loading:false,
+        action_loading:false,
+        competitions: [],
+        offset: 0,
+        competition_season_players:[],
+        competition_season_results: [],
+        competition_types:[],
+        players: [],
+        competition_result_types:[],
+        competition_payout_types:[]
+    });
+    const { action_loading, competition_season, competitions, competition_season_players, competition_season_results, competition_types, competition_payout_types, competition_result_types } = module_data;
+    const { player, player_balance } = my_data;
+    useEffect(() => {
+        if(!competition_season_id){ return }
+        SeasonApi.setEnvironment();
+        getSeasonData(competition_season_id)
+    },[competition_season_id])
+
+    useEffect(() => {
+        getMyDetails();
+    },[player_id])
+
+    const getMyDetails = async() => {
+        if(!player_id){ return setMyData({ ...my_data, player:undefined, player_balance: undefined }) }
+        setMyData({ ...my_data, my_loading: true })
+        let me = await SeasonApi.getMyDetails();
+        let pb = await SeasonApi.getMyBalance();
+        setMyData({
+            ...my_data,
+            my_loading: false,
+            player: me,
+            player_balance: pb
+        })
+    }
+
+    const getSeasonData = async(id:string) => {
+        setData({ ...module_data, loading:true })
+        const season = await SeasonApi.getSeasonById(id);
+        const comps = await SeasonApi.getCompetitionsBySeasonId(id)
+        const opts = await SeasonApi.getCompetitionOptions();
+        const season_player_resp = await SeasonApi.getSeasonPlayersBySeasonId(id, 0);
+        const players = await SeasonApi.getPlayersByPlayerIds([season.admin_id])
+        let cmpny:CompanyProps | undefined = undefined
+        if(season.company_id){
+            const companies = await SeasonApi.getCompaniesByIds([season.company_id])
+            cmpny = companies[0]
+        }
+        setData({
+            ...module_data,
+            loading:false,
+            competition_season: season,
+            competitions:comps,
+            admin: players[0],
+            company: cmpny,
+            competition_payout_types: opts.competition_payout_types,
+            competition_result_types: opts.competition_result_types,
+            competition_types: opts.competition_types,
+            competition_season_players: season_player_resp.competition_season_players,
+            competition_season_results: season_player_resp.competition_season_results
+        })
+    }
+
+    const handleJoin = async() => {
+        if(action_loading){ return } //No mashy
+        if(!player_id){ return onRequestAuthenticate() }
+        setData({ ...module_data, action_loading: true });
+        const resp = await SeasonApi.joinSeason(competition_season_id);
+        setData({
+            ...module_data,
+            action_loading: false,
+            competition_season: resp.competition_season,
+            competition_season_players: competition_season_players.filter(cp => cp.competition_season_player_id != resp.competition_season_player.competition_season_player_id).concat(resp.competition_season_player),
+            competition_season_results: competition_season_results.filter(cr => cr.competition_season_result_id != resp.competition_season_result.competition_season_result_id).concat(resp.competition_season_result),
+            competitions: competitions.filter(c => !resp.competitions.find(nc => nc.competition_id == c.competition_id)).concat(resp.competitions)
+        })
+    }
+
+    const handleLeave = async(competition_season_player_id:string) => {
+        if(action_loading){ return }
+        if(!player_id){ return onRequestAuthenticate() }
+        setData({ ...module_data, action_loading: true });
+        const resp = await SeasonApi.leaveSeason(competition_season_player_id);
+        setData({
+            ...module_data,
+            action_loading: false,
+            competition_season: resp.competition_season,
+            competition_season_players: competition_season_players.filter(cp => cp.competition_season_player_id != resp.competition_season_player.competition_season_player_id),
+            competition_season_results: competition_season_results.filter(cr => cr.competition_season_result_id != resp.competition_season_result.competition_season_result_id).concat(resp.competition_season_result),
+            competitions: competitions.filter(c => !resp.competitions.find(nc => nc.competition_id == c.competition_id)).concat(resp.competitions)
+        })
+    }
+
+    if(!competition_season){
+        return (
+            <View style={{ flex:1 }}>
+                <ActivityIndicator
+                    size='large'
+                    style={{ padding:20, alignSelf:'center' }}
+                    color={Colors.brand.midnight}
+                />
+            </View>
+        )
+    }
+
+    const selected_season_type = competition_types.find(ct => ct.competition_type_id == competition_season.competition_type_id);
+    const selected_season_result_type = competition_result_types.find(crt => crt.competition_result_type_id == competition_season.competition_result_type_id);
+    const authenticated_season_player = competition_season_players.find(csp => csp.player_id == player_id);
+    const authenticated_season_result = competition_season_results.find(csp => csp.player_id == player_id);
+
+    return (
+        <View style={{ flex:1 }}>
+            <ScrollView style={{ flex:1 }} onLayout={(ev) => {
+                const { width, height } = ev.nativeEvent.layout;
+                setModuleSize({ width, height });
+            }}>
+                <SeasonHeader
+                    competition_season={competition_season}
+                    competitions={competitions}
+                    action_loading={action_loading}
+                    authenticated_season_player={authenticated_season_player}
+                    onShareSeason={onShareSeason}
+                    onJoin={() => setShowEnter(true)}
+                    onLeave={(competition_season_player_id) => handleLeave(competition_season_player_id)}
+                />
+                {selected_season_type ?
+                <SeasonLeaderboard
+                    authenticated_player={player}
+                    authenticated_season_player={authenticated_season_player}
+                    authenticated_season_result={authenticated_season_result}
+                    width={module_size.width}
+                    onLeaderSelect={(p) => console.log(p)}
+                    view_mode='short'
+                    height={module_size.height}
+                    competition_season={competition_season}
+                    competition_type={selected_season_type}
+                    onSeeFull={() => setShowLeaderboard(true)}
+                />
+                :<></>}
+                {selected_season_type && selected_season_result_type ?
+                <SeasonSettingsSection
+                    competition_season={competition_season}
+                    competition_result_type={selected_season_result_type}
+                    competition_type={selected_season_type}
+                    competition_payouts={competition_payout_types}
+                    width={module_size.width}
+                />
+                :<></>}
+                {selected_season_type && selected_season_result_type ?
+                <CompetitionsSection
+                    competitions={competitions}
+                    competition_result_type={selected_season_result_type}
+                    competition_type={selected_season_type}
+                    onCompetitionSelect={(c) => onCompetitionSelect(c)}
+                    width={module_size.width}
+                />
+                :<></>}
+            </ScrollView>
+            {show_enter && selected_season_result_type && selected_season_type ?
+            <View style={{ position:'absolute', top:0, left:0, right:0, bottom:0, backgroundColor:Colors.shades.black_faded, justifyContent:'flex-end' }}>
+                <EnterSeasonPrompt
+                    width={module_size.width}
+                    competition_season={competition_season}
+                    competition_result_type={selected_season_result_type}
+                    competition_type={selected_season_type}
+                    player_balance={player_balance}
+                    player={player}
+                    onEnter={(promo) => {
+                        console.log(promo)
+                        handleJoin()
+                        setShowEnter(false);
+                    }}
+                    onCancel={() => setShowEnter(false)}
+                    onVerify={() => console.log('VERIFY!')}
+                />
+            </View>
+            :<></>}
+            {show_leaderboard && selected_season_type ?
+            <View style={{ position:'absolute', top:0, left:0, right:0, bottom:0, backgroundColor:Colors.shades.black_faded }}>
+                <SeasonLeaderboard
+                    authenticated_player={player}
+                    authenticated_season_player={authenticated_season_player}
+                    authenticated_season_result={authenticated_season_result}
+                    width={module_size.width}
+                    onLeaderSelect={(p) => console.log(p)}
+                    view_mode='full'
+                    height={module_size.height}
+                    competition_season={competition_season}
+                    competition_type={selected_season_type}
+                    onSeeFull={() => console.log('See full')}
+                    onClose={() => setShowLeaderboard(false)}
+                />
+            </View>
+            :<></>}
+        </View>
+    )
+}
+
+export default SeasonModule

package/src/CompetitionSeasonManager/api/index.ts

@@ -0,0 +1,127 @@
+import axios from "axios";
+import { APIOverrides } from "../../ApiOverrides";
+import type { CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, MyPlayerProps } from "../../types";
+import type { CompanyMemberProps } from "../../Authenticator/api/types";
+import moment from "moment-mini";
+
+
+let AUTH_SVC_API = ''
+let TP_SVC_API = ''
+//let EVENT_SVC_API = ''
+//let MK_SVC_API = ''
+
+
+export { ManageSeasonApi, ManageSeasonHelpers }
+
+const ManageSeasonApi = {
+    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;
+    },
+    getCompetitionOptions: async():Promise<{competition_types:CompetitionTypeProps[], competition_result_types:CompetitionResultTypeProps[], competition_payout_types:CompetitionPayoutTypeProps[]}> => {
+        const resp = await axios.get(`${TP_SVC_API}/v1/competitions/options`)
+        return resp.data
+    },
+    getSeasonTemplates: async():Promise<CompetitionSeasonProps[]> => {
+        const resp = await axios.get(`${TP_SVC_API}/v2/competitions/seasons/templates`);
+        return resp.data.competition_seasons
+    },
+    getMyDetails: async():Promise<MyPlayerProps> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
+        return resp.data.player
+    },
+    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 }
+    },
+    activateSeason: async(competition_season_id:string):Promise<CompetitionSeasonProps> => {
+        const resp = await axios.post(`${TP_SVC_API}/v2/competitions/season/activate`, { competition_season_id });
+        return resp.data.competition_season
+    },
+    deleteSeason: async(competition_season_id:string):Promise<CompetitionSeasonProps> => {
+        const resp = await axios.post(`${TP_SVC_API}/v2/competitions/season/delete`, { competition_season_id });
+        return resp.data.competition_season
+    },
+    getSeasonById: async(competition_season_id:string):Promise<CompetitionSeasonProps> => {
+        const resp = await axios.get(`${TP_SVC_API}/v2/competitions/seasons/season/${competition_season_id}`);
+        return resp.data.competition_season
+    },
+    getCompetitionsBySeasonId: async(competition_season_id:string):Promise<CompetitionProps[]> => {
+        const resp = await axios.get(`${TP_SVC_API}/v2/competitions/season/${competition_season_id}`);
+        return resp.data.competitions
+    },
+    createSeason: async(competition_season:CompetitionSeasonProps):Promise<CompetitionSeasonProps> => {
+        const resp = await axios.post(`${TP_SVC_API}/v2/competitions/seasons/season/create`, { competition_season });
+        console.log(resp.data)
+        return resp.data.competition_season
+    },
+    updateSeason: async(competition_season:CompetitionSeasonProps):Promise<CompetitionSeasonProps> => {
+        const resp = await axios.post(`${TP_SVC_API}/v2/competitions/seasons/season/update`, { competition_season })
+        return resp.data.competition_season
+    }
+}
+
+
+const ManageSeasonHelpers = {
+    getPendingSeason: ():CompetitionSeasonProps => {
+        return {
+            competition_season_id: '',
+            admin_id: '',
+            season_name:'',
+            season_description:'Pending Description',
+            invite_only: true,
+            ticket_revenue:0,
+            tickets_available: 10,
+            tickets_sold:0,
+            single_buy_in: true,
+            expected_competition_count: 1,
+            ticket_price:0,
+            max_picks: 0,
+            initial_balance: 1000,
+            balance_rollover: false,
+            unallocated_funds: 0,
+            competition_type_id: '1',
+            allow_late_buy_in: false,
+            payout_allocation: 1,
+            competition_result_type_id: '1',
+            payout_amt: 0,
+            scheduled_datetime: moment().add(1, 'week'),
+            status: 'pending',
+            market_type: 'FOR_MONEY',
+            create_datetime: '',
+            last_update_datetime:''
+        }
+    },
+    isSeasonValid: (cs:CompetitionSeasonProps):string[] => {
+        let errors:string[] = []
+        if(!cs.season_name){ errors.push('Please provide a valid name') }
+        if(!cs.competition_result_type_id){ errors.push('Please give a valid competition result type') }
+        return errors
+    },
+    isInfoChanged: (cs:CompetitionSeasonProps, ds:CompetitionSeasonProps) => {
+        let init_cs = JSON.stringify({ season_name: cs.season_name, season_description: cs.season_description, invite_only:cs.invite_only })
+        let draft_cs = JSON.stringify({ season_name: ds.season_name, season_description: ds.season_description, invite_only:ds.invite_only })
+        return draft_cs != init_cs ? true : false
+    },
+    isSettingsChanged: (cs:CompetitionSeasonProps, ds:CompetitionSeasonProps) => {
+        let init_cs = JSON.stringify({ ticket_price:cs.ticket_price, payout_allocation:cs.payout_allocation, competition_type_id:cs.competition_type_id, competition_result_type_id:cs.competition_result_type_id, max_picks: cs.max_picks, initial_balance: cs.initial_balance, allow_late_buy_in:cs.allow_late_buy_in })
+        let draft_cs = JSON.stringify({ ticket_price:ds.ticket_price, payout_allocation: ds.payout_allocation, competition_type_id:ds.competition_type_id, competition_result_type_id:ds.competition_result_type_id, max_picks: ds.max_picks, initial_balance: ds.initial_balance, allow_late_buy_in:ds.allow_late_buy_in })
+        return draft_cs != init_cs ? true : false
+    },
+    isSettingsValid: (ds:CompetitionSeasonProps) => {
+        if(!ds.competition_type_id){ return false }
+        if(!ds.competition_result_type_id){ return false }
+        let payout_allocation = parseFloat(ds.payout_allocation as string)
+        let ticket_price = parseFloat(ds.ticket_price as string)
+        if(isNaN(payout_allocation)){ return false }
+        if(isNaN(ticket_price)){ return false }
+        if(ticket_price < 0){ return false }
+        if(payout_allocation <= 0){ return false }
+        if(payout_allocation > 1){ return false }
+        return true
+    }
+}