be-components 3.0.3 → 3.0.5

package/lib/typescript/src/MarketComponents/index.d.ts

@@ -34,6 +34,30 @@ declare const _default: {
         onActivate?: (event_id: string, event_type: string) => void;
         activate_loading?: boolean;
     }) => import("react").JSX.Element>;
+    TeamTournamentMarket: ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
+        tournament: import("../types").TournamentProps;
+        event_type: "team" | "tournament" | "match";
+        team: import("../types").TeamProps;
+        hide_stat_banner?: boolean;
+        width?: number;
+        market: import("../types").MarketProps;
+        show_event?: boolean;
+        hide_liquidity?: boolean;
+        latest_trades: import("../types").TradeProps[];
+        best_available_orders: import("../types").BestAvailableOrderProps[];
+        event_order_stats: import("../types").EventOrderStatProps[];
+        default_price_view: "last_trade" | "best_available";
+        onOrder: (order: import("../types").OrderProps) => void;
+        show_grades?: boolean;
+        onView: (data: {
+            event_id: string;
+            event_type: string;
+            market_id: string;
+            side_type: "team";
+            side_id: string;
+        }) => void;
+        onTradeLongPress: (trade: import("../types").TradeProps) => void;
+    }) => import("react").JSX.Element;
     AthleteMarket: import("react").MemoExoticComponent<({ event, show_event, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
         event: import("../types").EventProps;
         event_type: "team" | "tournament" | "match";
@@ -59,6 +83,14 @@ declare const _default: {
         }) => void;
         onTradeLongPress: (trade: import("../types").TradeProps) => void;
     }) => import("react").JSX.Element>;
+    BestAvailableOrderCard: ({ order, player_id, show_grade, onBuyNow, onShareOrder, onCancelOrder }: {
+        player_id?: string;
+        order: import("../types").BestAvailableOrderProps;
+        show_grade?: boolean;
+        onShareOrder?: (order: import("../types").BestAvailableOrderProps) => void;
+        onBuyNow?: (order: import("../types").OrderProps) => void;
+        onCancelOrder?: (order_id: string) => void;
+    }) => import("react").JSX.Element;
     EventMarket: ({ width, event, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }: {
         event: import("../types").EventProps;
         width?: number;
@@ -78,6 +110,25 @@ declare const _default: {
         }) => void;
         onTradeLongPress: (trade: import("../types").TradeProps) => void;
     }) => import("react").JSX.Element;
+    OrderBookCard: ({ player_id, orders, market, show_orders, show_grades, onBuy }: {
+        player_id?: string;
+        orders: import("../types").OrderProps[];
+        market: import("../types").MarketProps;
+        show_grades?: boolean;
+        show_orders?: boolean;
+        onBuy: (order: import("../types").OrderProps) => void;
+    }) => import("react").JSX.Element;
+    OrderBookChart: ({ order_book, market, active_var_1, onSelectVar1, away_label, home_label, side_id }: {
+        order_book: import("../types").OrderBookProps;
+        onSelectVar1: (var_1: number) => void;
+        active_var_1: number;
+        market: import("../types").MarketProps;
+        market_type: "FOR_MONEY" | "FREE";
+        side_type?: string;
+        side_id?: string;
+        away_label?: string;
+        home_label?: string;
+    }) => import("react").JSX.Element;
     AthleteTournamentMarket: ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
         tournament: import("../types").TournamentProps;
         event_type: "team" | "tournament" | "match";
@@ -207,6 +258,12 @@ declare const _default: {
         onTradeLongPress?: (trade: import("../types").TradeProps) => void;
         onViewAdditionalMarkets?: (event_id: string, event_type: string) => void;
     }) => import("react").JSX.Element;
+    MyOrderList: ({ player_id, market_type, access_token, distinct_id }: {
+        player_id: string;
+        access_token?: string;
+        distinct_id?: string;
+        market_type: "FOR_MONEY" | "FREE";
+    }) => import("react").JSX.Element;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;qBAkB6lC,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAA30B,CAAC;qBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAqtB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAjmB,CAAC;qBAAkB,CAAC;;;;;;;AATld,wBASC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;qBA4B6rB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAN3sB,CAAJ;qBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAM0lB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAjmB,CAAC;qBAAkB,CAAC;;;;;;;;;;;;;AAdlD,wBAcC"}

package/lib/typescript/src/Socket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Socket/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,kBAAkB,GAAG;IACtB,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,SAAS,EAAC,MAAM,IAAI,CAAC;IACrB,YAAY,EAAC,MAAM,IAAI,CAAC;IACxB,aAAa,EAAC,CAAC,KAAK,EAAC,GAAG,KAAK,IAAI,CAAC;IAClC,iBAAiB,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,aAAa,6FAA6F,kBAAkB,sBAkFjI,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Socket/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,kBAAkB,GAAG;IACtB,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,SAAS,EAAC,MAAM,IAAI,CAAC;IACrB,YAAY,EAAC,MAAM,IAAI,CAAC;IACxB,aAAa,EAAC,CAAC,KAAK,EAAC,GAAG,KAAK,IAAI,CAAC;IAClC,iBAAiB,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,aAAa,6FAA6F,kBAAkB,sBAiFjI,CAAA;AAED,eAAe,aAAa,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Components/Button.tsx

@@ -38,7 +38,8 @@ const Button = ({ title, style, title_weight, disabled, loading, title_size, pad
 
             <TouchableOpacity 
                 disabled={disabled}
-                style={{ ...getBorderRadiusOverride(), flexDirection:'row', alignItems:'center', padding:padding??8, backgroundColor:backgroundColor??Colors.shades.white, borderWidth:borderWidth??0, borderColor:borderColor??'transparent', ...input_style }} onPress={(ev) => onPress(ev)}>
+                style={{ ...getBorderRadiusOverride(), flexDirection:'row', alignItems:'center', justifyContent:'center', flex:1, padding:padding??8, backgroundColor:backgroundColor??Colors.brand.electric, borderWidth:borderWidth??0, borderColor:borderColor, ...input_style }}
+                onPress={(ev) => onPress(ev)}>
                 {avatar_url ?
                 <Image 
                     source={{ uri: avatar_url }} 
@@ -46,7 +47,6 @@ const Button = ({ title, style, title_weight, disabled, loading, title_size, pad
                     resizeMode='cover'
                 />
                 :<></>}
-                {title ?
                 <View style={{ marginLeft:5, marginRight:5, flexGrow:1 }}>
                     <Text size={title_size??14} weight={title_weight ?? 'bold'} textAlign="center" color={title_color??Colors.brand.midnight}>{title}</Text>
                     {loading ?
@@ -55,7 +55,6 @@ const Button = ({ title, style, title_weight, disabled, loading, title_size, pad
                     </View>
                     :<></>}
                 </View>
-                :<></>}
             </TouchableOpacity>
 
     )

package/src/Components/ConfirmationModal.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Modal, View } from "react-native"
+import { view_styles } from '../constants/styles';
+import Text from './Text';
+import Button from './Button';
+import Colors from '../constants/colors';
+
+type ConfirmationModalProps = {
+    visible:boolean,
+    title?:string,
+    description?:string,
+    confirm_title?:string,
+    cancel_title?:string,
+    onCancel: () => void,
+    onConfirm: () => void
+}
+const ConfirmationModal = ({ visible, title, description, confirm_title, cancel_title, onCancel, onConfirm }:ConfirmationModalProps) => {
+
+    return (
+        <Modal 
+            visible={visible}
+            animationType='slide'
+            transparent
+            style={{ flex:1 }}>
+            <View style={{ flex:1, justifyContent:'flex-end', backgroundColor:Colors.shades.black_faded }}>
+                <View style={{ ...view_styles.section }}>
+                    <View style={{ ...view_styles.section_header, padding:20 }}>
+                        <Text theme='header'>{title ?? 'Are you sure?'}</Text>
+                    </View>
+                    <View style={{ ...view_styles.section_body, minHeight:100 }}>
+                        <Text size={14} color={Colors.brand.midnight} textAlign='center' weight='semibold'>{description}</Text>
+                    </View>
+                    <View style={{ ...view_styles.section_footer }}>
+                        <Button
+                            title={cancel_title ?? 'CANCEL'}
+                            style={{ flex:1 }}
+                            padding={15}
+                            title_color={Colors.shades.white}
+                            backgroundColor={Colors.utility.error}
+                            onPress={() => onCancel()}
+                        />
+                        <Button
+                            title={confirm_title ?? 'CONFIRM'}
+                            style={{ flex:2, marginLeft:5 }}
+                            padding={15}
+                            title_color={Colors.shades.white}
+                            backgroundColor={Colors.utility.success}
+                            onPress={() => onConfirm()}
+                        />
+                    </View>
+                </View>
+            </View>
+        </Modal>
+    )
+}
+
+export default ConfirmationModal

package/src/MarketComponents/api/index.ts

@@ -37,6 +37,72 @@ const MarketComponentApi = {
             return []
         }
     },
+    getMyAction:async():Promise<OrderProps[]> => {
+        try {
+            const resp = await axios.get(`${MK_SVC_API}/v1/orders/action/me`);
+            return resp.data.orders
+        } catch (e) {
+            console.log(e);
+            return []
+        }
+    },
+    getMyHistory: async(player_id:string, range:number):Promise<OrderProps[]> => {
+        try {
+            const resp = await axios.get(`${MK_SVC_API}/v1/orders/history/player/${player_id}?range=${range}`);
+            return resp.data.orders
+        } catch (e) {
+            console.log(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 []
+        }
+    },
+    getMatchesByMatchIds: async(match_ids:string[]):Promise<MatchProps[]> => {
+        try {
+            if(match_ids.length == 0){ return [] }
+            const resp = await axios.post(`${EVENT_SVC_API}/v1/matches/bulk/get`, { attribute: 'match_id', values: match_ids })
+            return resp.data.matches
+        } catch (e) {
+            return []
+        }
+
+    },
+    getAthletesByIds : async(athlete_ids:string[]) => {
+        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 })
+            return resp.data.athletes
+        } catch (e) {
+            return []
+        }
+    },
+    getTournamentsByTournamentIds: async(tournament_ids:string[]):Promise<TournamentProps[]> => {
+        try {
+            if(tournament_ids.length == 0){ return [] }
+            const resp = await axios.post(`${EVENT_SVC_API}/v1/tournaments/bulk/get`, { attribute: 'event_id', values: tournament_ids })
+            return resp.data.tournaments
+        } catch (e) {
+            return []
+        }
+    },
+    getTeamsByIds: async(team_ids:string[]) => {
+        try {
+            if(team_ids.length == 0){ return [] }
+            const resp = await axios.post(`${EVENT_SVC_API}/v1/teams/bulk/get`, { attribute:'team_id', values: team_ids })
+            return resp.data.teams
+        } catch (e) {
+            return []
+        }
+
+    },
     getLeagues:async():Promise<LeagueProps[]> => {
         try {
             const resp = await axios.get(`${EVENT_SVC_API}/v1/leagues`);
@@ -71,16 +137,6 @@ const MarketComponentApi = {
             return []
         }
     },
-    getTeamsByIds: async(team_ids:string[]):Promise<TeamProps[]> => {
-        try {
-            if(team_ids.length == 0){ return [] }
-            const resp = await axios.post(`${EVENT_SVC_API}/v1/teams/bulk/get`, { attribute:'team_id', values:team_ids });
-            return resp.data.teams
-        } catch (e) {
-            console.log(e);
-            return []
-        }
-    },
     getMatchesByTournament: async(tournament_id:string):Promise<MatchProps[]> => {
         try {
             const resp = await axios.get(`${EVENT_SVC_API}/v1/matches/tournament/${tournament_id}`);
@@ -90,13 +146,12 @@ const MarketComponentApi = {
             return[]
         }
     },
-    getAthletesByIds: async(athlete_ids:string[]):Promise<AthleteProps[]> => {
+    cancelOrders: async(order_ids:string[]):Promise<OrderProps[]> => {
         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 })
-            return resp.data.athletes
+            if(order_ids.length == 0){ return [] }
+            const resp = await axios.post(`${MK_SVC_API}/v1/orders/bulk/cancel`, { order_ids });
+            return resp.data.orders
         } catch (e) {
-            console.log(e)
             return []
         }
     },
@@ -140,6 +195,16 @@ const MarketComponentHelpers = {
         if(odds < 0){ return `${new_odds}` }
         return `+${new_odds}`
     },
+    calcAmericanOddsFromProbability: (probability:number) => {
+        let p = probability*100; //Convert to whole number
+        if (p >= 100){ return -99999 }
+        if(p === 0){ return 9999 }
+        if(p === 50){ return 100 }
+        if(p < 50){
+            return (100/(p/100))-100
+        }
+        return (p/(1-(p/100)))*-1
+    },
     getTournamentSideIds: (market:MarketProps, side_option:MarketSideOptionProps, athlete?:AthleteProps, team?:TeamProps) => {
         const o_side = market.side_options.find(so => so.side != side_option.side);
         if(!o_side){ return undefined }

package/src/MarketComponents/components/BestAvailableOrderCard.tsx

@@ -0,0 +1,84 @@
+import React from 'react';
+import { View, TouchableOpacity } from "react-native"
+import type { BestAvailableOrderProps, OrderProps } from "../../types"
+import { Icons, Text } from '../../Components';
+import Colors from '../../constants/colors';
+import OrderGradeBar from './OrderGradeBar';
+import { MarketComponentHelpers } from '../api';
+import { view_styles } from '../../constants/styles';
+import moment from 'moment-mini';
+
+type BestAvailableOrderCardProps = {
+    player_id?:string,
+    order:BestAvailableOrderProps,
+    show_grade?:boolean,
+    onShareOrder?:(order:BestAvailableOrderProps) => void,
+    onBuyNow?: (order:OrderProps) => void,
+    onCancelOrder?:(order_id:string) => void
+}
+
+const BestAvailableOrderCard = ({ order, player_id, show_grade, onBuyNow, onShareOrder, onCancelOrder }:BestAvailableOrderCardProps) => {
+
+    const handleBuyNow = () => {
+        if(!onBuyNow){ return }
+        onBuyNow({
+            ...order, 
+            be_type:'market',
+            market_type: 'FOR_MONEY',
+            collar_pct: 0,
+            status: 'approved',
+            available_for_parlays: false,
+            commission_pct: 0,
+            resolution_status: 'inprogress',
+            position_ids: [],
+            positions: [],
+            side_type: order.side_type as 'team'|'athlete',
+            event_type: order.event_type as 'team'|'tournament'|'match',
+            open_amt: Math.floor(order.open_amt * 100) / 100,
+            influencer_id:undefined,
+            influence_type: undefined,
+            draft_liquidity: Math.floor(order.open_amt * 100)/100,
+            tip_pct:undefined,
+            tip_type:undefined,
+            expire_datetime: moment().add(1, 'minutes'), 
+            order_type: 'limit', 
+            buy_sell_ind: 'buy' 
+           })
+    }
+
+    return (
+        <View style={{ ...view_styles.section }}>
+            <View style={{ ...view_styles.section_header, backgroundColor:Colors.shades.shade100 }}>
+                <Text style={{ flexGrow:1 }} size={14} color={Colors.brand.midnight} weight='bold' textAlign='center'>{order.title}</Text>
+            </View>
+            <View style={{ padding:15 }}>
+                <Text style={{ margin:3 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign='center'>${order.open_amt.toFixed(2)} to win ${order.potential_winnings.toFixed(2)}</Text>
+                <Text style={{ margin:3 }} size={12} color={Colors.shades.black} weight='bold' textAlign='center'>PRICE</Text>
+                <Text style={{ margin:3 }} size={12} color={Colors.brand.electric} weight='bold' textAlign='center'>{(order.probability * 100).toFixed(2)}% ({MarketComponentHelpers.getOddsLabel(order.odds)})</Text>
+                
+                <View style={{ justifyContent:'center', alignItems:'center', padding:5 }}>
+                    <OrderGradeBar mask={show_grade ? false : true} grade={order.grade} view_type='card' />
+                </View>
+            </View>
+            <View style={{ flexDirection:'row', borderBottomLeftRadius:10, borderBottomRightRadius:10 }}>
+                {onShareOrder ?
+                <TouchableOpacity style={{ padding:10, backgroundColor:Colors.brand.electric, borderBottomLeftRadius:10 }} onPress={() => onShareOrder(order)}>
+                    <Icons.ShareIcon color={Colors.shades.white} size={18}/>
+                </TouchableOpacity>
+                :<></>}
+                {player_id == order.player_id && onCancelOrder ?
+                <TouchableOpacity style={{ flex:1, padding:10, backgroundColor:Colors.utility.error, borderBottomRightRadius:10 }} onPress={() => onCancelOrder(order.order_id)}>
+                    <Text size={14} color={Colors.shades.white} weight='bold' textAlign='center'>CANCEL</Text>
+                </TouchableOpacity>
+                :
+                <TouchableOpacity style={{ flex:1, padding:10, backgroundColor:Colors.utility.success, borderBottomRightRadius:10 }} onPress={() => handleBuyNow()}>
+                    <Text size={14} color={Colors.shades.white} weight='bold' textAlign='center'>BUY</Text>
+                </TouchableOpacity>
+                }
+            </View>
+        </View>
+    )
+}
+
+
+export default BestAvailableOrderCard

package/src/MarketComponents/components/ContestOrderStatsCard.tsx

@@ -0,0 +1,154 @@
+import React, { useState } from 'react';
+import { FlatList, Image, TouchableOpacity, View } from "react-native"
+import type { HedgeProps, LeagueProps, OrderProps, OrderStatsProps } from '../../types';
+import { Button, Icons, Text } from '../../Components';
+import Colors from '../../constants/colors';
+import { view_styles } from '../../constants/styles';
+import ConfirmationModal from '../../Components/ConfirmationModal';
+import { MarketComponentApi } from '../api';
+
+type ContestOrderStatsCardProps = {
+    player_order_stat: OrderStatsProps,
+    contest_title:string,
+    league?:LeagueProps,
+    hedges:HedgeProps[],
+    market_type:'FOR_MONEY'|'FREE',
+    contest_time_detail:string,
+    onPress: (player_order_stat:OrderStatsProps) => void,
+    onOrdersUpdate: (orders:OrderProps[]) => void
+}
+
+const ContestOrderStatsCard = ({ player_order_stat, league, market_type, contest_time_detail, hedges, contest_title, onPress, onOrdersUpdate }:ContestOrderStatsCardProps) => {
+    const [ confirm_data, setConfirmData ] = useState<{
+        visible:boolean,
+        title?:string,
+        description?:string,
+        confirm_title?:string,
+        cancel_title?:string
+    }>({
+        visible:false
+    });
+    const [ action_loading, setActionLoading ] = useState(false);
+    const [ show_titles, setShowTitles ] = useState(false);
+
+    const handleCardPress = () => {
+        if(!onPress){ return }
+        onPress(player_order_stat)
+    }
+
+    const renderTitles = (data:{item:string, index:number}) => {
+        return (
+            <View style={{ ...view_styles.body_row, padding:10, borderBottomWidth:1, borderColor:Colors.shades.shade600 }}>
+                <Text size={14} color={Colors.brand.midnight} weight='semibold'>{data.item}</Text>
+            </View>
+        )
+    }
+
+    const handleCancelOrders = async(order_ids:string[]) => {
+        setActionLoading(true);
+        const orders = await MarketComponentApi.cancelOrders(order_ids)
+        setActionLoading(false);
+        onOrdersUpdate(orders);
+    }
+
+    const cl = market_type == 'FOR_MONEY' ? '$' : 'E'
+    const hedged_amt = hedges.reduce((a,b) => a + b.cash_rcvd, 0)
+
+    return (
+        <View>
+            <View style={{ ...view_styles.section, margin:5 }}>
+                <TouchableOpacity style={{ ...view_styles.section_header }} onPress={() => handleCardPress()}>
+                    {league ?
+                    <Image
+                        source={{ uri: league.league_image }}
+                        style={{ height:25, width:25 }}
+                        resizeMode='cover'
+                    />
+                    :<></>}
+                    <View style={{ flex:1, marginLeft:10, marginRight:10 }}>
+                        <Text theme='header_2'>{contest_title}</Text>
+                        <Text theme='body_2' style={{ marginTop:3 }}>{contest_time_detail}</Text>
+                    </View>
+                    <Icons.ChevronIcon direction='right' color={Colors.brand.midnight} size={12} />
+                </TouchableOpacity>
+                <View style={{ ...view_styles.section_body }}>
+                    <View style={{ flexDirection:'row', flexWrap:'wrap'}}>
+                        {player_order_stat.open_amt > 0 ?
+                        <View nativeID='open_orders_lozenge' style={{ borderRadius:100, backgroundColor:Colors.shades.shade100, padding:5, paddingRight:10, paddingLeft:10 }}>
+                            <Text size={12} weight='semibold' color={Colors.brand.cyan}>OPEN: {cl}{player_order_stat.open_amt.toFixed(2)}</Text>
+                        </View>
+                        :<></>}
+                        {player_order_stat.unresolved_stake + player_order_stat.resolved_stake > 0 ?
+                        <View nativeID='stake_lozenge' style={{ borderRadius:100, backgroundColor:Colors.shades.shade100, padding:5, paddingRight:10, paddingLeft:10 }}>
+                            <Text size={12} weight='semibold' color={Colors.brand.midnight}>POSITION: {cl}{(player_order_stat.unresolved_stake + player_order_stat.resolved_stake).toFixed(2)}</Text>
+                        </View>
+                        :<></>}
+                        {hedges.length > 0 && hedged_amt > 0 ?
+                        <View nativeID='stake_lozenge' style={{ borderRadius:100, backgroundColor:Colors.highlights.highlight400Faded, padding:5, paddingRight:10, paddingLeft:10 }}>
+                            <Text size={12} weight='semibold' color={Colors.brand.midnight}>HEDGED: {cl}{hedged_amt.toFixed(2)}</Text>
+                        </View>
+                        :<></>}
+                        {player_order_stat.resolved_stake > 0 ?
+                        <View nativeID='stake_lozenge' style={{ borderRadius:100, backgroundColor:Colors.shades.shade100, padding:5, paddingRight:10, paddingLeft:10 }}>
+                            <Text size={12} weight='semibold' color={Colors.brand.midnight}>EARNED: {cl}{player_order_stat.earnings.toFixed(2)}</Text>
+                        </View>
+                        :<></>}
+                    </View>
+                </View>
+                {show_titles && player_order_stat.unique_order_titles ?
+                <View style={{ ...view_styles.section_body, padding:10, borderTopWidth:1, borderColor:Colors.shades.shade600 }}>
+                    <FlatList
+                        data={player_order_stat.unique_order_titles}
+                        renderItem={renderTitles}
+                        keyExtractor={(item) => item}
+                    />
+                </View>
+                :<></>}
+                <View style={{ ...view_styles.section_footer, padding:10 }}>
+                    <TouchableOpacity style={{ flexDirection:'row', flex:2, alignItems:'center' }} onPress={() => setShowTitles(!show_titles)}>
+                        <View style={{ height:30, width:30, borderRadius:100, backgroundColor:Colors.shades.white, justifyContent:'center', alignItems:'center', ...view_styles.float }}>
+                            <Icons.ChevronIcon direction={show_titles ? 'up' : 'down'} size={6} color={Colors.brand.electric} />
+                        </View>
+                        <Text size={14} color={Colors.brand.electric} style={{ marginLeft:5 }}>{show_titles?'Hide':'Show'} Unique Orders</Text>
+                    </TouchableOpacity>
+                    {player_order_stat.open_amt > 0 ?
+                    <Button
+                        title='CANCEL ORDERS'
+                        title_color={Colors.shades.white}
+                        style={{ opacity:action_loading ? 0.5 : 1, flexShrink:1 }}
+                        loading={action_loading}
+                        disabled={action_loading}
+                        backgroundColor={Colors.utility.error}
+                        onPress={async() => {
+                            setConfirmData({
+                                visible: true,
+                                title: 'Are you sure?',
+                                confirm_title:'CANCEL ALL',
+                                cancel_title: 'KEEP ALL',
+                                description: `Press cancel all to clear the remaining $${player_order_stat.open_amt.toFixed(2)} that is open on this event`
+                            });
+                        }}
+                    />
+                    :<></>}
+                    <View style={{ position:'absolute' }}>
+                        <ConfirmationModal
+                            visible={confirm_data.visible}
+                            title={confirm_data.title}
+                            description={confirm_data.description}
+                            confirm_title={confirm_data.confirm_title}
+                            cancel_title={confirm_data.cancel_title}
+                            onCancel={() => setConfirmData({ visible:false })}
+                            onConfirm={() => {
+                                setConfirmData({ visible:false });
+                                handleCancelOrders(player_order_stat.open_orders)
+                            }}
+                        />
+                    </View>
+                </View>
+            </View>
+        </View>
+       
+    )
+}
+
+export default ContestOrderStatsCard