be-components 7.5.3 → 7.5.5

package/src/MarketComponents/components/OrderBook.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { FlatList } from "react-native"
-import type { MarketProps, OrderProps } from '../../types';
+import type { BestAvailableOrderProps, MarketProps, OrderProps } from '../../types';
 import OrderGradeBar from './OrderGradeBar';
 import { Icons } from '../../Components';
 import { MarketComponentHelpers } from '../api';
@@ -12,15 +12,71 @@ type OrderBookCardProps = {
     player_id?:string,
     orders: OrderProps[],
     market: MarketProps,
+    var_1: number,
     show_grades?:boolean,
     show_orders?:boolean,
-    onBuy: (order:OrderProps) => void
+    onBuy: (order:OrderProps) => void,
+    router_orders?: BestAvailableOrderProps[],
+    contest_type?: string | number,
+    contest_id?: string | number
 }
 
-const OrderBookCard = ({ player_id, orders, market, show_orders, show_grades, onBuy }:OrderBookCardProps) => {    
+const OrderBookCard = ({ player_id, orders, market, var_1, show_orders, show_grades, onBuy, router_orders, contest_type, contest_id }:OrderBookCardProps) => {
     const Colors = useColors();
-    const trade_side_orders = orders.filter(o => o.side === market.trade_side).sort((a,b) => a.probability - b.probability).splice(0, 9)
-    const o_side_orders = orders.filter(o => o.side !== market.trade_side).sort((a,b) => a.probability - b.probability).splice(0,9)
+    orders.map(o => console.log(`order ${o.side} ${o.var_1}`))
+    // Merge router_orders into orders
+    const mergedOrders = useMemo(() => {
+        if (!router_orders || router_orders.length === 0) {
+            return orders;
+        }
+
+        // Filter router_orders by contest_type, contest_id, and market_id
+        const filteredRouterOrders = router_orders.filter(order => {
+            const matchesType = order.event_type == contest_type;
+            const matchesId = order.event_id == contest_id;
+            const matchesMarket = order.market_id == market.market_id;
+            return matchesType && matchesId && matchesMarket;
+        });
+        // Convert BestAvailableOrderProps to OrderProps
+        const convertedRouterOrders: OrderProps[] = filteredRouterOrders.map(routerOrder => ({
+            ...routerOrder,
+            order_type: 'limit',
+            collar_pct: 0,
+            be_type: 'market',
+            position_ids: [],
+            h2h: false,
+            market_type:'FOR_MONEY',
+            positions: [],
+            available_for_parlays: false,
+            status: 'approved',
+            resolution_status: 'inprogress',
+            commission_pct: 0
+        }));
+
+        // Merge with existing orders
+        return [...orders, ...convertedRouterOrders];
+    }, [orders, router_orders, contest_type, contest_id, market.market_id]);
+
+    //mergedOrders.map(o => console.log(`${o.var_1} ${o.side}`))
+    // Filter trade side orders to exact var_1
+    const trade_side_orders = mergedOrders
+        .filter(o => o.side == market.trade_side && o.var_1 == var_1)
+        .sort((a,b) => a.probability - b.probability)
+        .splice(0, 9);
+
+    // Filter opposing side orders with spread flip logic
+    const o_side_orders = mergedOrders
+        .filter(o => {
+            if (o.side === market.trade_side) return false;
+            // For spreads, flip the var_1 sign for opposing side
+            if (market.type === 'Spread') {
+                return o.var_1 == (var_1 * -1);
+            }
+            // For non-spreads (totals, etc), use same var_1
+            return o.var_1 == var_1;
+        })
+        .sort((a,b) => a.probability - b.probability)
+        .splice(0, 9)
 
     const handleOrderPress = async(order:OrderProps) => {
         return onBuy({

package/src/MarketComponents/components/OrderBookChart.tsx

@@ -1,12 +1,13 @@
-import React, { useState } from 'react';
+import React, { useState, useMemo } from 'react';
 import { ActivityIndicator, FlatList } from "react-native"
-import type { MarketProps, OrderBookProps } from '../../types';
+import type { BestAvailableOrderProps, BookStatsProps, MarketProps, OrderBookProps } from '../../types';
 import { MarketComponentHelpers } from '../api';
 import { Button, Text, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
 type OrderBookChartProps = {
     order_book:OrderBookProps,
+    router_orders?:BestAvailableOrderProps[],
     onSelectVar1: (var_1:number) => void,
     active_var_1: number,
     market:MarketProps,
@@ -17,23 +18,84 @@ type OrderBookChartProps = {
     home_label?:string
 }
 
-const OrderBookChart = ({ order_book, market, active_var_1, onSelectVar1, away_label, home_label, side_id }:OrderBookChartProps) => {
+const OrderBookChart = ({ order_book, market, active_var_1, onSelectVar1, away_label, home_label, side_id, router_orders }:OrderBookChartProps) => {
     const Colors = useColors();
     const [ loading ] = useState(false)
     const [ expanded, setExpanded ] = useState(false);
     const [ width, setWidth ] = useState(0)
 
+    // Merge router_orders into book_stats
+    const mergedBookStats = useMemo(() => {
+        if (!router_orders || router_orders.length === 0) {
+            return order_book.book_stats;
+        }
+
+        // Filter router_orders by event_type, event_id, and market_id
+        const filteredRouterOrders = router_orders.filter(order =>
+            order.event_type == order_book.event_type &&
+            order.event_id == order_book.event_id &&
+            order.market_id == market.market_id
+        );
+
+        // Convert router_orders to BookStatsProps format and group by side/side_id/var_1
+        const routerStatsMap = new Map<string, BookStatsProps>();
+
+        filteredRouterOrders.forEach(order => {
+            const key = `${order.side}|${order.side_id}|${order.var_1}`;
+            const existing = routerStatsMap.get(key);
+
+            if (existing) {
+                // Increment order count if we already have this combination
+                existing.order_count += 1;
+            } else {
+                // Create new BookStatsProps entry
+                routerStatsMap.set(key, {
+                    side: order.side,
+                    side_id: order.side_id,
+                    var_1: order.var_1,
+                    probability: order.probability,
+                    order_count: 1
+                });
+            }
+        });
+
+        // Merge with existing book_stats
+        const mergedStatsMap = new Map<string, BookStatsProps>();
+
+        // Add existing book_stats
+        order_book.book_stats.forEach(stat => {
+            const key = `${stat.side}|${stat.side_id}|${stat.var_1}`;
+            mergedStatsMap.set(key, { ...stat });
+        });
+
+        // Add or merge router stats
+        routerStatsMap.forEach((routerStat, key) => {
+            const existing = mergedStatsMap.get(key);
+            if (existing) {
+                // Merge: add order counts together
+                existing.order_count += routerStat.order_count;
+                // Use the router probability if available (you can adjust this logic as needed)
+                existing.probability = routerStat.probability;
+            } else {
+                // Add new stat from router_orders
+                mergedStatsMap.set(key, routerStat);
+            }
+        });
+
+        return Array.from(mergedStatsMap.values());
+    }, [order_book.book_stats, order_book.event_type, order_book.event_id, router_orders, market.market_id])
+
     const renderVariableBar = (data: { item: number, index:number }) => {
         const isActive = data.item == active_var_1 ? true :  false
-        let trade_side_stat = order_book.book_stats.find(s => s.side === market.trade_side && s.var_1 == data.item)
-        if(side_id){ trade_side_stat =  order_book.book_stats.find(s => s.side === market.trade_side && s.var_1 == data.item && s.side_id == side_id)}
-        let o_side_stat = order_book.book_stats.find(s => { 
+        let trade_side_stat = mergedBookStats.find(s => s.side === market.trade_side && s.var_1 == data.item)
+        if(side_id){ trade_side_stat =  mergedBookStats.find(s => s.side === market.trade_side && s.var_1 == data.item && s.side_id == side_id)}
+        let o_side_stat = mergedBookStats.find(s => {
             if(s.side !== market.trade_side && market.type === 'Spread' && s.var_1 * -1 == data.item){ return s }
             if(s.side !== market.trade_side && market.type !== 'Spread' && s.var_1 == data.item){ return s }
             return undefined
         })
         if(side_id){
-            o_side_stat = order_book.book_stats.find(s => { 
+            o_side_stat = mergedBookStats.find(s => {
                 if(s.side_id == side_id && s.side !== market.trade_side && market.type === 'Spread' && s.var_1 * -1 == data.item){ return s }
                 if(s.side_id == side_id && s.side !== market.trade_side && market.type !== 'Spread' && s.var_1 == data.item){ return s }
                 return undefined
@@ -95,8 +157,8 @@ const OrderBookChart = ({ order_book, market, active_var_1, onSelectVar1, away_l
             <ActivityIndicator size='small' color={Colors.text.h1} />
         </View>
     ) }
-    
-    let unique_var_1 = [ ...new Set(order_book.book_stats.map(s => {
+
+    let unique_var_1 = [ ...new Set(mergedBookStats.map(s => {
         if(market.type != 'Spread'){ return s.var_1 }
         if(s.side !== market.trade_side){ return s.var_1 * -1 }
         return s.var_1
@@ -105,7 +167,7 @@ const OrderBookChart = ({ order_book, market, active_var_1, onSelectVar1, away_l
     let var_1_options = unique_var_1
 
     if(side_id){
-        unique_var_1 = [ ...new Set(order_book.book_stats.filter(s => s.side_id == side_id).map(s => {
+        unique_var_1 = [ ...new Set(mergedBookStats.filter(s => s.side_id == side_id).map(s => {
         if(market.type !== 'Spread'){ return s.var_1 }
         if(s.side !== market.trade_side){ return s.var_1 * -1 }
         return s.var_1

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

@@ -58,6 +58,7 @@ type TeamEventMarketProps = {
     onShare?:(event:EventProps) => void,
     onPodcastSelect?:(podcast:PodcastProps) => void,
     show_grades?:boolean,
+    highlight_router_orders?:boolean,
     hide_non_primary?:boolean,
     onCompetitionSelect:(competition_id:string) => void,
     onSquaresSelect: (sq_comp_id:string) => void,
@@ -66,7 +67,7 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-const TeamEventMarket = ({ event, show_help, help_location, parlays, hide_non_primary, disabled_markets, flash_markets, 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, onHelpToggle, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, show_help, highlight_router_orders, help_location, parlays, hide_non_primary, disabled_markets, flash_markets, 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, onHelpToggle, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
     const C = useColors();
     const [ market_width, setMarketWidth ] = useState(180);
     const [ guide_response, setGuide ] = useState<{guide_active:boolean, guide?:GuideResponseProps}>({ guide_active:false });
@@ -265,6 +266,7 @@ const TeamEventMarket = ({ event, show_help, help_location, parlays, hide_non_pr
                         market={data.market}
                         trade={trade}
                         order={ba_order}
+                        highlight_router_orders={highlight_router_orders}
                         locked={disabled || data.is_locked}
                         show_grades={show_grades}
                         onLongPress={onTradeLongPress}
@@ -325,6 +327,7 @@ const TeamEventMarket = ({ event, show_help, help_location, parlays, hide_non_pr
                             event_type='team'
                             athlete={athlete}
                             float
+                            highlight_router_orders={highlight_router_orders}
                             disabled_markets={disabled_markets}
                             style={{ flexGrow:1, margin:5 }}
                             direction={hot_markets_direction=='vertical' ? 'horizontal' : 'vertical'}
@@ -350,6 +353,7 @@ const TeamEventMarket = ({ event, show_help, help_location, parlays, hide_non_pr
                             event={event}
                             market={market}
                             float
+                            highlight_router_orders={highlight_router_orders}
                             disabled_markets={disabled_markets}
                             style={{ flexGrow:1, margin:5 }}
                             direction={hot_markets_direction=='vertical' ? 'horizontal' : 'vertical'}

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

@@ -23,6 +23,7 @@ type TeamTournamentMarketProps = {
     show_event?:boolean,
     hide_liquidity?:boolean,
     style?:any,
+    highlight_router_orders?:boolean,
     latest_trades:TradeProps[],
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
@@ -33,7 +34,7 @@ type TeamTournamentMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const TeamTournamentMarket = ({ tournament, image_size, disabled_markets, float, direction, show_event, hide_liquidity, hide_stat_banner, style, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:TeamTournamentMarketProps) => {
+const TeamTournamentMarket = ({ tournament, image_size, highlight_router_orders, disabled_markets, float, direction, show_event, hide_liquidity, hide_stat_banner, style, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:TeamTournamentMarketProps) => {
     const C = useColors();
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
     const is_locked = useMemo(() => MarketComponentHelpers.isTournamentMarketLocked(tournament, market.market_id),[JSON.stringify(tournament.supported_markets)])
@@ -56,6 +57,7 @@ const TeamTournamentMarket = ({ tournament, image_size, disabled_markets, float,
                     trade={trade}
                     locked={is_locked || disabled}
                     show_grades={show_grades}
+                    highlight_router_orders={highlight_router_orders}
                     order={ba_order}
                     onLongPress={onTradeLongPress}
                     onPress={(order) => {

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

@@ -19,6 +19,7 @@ type TournamentMarketProps = {
     markets:MarketProps[],
     hide_liquidity?:boolean,
     width?:number,
+    highlight_router_orders?:boolean,
     style?:any,
     hide_match_liquidity?:boolean,
     show_grades?:boolean,
@@ -46,7 +47,7 @@ type TournamentMarketProps = {
     onOrder:(order:OrderProps) => void
 }
 
-const TournamentMarket = ({ tournament, default_price_view, float, disabled_markets, wrap_markets, width, style, market_selector_location, flash_markets, hide_match_liquidity, show_grades, hide_participant_liquidity, league, markets, latest_trades, hide_liquidity, best_available_orders, event_order_stats, match_available_orders, match_latest_trades, match_order_stats, activate_loading, onView, onTradeLongPress, onViewAdditionalMarkets, onViewMarketStats, onFlashSelect, onOrder, onActivate, onShare }:TournamentMarketProps) => {
+const TournamentMarket = ({ tournament, default_price_view, highlight_router_orders, float, disabled_markets, wrap_markets, width, style, market_selector_location, flash_markets, hide_match_liquidity, show_grades, hide_participant_liquidity, league, markets, latest_trades, hide_liquidity, best_available_orders, event_order_stats, match_available_orders, match_latest_trades, match_order_stats, activate_loading, onView, onTradeLongPress, onViewAdditionalMarkets, onViewMarketStats, onFlashSelect, onOrder, onActivate, onShare }:TournamentMarketProps) => {
     const C = useColors();
     const [ search_value, setSearchValue ] = useState<string | undefined>(undefined);
     const [ tournament_data, setTournamentData ] = useState<{
@@ -164,6 +165,7 @@ const TournamentMarket = ({ tournament, default_price_view, float, disabled_mark
                     style={{ flexGrow:1 }}
                     away_athlete={away_athlete}
                     home_athlete={home_athlete}
+                    highlight_router_orders={highlight_router_orders}
                     away_team={away_team}
                     show_grades={show_grades}
                     width={wrap_markets ? market_width : undefined}
@@ -198,6 +200,7 @@ const TournamentMarket = ({ tournament, default_price_view, float, disabled_mark
                     width={wrap_markets ? market_width : undefined}
                     show_grades={show_grades}
                     float
+                    highlight_router_orders={highlight_router_orders}
                     disabled_markets={disabled_markets}
                     hide_liquidity={hide_participant_liquidity ? true : false}
                     tournament={tournament}
@@ -247,6 +250,7 @@ const TournamentMarket = ({ tournament, default_price_view, float, disabled_mark
                     onTradeLongPress={onTradeLongPress}
                     onView={onView}
                     float
+                    highlight_router_orders={highlight_router_orders}
                     league={league}
                     disabled_markets={disabled_markets}
                     style={{ flexGrow:1 }}

package/src/types.d.ts

@@ -2417,13 +2417,13 @@ export type SquareStateProps = 'no_bid'|'existing_bid'|'bid_draft'|'outbid_draft
 //EVENTS
 export interface BestAvailableOrderProps {
     event_id:string,
-    event_type: string,
+    event_type: OrderProps['event_type'],
     market_id:string,
     player_id:string,
     live?:boolean,
     order_id:string,
     rejections:number,
-    buy_sell_ind:string,
+    buy_sell_ind:OrderProps['buy_sell_ind'],
     grade?:number
     expire_datetime:string,
     title: string,
@@ -2436,7 +2436,7 @@ export interface BestAvailableOrderProps {
     reversed?:boolean,
     og_order?:BestAvailableOrderProps,
     side_id:string,
-    side_type:string,
+    side_type:OrderProps['side_type'],
     var_1:number,
     promoted?:boolean,
     odds: number,
@@ -2577,7 +2577,8 @@ export interface OrderBookProps {
     event_type:string,
     market_id:string,
     updated: string,
-    book_stats: BookStatsProps[]
+    book_stats: BookStatsProps[],
+    router_orders?: BestAvailableOrderProps[]
 }
 export interface BookStatsProps {
     side:string,