be-components 6.0.4 → 6.0.5

package/src/LocationTracker/index.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { View, Image, Linking, Platform } from 'react-native';
-import { Button, Text } from '../Components';
-import Colors from '../constants/colors';
+import { Image, Linking, Platform } from 'react-native';
 import { isSafari, isChrome, isIOS } from 'react-device-detect';
 import type { LocationProps, PlayerAddressProps } from '../types';
 import * as Location from 'expo-location';
+import { Button, Text, View } from '../Components/Themed';
+import { useColors } from '../constants/useColors';
 
 type LocationTrackerProps = {
     onClose: () => void,
@@ -25,7 +25,7 @@ type LocationTrackerProps = {
     onGetLocation: () => void
 }
 const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromptForPermission }: LocationTrackerProps) => {
-
+    const Colors = useColors();
     const { loading, error } = location;
 
     const handleHelpMe = () => {
@@ -41,7 +41,7 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
             {permission.permission == 'undetermined' || permission.permission == 'prompt' || !permission.permission ?
             <View style={{ padding:20 }}>
                 <View style={{ padding:10 }}>
-                    <Text size={18} color={Colors.brand.midnight} weight='semibold' textAlign='center'>ALL REAL-MONEY TRANSACTIONS REQUIRE LOCATION</Text>
+                    <Text size={18} theme='h2'>ALL REAL-MONEY TRANSACTIONS REQUIRE LOCATION</Text>
                 </View>
                 <View style={{ justifyContent:'center', alignItems:'center', padding:15 }}>
                     <Image
@@ -50,13 +50,13 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
                     />
                 </View>
                 <View style={{ padding:10 }}>
-                    <Text style={{ marginTop:5 }} color={Colors.brand.midnight} size={14} weight='regular' textAlign='center'>When using real money, either in the form of a bet, competition or deposit/withdrawal, BettorEdge requires location services turned on to verify you are in a location where betting is permitted.</Text>
+                    <Text style={{ marginTop:5 }} size={14} theme='description' textAlign='center'>When using real money, either in the form of a bet, competition or deposit/withdrawal, BettorEdge requires location services turned on to verify you are in a location where betting is permitted.</Text>
                 </View>
             </View>
             : permission.permission == 'denied' ?
             <View style={{ padding:20 }}>
                 <View style={{ padding:10 }}>
-                    <Text size={18} color={Colors.brand.midnight} weight='semibold' textAlign='center'>LOCATION SETTINGS ARE NOT ENABLED</Text>
+                    <Text size={18} theme='h2' textAlign='center'>LOCATION SETTINGS ARE NOT ENABLED</Text>
                 </View>
                 <View style={{ justifyContent:'center', alignItems:'center', padding:15 }}>
                     <Image
@@ -65,13 +65,13 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
                     />
                 </View>
                 <View style={{ padding:10 }}>
-                    <Text style={{ marginTop:5 }} color={Colors.brand.midnight} size={14} weight='regular' textAlign='center'>{error ?? `We were not able to get your location.  Please use the Help Me button below to troubleshoot enabling your device's location services`}</Text>
+                    <Text style={{ marginTop:5 }} size={14} theme='warning' textAlign='center'>{error ?? `We were not able to get your location.  Please use the Help Me button below to troubleshoot enabling your device's location services`}</Text>
                 </View>
             </View>
             : permission.permission == 'granted' || location.location ?
             <View style={{ padding:20 }}>
                 <View style={{ padding:10 }}>
-                    <Text size={18} color={Colors.brand.midnight} weight='semibold' textAlign='center'>ALL REAL-MONEY TRANSACTIONS REQUIRE LOCATION</Text>
+                    <Text size={18} theme='h2' textAlign='center'>ALL REAL-MONEY TRANSACTIONS REQUIRE LOCATION</Text>
                 </View>
                 <View style={{ justifyContent:'center', alignItems:'center', padding:15 }}>
                     <Image
@@ -80,7 +80,7 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
                     />
                 </View>
                 <View style={{ padding:10 }}>
-                    <Text style={{ marginTop:5 }} color={Colors.brand.midnight} size={14} weight='regular' textAlign='center'>When using real money, either in the form of a bet, competition or deposit/withdrawal, BettorEdge requires location services turned on to verify you are in a location where betting is permitted.</Text>
+                    <Text style={{ marginTop:5 }} theme='description' size={14} weight='regular' textAlign='center'>When using real money, either in the form of a bet, competition or deposit/withdrawal, BettorEdge requires location services turned on to verify you are in a location where betting is permitted.</Text>
                 </View>
             </View>
             :<></>}
@@ -88,12 +88,8 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
             <View nativeID='action_row' style={{ flexDirection:'row', padding:20 }}>
                 <Button 
                     title='CLOSE'
+                    type='close'
                     style={{ flex:1, marginRight:5 }}
-                    title_color={Colors.utility.error}
-                    backgroundColor={Colors.shades.white}
-                    borderWidth={1}
-                    padding={15}
-                    borderColor={Colors.utility.error}
                     onPress={() => onClose()}
                 />
                 <Button
@@ -101,8 +97,8 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
                     style={{ flex:3, opacity: loading ? 0.5 : 1 }}
                     loading={loading}
                     disabled={loading}
-                    backgroundColor={Colors.brand.electric}
-                    title_color={Colors.shades.white}
+                    backgroundColor={Colors.text.highlight}
+                    title_color={Colors.text.white}
                     onPress={() => {
                         if(permission.permission == 'prompt' || permission.permission == 'undetermined' || !permission.checked){
                             return onPromptForPermission()
@@ -116,21 +112,15 @@ const LocationTracker = ({ onClose, onGetLocation, permission, location, onPromp
             <View nativeID='action_row' style={{ flexDirection:'row', padding:20 }}>
                 <Button 
                     title='CLOSE'
+                    type='error'
                     style={{ flex:1, marginRight:5 }}
-                    title_color={Colors.utility.error}
-                    backgroundColor={Colors.shades.white}
-                    borderWidth={1}
-                    padding={15}
-                    borderColor={Colors.utility.error}
                     onPress={() => onClose()}
                 />
                 <Button 
                     title='HELP ME'
                     style={{ flex:3 }}
-                    title_color={Colors.shades.white}
-                    borderWidth={1}
-                    padding={15}
-                    backgroundColor={Colors.brand.electric}
+                    title_color={Colors.text.white}
+                    backgroundColor={Colors.text.highlight}
                     onPress={() => handleHelpMe()}
                 />
             </View>

package/src/MarketComponents/api/index.ts

@@ -27,6 +27,15 @@ const MarketComponentApi = {
             return []
         }
     },
+    createOrder: async(order:OrderProps):Promise<OrderProps | undefined> => {
+        try {
+            const resp = await axios.post(`${MK_SVC_API}/v1/orders/order/create`, { order });
+            return resp.data.order
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
     getPlayersByIds: async(player_ids:string[]):Promise<PublicPlayerProps[]> => {
         try {
             if(player_ids.length == 0){ return [] }
@@ -202,7 +211,7 @@ const MarketComponentApi = {
         }
 
     },
-    getAthletesByIds : async(athlete_ids:string[]) => {
+    getAthletesByIds : async(athlete_ids:string[]):Promise<AthleteProps[]> => {
         try {
             if(athlete_ids.length == 0){ return [] }
             const resp = await axios.post(`${EVENT_SVC_API}/v1/athletes/bulk/get`, { attribute: 'athlete_id', values: athlete_ids })
@@ -238,13 +247,12 @@ const MarketComponentApi = {
             return []
         }
     },
-    getBestAvailableOrders:async():Promise<BestAvailableResponseProps | undefined> => {
+    getBestAvailableOrders:async():Promise<BestAvailableResponseProps> => {
         try {
             const resp = await axios.get(`${MK_SVC_API}/v1/orders/available`);
             return resp.data
         } catch (e) {
-            console.log(e)
-            return undefined
+            return { events: [], tournaments: [], matches: [] }
         }
     },
     getAthletesByTeamId: async(team_id:string):Promise<AthleteProps[]> => {
@@ -317,6 +325,104 @@ const MarketComponentHelpers = {
             return earningsMultiplyer * amt
         }
     },
+    getMissingTournaments:(matches:MatchProps[], tournaments:TournamentProps[]) => {
+        let needed_tourneys:string[] = []
+        matches.map(m => {
+            let tourney = tournaments.find(t => t.tournament_id == m.tournament_id);
+            if(!tourney){ needed_tourneys.push(m.tournament_id) }
+        })
+        return needed_tourneys
+    },
+    extractAthleteIds: (athlete_ids?:string):string[] => {
+        if(!athlete_ids || athlete_ids == 'undefined'){ return [] }
+        let split_ids = athlete_ids.split(',');
+        let ath_ids:string[] = []
+        split_ids.map(id => {
+            if(isNaN(parseInt(id))){ return }
+            return ath_ids.push(id)
+        });
+        return ath_ids
+    },
+    formatBestAvailable:(ba_response:{ events:EventProps[], tournaments:TournamentProps[], matches:MatchProps[] }) => {
+        let best_available:{ [key:string]: BestAvailableOrderProps[] } = {}
+        let order_stats: { [key:string]: EventOrderStatProps[] } = {}
+        let latest_trades: { [key:string]: TradeProps[] } = {}
+        let athlete_ids:string[] = []
+        let team_ids: string[] = []
+
+        ba_response.events.map((e:EventProps) => {
+            if(!e.supported_markets){ return }
+            let ao:BestAvailableOrderProps[] = [], os:EventOrderStatProps[] = [], lt:TradeProps[] = []
+            let supported_markets = e.supported_markets.filter(m => m)
+
+            supported_markets.map(m => {
+                m.available_orders?.map(o => ao.push(o))
+                m.order_stats?.map(s => os.push(s))
+                m.latest_trades?.map(t => {
+                    if(t.side_type == 'athlete'){ athlete_ids.push(t.side_id) }
+                    lt.push(t)
+                })
+            });
+            best_available[`team:${e.event_id}`] = ao
+            order_stats[`team:${e.event_id}`] = os
+            latest_trades[`team:${e.event_id}`] = lt
+        })
+        ba_response.tournaments.map((e:TournamentProps) => {
+            if(!e.supported_markets){ return }
+            let ao:BestAvailableOrderProps[] = [], os:EventOrderStatProps[] = [], lt:TradeProps[] = []
+            let supported_markets = e.supported_markets.filter(m => m)
+            supported_markets.map(m => {
+                m.available_orders?.map(o => ao.push(o))
+                m.order_stats?.map(s => os.push(s))
+                m.latest_trades?.map(t => {
+                    if(t.side_type == 'athlete'){ athlete_ids.push(t.side_id) }
+                    lt.push(t)
+                })
+            });
+            best_available[`tournament:${e.tournament_id}`] = ao
+            order_stats[`tournament:${e.tournament_id}`] = os
+            latest_trades[`tournament:${e.tournament_id}`] = lt
+
+        })
+        ba_response.matches.map((e:MatchProps) => {
+            if(!e.supported_markets){ return }
+            if(e.participant_type == 'athlete'){ athlete_ids = athlete_ids.concat(e.participants) }
+            let ao:BestAvailableOrderProps[] = [], os:EventOrderStatProps[] = [], lt:TradeProps[] = []
+            let supported_markets = e.supported_markets.filter(m => m)
+            supported_markets.map(m => {
+                
+                m.available_orders?.map(o => ao.push(o))
+                m.order_stats?.map(s => os.push(s))
+                m.latest_trades?.map(t => lt.push(t))
+            });
+            best_available[`match:${e.match_id}`] = ao
+            order_stats[`match:${e.match_id}`] = os
+            latest_trades[`match:${e.match_id}`] = lt
+
+            let existing_tournament = order_stats[`tournament:${e.tournament_id}`]
+            if(!existing_tournament){
+                order_stats[`tournament:${e.tournament_id}`] = os
+            } else {
+                order_stats[`tournament:${e.tournament_id}`] = existing_tournament.concat(os)
+            }
+
+            let existing_tournament_trades = latest_trades[`tournament:${e.tournament_id}`]
+            if(!existing_tournament_trades){
+                latest_trades[`tournament:${e.tournament_id}`] = lt
+            } else {
+                latest_trades[`tournament:${e.tournament_id}`] = existing_tournament_trades.concat(lt)
+            }
+
+            let existing_tournament_orders = best_available[`tournament:${e.tournament_id}`]
+            if(!existing_tournament_orders){
+                best_available[`tournament:${e.tournament_id}`] = ao
+            } else {
+                best_available[`tournament:${e.tournament_id}`] = existing_tournament_orders.concat(ao)
+            }
+        })
+        athlete_ids = [ ...new Set(athlete_ids.map(id => id)) ]
+        return { best_available, order_stats, latest_trades, athlete_ids, team_ids }
+    },
     getOrdersFromTrade:(trade:TradeProps, orders:OrderProps[]) => {
         if(trade.position_ids.length == 0){ return { found_orders:[], found_positions: [] } }
         let found_orders:OrderProps[] = []

package/src/MarketComponents/components/AthleteMarket/index.tsx

@@ -66,13 +66,12 @@ const AthleteMarket = ({ event, show_event, float, hide_image, direction, league
             </View>
         )
     },[athlete.athlete_id, is_locked, market.market_id, JSON.stringify(event_order_stats), JSON.stringify(best_available_orders)])
-
     return (
         <View float={float} style={[{ borderRadius:8 }, style]}>
             {!hide_stat_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
-                label_size={14}
+                label_size={12}
                 style={{ borderTopLeftRadius:8, padding:5  }}
                 left_color={Colors.incentive.gold}
                 right_color={'#ebd197'}
@@ -98,7 +97,7 @@ const AthleteMarket = ({ event, show_event, float, hide_image, direction, league
                         <Text style={{ marginTop:3 }} theme='description' textAlign='center' size={12}>{athlete.team?`${athlete.team.abbr}`:''} ({athlete.position})</Text>
                     </View>
                 </View>
-                <View nativeID='market_sides' style={{ flexDirection:'row', flexGrow:1, justifyContent:'flex-end', alignItems:'center', padding:10 }}>
+                <View nativeID='market_sides' style={{ flexDirection:'row', flexGrow:1, justifyContent:direction=='vertical'?'center':'flex-end', alignItems:'center', padding:10 }}>
                     {market.side_options.sort((a,b) => {
                         let a_t = a.side == market.trade_side ? 1 : 0
                         let b_t = b.side == market.trade_side ? 1 : 0

package/src/MarketComponents/components/TeamEventMarket/api/index.ts

@@ -20,7 +20,33 @@ const TeamEventMarketHelpers = {
     sortNonPrimaryMarkets: (markets:MarketProps[], event_order_stats:EventOrderStatProps[], latest_trades:TradeProps[]) => {
         let available = latest_trades.find(t => markets.map(m => m.market_id.toString()).includes(t.market_id)) ? true : false
         let sorted_stats = event_order_stats.filter(s => s.market_type == 'FOR_MONEY' && markets.map(m => m.market_id.toString()).includes(s.market_id.toString()));
-        
+        //How do we also just grab the top level markets from latest trades if there is no volume on it?
+        let sorted_athlete_trades = latest_trades.filter(t => t.market_type == 'FOR_MONEY' && t.side_type == 'athlete' && markets.map(m => m.market_id.toString()).includes(t.market_id.toString()));
+        //For each market ID - lets create a sorted stat that has 0 in liquidity
+        let unique_traded_markets = [ ...new Set(sorted_athlete_trades.map(t => t.market_id)) ]
+        //Ok we have unique markets!
+        //Lets map through the markets and find the top 3 var_1s of each market!
+        unique_traded_markets.map(m => {
+            //Find the top 3 markets
+            let athlete_trades = sorted_athlete_trades.filter(t => t.market_id == m).sort((a,b) => b.var_1 - a.var_1).slice(0, 3);
+            athlete_trades.map(t => {
+                let exists = sorted_stats.find(ss => ss.side_id == t.side_id && ss.side_type == t.side_type && ss.market_id == ss.market_id);
+                if(exists){ return } //We already have this!
+                //Now lets create a new event order stat
+                let new_order_stat:EventOrderStatProps = {
+                    event_id: t.event_id,
+                    event_type: t.event_type,
+                    market_id: t.market_id,
+                    side_type: t.side_type,
+                    side_id: t.side_id,
+                    market_type: t.market_type,
+                    open_order_amount:0,
+                    open_order_count:0
+                }
+                sorted_stats = sorted_stats.concat(new_order_stat)
+            })
+        });
+
         //Now need to combine event level markets
         let event_level_markets:EventOrderStatProps[] = []
         let non_event_level_markets:EventOrderStatProps[] = []

package/src/MarketComponents/components/TeamEventMarket/index.tsx

@@ -45,6 +45,7 @@ type TeamEventMarketProps = {
     onShare?:(event:EventProps) => void,
     onPodcastSelect?:(podcast:PodcastProps) => void,
     show_grades?:boolean,
+    hide_non_primary?:boolean,
     onCompetitionSelect:(competition_id:string) => void,
     onSquaresSelect: (sq_comp_id:string) => void,
     onViewAdditionalMarkets: (event_id:string, event_type:string) => void,
@@ -52,7 +53,7 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-const TeamEventMarket = ({ event, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, hide_non_primary, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
     const C = useColors();
     const [ market_width, setMarketWidth ] = useState(180);
     const [ expanded_data, setExpandedData ] = useState<{
@@ -331,7 +332,6 @@ const TeamEventMarket = ({ event, league, float, style, init_expanded, hot_marke
 
     const { liquidity, open_order_count } = useMemo(() => MarketComponentHelpers.getLiqudity(event_order_stats),[JSON.stringify(event_order_stats)])
     const { non_primary_markets, available } = useMemo(() => TeamEventMarketHelpers.sortNonPrimaryMarkets(TeamEventMarketHelpers.getNonPrimaryMarkets(event, markets), event_order_stats, latest_trades),[JSON.stringify(event_order_stats), JSON.stringify(latest_trades), markets.length, event.last_update_datetime])
-
     const tv_link = event.info?.broadcast?.link && onTVSelect ? event.info?.broadcast?.link : undefined
     return (
         <View ref={ref} float={float} style={[style]}>
@@ -596,7 +596,7 @@ const TeamEventMarket = ({ event, league, float, style, init_expanded, hot_marke
                     <Text style={{ marginLeft:5 }} size={14} color={C.text.white} weight='semibold'>MultiPick</Text>
                 </Button>
                 :<></>}
-                {non_primary_markets.length > 0 ?
+                {non_primary_markets.length > 0 && !hide_non_primary ?
                 <Button 
                     float
                     style={{ height:35, width:35, justifyContent:'center', borderRadius:100, alignItems:'center' }} 
@@ -604,7 +604,7 @@ const TeamEventMarket = ({ event, league, float, style, init_expanded, hot_marke
                 >
                    <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={C.text.h1} />
                 </Button>
-                :available && !expanded ?
+                :available && !expanded && !hide_non_primary ?
                 <Button
                     title='MORE'
                     type='info'

package/src/ProfileManager/Components/ProfileWizard.tsx

@@ -236,7 +236,7 @@ const ProfileWizard = ({  player, view_mode, settings, player_settings, insets,
     const renderLevels = (data: { item: ProfileLevelProps, index:number}) => {
         if(hidden_levels && hidden_levels.includes(data.item.identifier)){ return <></> }
         return (
-            <Button style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomWidth:1, borderBottomColor:C.borders.light }} onPress={() => {
+            <Button style={{ flexDirection:'row', alignItems:'center', padding:10, borderRadius:0, borderBottomWidth:1, borderBottomColor:C.borders.light }} onPress={() => {
                 setActiveLevel(data.item)
                 setActiveStep(data.item.profile_steps[0])
             }}>
@@ -632,141 +632,4 @@ const ProfileWizard = ({  player, view_mode, settings, player_settings, insets,
     )
 }
 
-
-
-export default ProfileWizard
-
-
-/*
-{!active_level && !show_code_request ?
-            <View transparent style={{ flex:1 }}>
-                <View style={{ flex:1 }}>
-                    <FlatList
-                        data={groups}
-                        renderItem={renderGroups}
-                        keyExtractor={(item) => item.key}
-                    />
-                </View>
-                {!hide_powered_by ?
-                <TouchableOpacity style={{ justifyContent:'center', alignItems:'center' }}
-                onPress={() => {
-                    Linking.openURL(`https://app.bettoredge.com`)
-                }}>
-                    <Image
-                        source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1715272520/powered_be_be_irnaka.webp' }}
-                        style={{ width: width * 0.6, height: (width*0.6) / 3 }}
-                        resizeMode='center'
-                    />
-                </TouchableOpacity>
-                :<></>}
-                <View style={{flexDirection:'row', padding:10}}>
-                    <Button
-                        title='CLOSE'
-                        style={{ flex:3, marginLeft:5 }}
-                        type='close'
-                        onPress={() => onClose()}
-                    />
-                    <Button 
-                        onPress={() => setShowLogout(true)}
-                        type='error'
-                        style={{ marginLeft:20 }}
-                    >
-                        <Icons.LogoutIcon color={C.text.h1} size={20}/>
-                    </Button>
-                </View>
-                {show_logout ?
-                <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
-                    <View float style={{ padding:10, borderRadius:22, minWidth:250 }}>
-                        <Text style={{ padding:15 }} size={18} theme='h1' textAlign='center'>ARE YOU SURE?</Text>
-                        <View transparent style={{ flexDirection:'row', padding:10 }}>
-                            <Button
-                                title='NO'
-                                style={{ flex:1, marginRight:3 }}
-                                type='close'
-                                onPress={() => setShowLogout(false)}
-                            />
-                            <Button
-                                title='YES - LOGOUT'
-                                style={{ flex:3, marginLeft:3 }}
-                                type='error'
-                                onPress={onLogout}
-                            />
-                        </View>
-                    </View>
-                </View>
-                :<></>}
-            </View>
-            :
-            <View style={{ flex:1 }}>
-            {!walkthrough && active_level ?
-            <TouchableOpacity style={{  flexDirection:'row', alignItems:'center', padding:10, borderTopWidth:2, borderColor:C.borders.light}} onPress={() => {
-                setActiveLevel(undefined)
-                setActiveStep(undefined)
-            }}>
-                <Icons.ChevronIcon direction='left' size={10} color={C.text.h1} />
-                <View style={{ flex:1, marginLeft:20, marginRight:20 }}>
-                    <Text theme='h1'>{active_level.label}</Text>
-                    <Text style={{ marginTop:3 }} theme='h2'>{active_level.description}</Text>
-                </View>
-                {active_level.pct_complete ?
-                <View>
-                    <Text theme='description'>{(active_level.pct_complete*100).toFixed()}%</Text>
-                </View>
-                :<></>}
-            </TouchableOpacity>
-            :<></>} 
-            <View transparent style={{ borderWidth:1, borderColor:Colors.shades.shade600, borderRadius:22, margin:10 }}>
-                <FlatList
-                    data={active_level?.profile_steps}
-                    renderItem={renderSteps}
-                    horizontal
-                    showsHorizontalScrollIndicator={false}
-                    keyExtractor={(item) => item.check}
-                />
-            {walkthrough == 'verify' && code_details.code_request && code_details.promo ?
-            <View style={{ position:'absolute', right:-4, top:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
-                <View style={{ height:30, width:30, backgroundColor:Colors.shades.white, borderRadius:100, justifyContent:'center', alignItems:'center', ...view_styles.float }}>
-                    <Icons.GiftIcon size={18} color={Colors.incentive.gold}/>
-                </View>
-            </View>
-            :<></>}
-            </View>
-            
-            </View>
-            }
-*/
-
-
-
-/*
-<View style={{ flex:1 }}>
-                {!active_step && show_code_request ?
-                CODE REDEEM
-                :<></>}
-                {!active_step && show_welcome && !welcome_hidden && !show_code_request?
-                WELCOME
-                :active_step?.check == 'basic' ?
-                BASIC INFO
-                :active_step?.check == 'profile_pic'?
-                PROFILE PIC
-                :active_step?.check == 'password' ?
-                PASSWORD
-                :active_step?.check == 'email' ?
-                EMAIL
-                :active_step?.check == 'phone' ?
-                PHONE
-                :active_step?.check == 'basic_review' ?
-                BASIC STATUS
-                :active_step?.check == 'dob' ?
-                DOB
-                :active_step?.check == 'vouch' ?
-                VOUCH
-                :active_step?.check == 'notification' ?
-                SETTINGS
-                :active_step?.check == 'preferences' ?
-                PREFERENCES
-                :active_step?.check == 'sharing' ?
-                SHARING
-            :<></>}
-            </View>
-*/
+export default ProfileWizard

package/src/ProfileManager/index.tsx

@@ -10,8 +10,10 @@ import { Text, View } from '../Components/Themed';
 type ProfileOverviewProps = {
     show_welcome?:boolean,
     hide_powered_by?:boolean,
+    float?:boolean,
     hide_profile_header?:boolean,
     player?:MyPlayerProps,
+    style?:any,
     keyboard_height:number,
     hidden_groups?:string[],
     insets?:{ top:number, bottom:number, left:number, right:number }
@@ -37,7 +39,7 @@ type ProfileOverviewProps = {
     }
 }
 
-const ProfileManager = ({ profile_attribute, keyboard_height, view_mode, hide_profile_header, insets, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onFocusPosition, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps ) => {
+const ProfileManager = ({ float, profile_attribute, style, keyboard_height, view_mode, hide_profile_header, insets, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onFocusPosition, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, onClose, onLogout }: ProfileOverviewProps ) => {
     const [ width, setModuleWidth ] = useState(400);
     const [ loading, setLoading ] = useState(false);
     const [ vouching, setVouching ] = useState(false);
@@ -89,26 +91,26 @@ const ProfileManager = ({ profile_attribute, keyboard_height, view_mode, hide_pr
     }
 
     return (
-        <View style={{ flex:1 }} onLayout={(ev) => {
+        <View float={float} style={{ flex:1 }}>
+            <View style={{ flex:1, ...style }} onLayout={(ev) => {
             const { width } = ev.nativeEvent.layout
             setModuleWidth(width)
         }}>
-            <View style={{ flex:1 }}>
                 {!hide_profile_header && !walkthrough && !vouching ?
-                <View style={{ flexDirection:'row', alignItems:'center' }}>
-                    <View nativeID='profile_picture' style={{ padding:10 }}>
+                <View type='header' style={{ flexDirection:'row', alignItems:'center', borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                    <View transparent nativeID='profile_picture' style={{ padding:10 }}>
                         <Image
                             source={{ uri: draft_player.profile_pic }}
                             style={{ height:50, width:50, borderRadius:100 }}
                             resizeMode='cover'
                         />
                     </View>
-                    <View style={{ flex:1 }}>
+                    <View transparent style={{ flex:1 }}>
                         <Text size={20} theme='h1'>{draft_player.first_name} {draft_player.last_name}</Text>
                         <Text style={{ marginTop:5 }} size={16} theme='h2'>@{draft_player.username}</Text>
                     </View>
                     {player_balance ?
-                    <View style={{ paddingRight:10 }}>
+                    <View transparent style={{ paddingRight:10 }}>
                         <Text size={16} theme='h1' textAlign='right'>${player_balance.balance.toFixed(2)}</Text>
                         <Text style={{ marginTop:3 }} theme='description' textAlign='right'>Promo {player_balance.promo_balance.toFixed(2)}</Text>
                     </View>

package/src/SocialComponents/SocialOrderCard.tsx

@@ -1,18 +1,20 @@
 import React, { useState } from 'react';
 import { Image } from 'react-native';
-import type { AthleteProps, LeagueProps, OrderProps, PublicPlayerProps, TeamProps } from '../types';
+import type { AthleteProps, LeagueProps, MyPlayerProps, OrderProps, PublicPlayerProps, TeamProps } from '../types';
 import { Icons } from '../Components';
 import { SocialComponentApi, SocialOrderHelpers } from './api';
 import moment from 'moment-mini';
 import { AthleteImage } from '../Components/Jerseys';
 import { View, Button, Text } from '../Components/Themed';
 import { useColors } from '../constants/useColors';
+import { MyOrdersHelpers } from '../MarketComponents/components/MyOrderList/api';
 
 type SocialOrderCardProps = {
-    player?:PublicPlayerProps,
+    player?:PublicPlayerProps | MyPlayerProps,
     show_player?:boolean,
     contest_title:string,
     contest_time:string,
+    show_amounts?:boolean,
     order:OrderProps,
     athlete?:AthleteProps,
     maxWidth?:number,
@@ -23,10 +25,12 @@ type SocialOrderCardProps = {
     onCopyOrder?:(order:OrderProps) => void,
     onFadeOrder?:(order:OrderProps) => void
 }
-const SocialOrderCard = ({ player, show_player, hide_contest, maxWidth, league, team, athlete, order, contest_title, contest_time, onTagOrder, onCopyOrder, onFadeOrder }:SocialOrderCardProps) => {
+const SocialOrderCard = ({ player, show_player, show_amounts, hide_contest, maxWidth, league, team, athlete, order, contest_title, contest_time, onTagOrder, onCopyOrder, onFadeOrder }:SocialOrderCardProps) => {
     const Colors = useColors();
     const [ fade_loading, setFadeLoading ] = useState(false);
+    const cl = order.market_type == 'FOR_MONEY' ? '$' : 'E'
     const { result_label, color } = SocialOrderHelpers.getResultDetails(order)
+    const stats = MyOrdersHelpers.calcAllOrderStats([order])
     const handleFadeOrder = async() => {
         if(!onFadeOrder){ return }
         if(fade_loading){ return }
@@ -111,6 +115,23 @@ const SocialOrderCard = ({ player, show_player, hide_contest, maxWidth, league,
                     </View>
                 </View>
             </View>
+            {show_amounts && order.resolution_status == 'inprogress'?
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
+                <View transparent style={{ flex:1 }}>
+                    <Text theme='h2' textAlign='left'>{cl}{stats.unresolved_stake.toFixed(2)}</Text>
+                </View>
+                <Text theme='description'>To Win</Text>
+                <View transparent style={{ flex:1 }}>
+                    <Text theme='h1' textAlign='right'>{cl}{stats.unresolved_potential_winnings.toFixed(2)}</Text>
+                </View>
+            </View>
+            :show_amounts && order.resolution_status == 'closed' ?
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
+                <View transparent style={{ flex:1 }}>
+                    <Text theme='h1' textAlign='right' color={stats.net_earnings > 0 ? Colors.text.success : Colors.text.error}>Earned: {cl}{stats.net_earnings.toFixed(2)}</Text>
+                </View>
+            </View>
+            :<></>}
             {order.resolution_status == 'inprogress' ?
             <View type='row' style={{ padding:0, borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
                 {onCopyOrder ?