be-components 2.4.7 → 2.4.8

package/src/MarketMaker/index.tsx

@@ -0,0 +1,175 @@
+import React, { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import { MarketMakerApi, MarketMaketHelpers } from './api';
+import type { BestAvailableResponseProps, EventProps, ExternalPriceProps, LeagueProps, MarketProps, MatchProps, OrderProps, TournamentProps, TradeProps } from '../types';
+import { view_styles } from '../constants/styles';
+import Colors from '../constants/colors';
+import ContestSelector from './components/ContestSelector';
+import Dashboard from './components/Dashboard';
+import MarketSelector from './components/MarketSelector';
+
+type MarketMakerProps = {
+    player_id:string
+}
+
+const MarketMaker = ({}:MarketMakerProps) => {
+    const [ module_data, setModuleData ] = useState<{
+        loaded:boolean,
+        loading:boolean,
+        markets:MarketProps[],
+        leagues:LeagueProps[],
+        events:EventProps[],
+        tournaments:TournamentProps[],
+        matches:MatchProps[],
+    }>({
+        loaded: false,
+        loading:false,
+        leagues:[],
+        markets:[],
+        events:[],
+        tournaments:[],
+        matches:[]
+    });
+    const { leagues, events, markets } = module_data;
+
+
+    const [ dash_data, setDashData ] = useState<{
+        loaded:boolean,
+        loading:boolean,
+        best_available:BestAvailableResponseProps,
+        selected_markets:MarketProps[],
+        orders:OrderProps[],
+        selected_events:EventProps[],
+        trades:TradeProps[],
+        external_prices:ExternalPriceProps[],
+        selected_tournaments:TournamentProps[],
+        selected_matches:MatchProps[]
+    }>({
+        loaded:false,
+        loading:false,
+        selected_markets:[],
+        best_available: { events: [], tournaments: [], matches: [] },
+        orders:[],
+        trades:[],
+        external_prices: [],
+        selected_events:[],
+        selected_matches:[],
+        selected_tournaments:[]
+    });
+    const { selected_events, selected_matches, selected_tournaments, selected_markets, trades, external_prices, best_available, orders } = dash_data;
+    const { available_orders } = MarketMaketHelpers.getMarketDataFromBestAvailable(best_available);
+    const selectable_markets = MarketMaketHelpers.getSelectableMarkets(selected_events, selected_tournaments, selected_matches, markets);
+
+    useEffect(() => {
+        MarketMakerApi.setEnvironment();
+        loadModule();
+    },[]);
+
+    const loadModule = async() => {
+        setModuleData({ ...module_data, loading:true });
+        setDashData({ ...dash_data, loading:true });
+
+        const evs = await MarketMakerApi.getActiveEvents();
+        const mks = await MarketMakerApi.getMarkets();
+        const ls = await MarketMakerApi.getLeagues();
+        setModuleData({
+            ...module_data,
+            events:evs,
+            loaded:true,
+            loading:false,
+            markets:mks,
+            leagues:ls,
+        });
+        //Now load Dash data
+        const ba = await MarketMakerApi.getBestAvailableOrders();
+        const my_action = await MarketMakerApi.getMyAction();
+        const my_action_data = await getDataForMyAction(my_action, mks);
+        //Based on my action -- lets auto select events and grab all that data!!
+
+        setDashData({
+            ...dash_data,
+            loaded:true,
+            loading:false,
+            best_available: ba,
+            orders:my_action,
+            selected_events: my_action_data.events,
+            trades: my_action_data.trades,
+            selected_markets: my_action_data.markets
+        })
+    }
+
+    const getDataForMyAction = async(orders:OrderProps[], markets:MarketProps[]) => {
+        const ev_ids = orders.filter(o => o.event_type == 'team').map(o => o.event_id);
+        const mks = markets.filter(m => orders.map(o => o.market_id.toString()).includes(m.market_id.toString()))
+        const evs = await MarketMakerApi.getEventsByEventIds(ev_ids);
+        const ts = await MarketMakerApi.getLatestTradesByEvents('team', ev_ids)
+        return { events:evs, trades:ts, markets:mks }
+    }
+
+    const handleSelectEvent = async(e:EventProps) => {
+        if(dash_data.loading){ return }//No mashy
+        setDashData({ ...dash_data, loading: true });
+        const prices = await MarketMakerApi.getPricesByEvent(e.event_id, 'team');
+        const tds = await MarketMakerApi.getLatestTradesByEvents('team', [e.event_id]);
+        setDashData({
+            ...dash_data,
+            loading:false,
+            selected_events: selected_events.concat(e),
+            trades: trades.filter(t => t.event_id != e.event_id).concat(tds),
+            external_prices: external_prices.filter(p => p.event_id != e.event_id).concat(prices)
+        })
+    }
+
+    const handleDeselectEvent = (e:EventProps) => {
+        if(dash_data.loading){ return }//No mashy
+        setDashData({
+            ...dash_data,
+            loading:false,
+            selected_events: selected_events.filter(se => se.event_id != e.event_id),
+            trades: trades.filter(t => t.event_id != e.event_id)
+        })
+    }
+
+    return (
+        <View style={{ flex:1, backgroundColor:Colors.shades.white }}>
+            <View style={{ ...view_styles.wrapper }}>
+                <View>
+                    <ContestSelector 
+                        maxHeight={300}
+                        leagues={leagues.filter(l => l.status == 'active')}
+                        events={events}
+                        onSelectEvent={(e) => handleSelectEvent(e)}
+                        onDeselectEvent={(e) => handleDeselectEvent(e)}
+                        onSelectMatch={(m) => console.log(m)}
+                        onSelectTournament={(t) => console.log(t)}
+                        tournaments={[]}
+                        matches={[]}
+                        selected_events={selected_events.map(e => e.event_id)}
+                        selected_matches={[]}
+                        selected_tournaments={[]}
+                    />
+                    <MarketSelector
+                        maxHeight={300}
+                        markets={selectable_markets.sort((a,b) => parseInt(a.market_id) - parseInt(b.market_id))}
+                        onSelectMarket={(m) => setDashData({ ...dash_data, selected_markets: dash_data.selected_markets.concat(m) })}
+                        onDeselectMarket={(m) => setDashData({ ...dash_data, selected_markets: dash_data.selected_markets.filter(se => se.market_id != m.market_id) })}
+                        selected_markets={selected_markets.map(m => m.market_id)}
+                    />
+                </View>
+                <Dashboard
+                    loaded={dash_data.loaded}
+                    leagues={leagues}
+                    events={selected_events}
+                    tournaments={selected_tournaments}
+                    matches={selected_matches}
+                    markets={selected_markets}
+                    best_available_orders={available_orders}
+                    trades={trades}
+                    orders={orders}
+                />
+            </View>
+        </View>
+    )
+}
+
+export default MarketMaker

package/src/SocialComponents/api/index.ts

@@ -134,7 +134,6 @@ const SocialComponentApi = {
     startPodcastEpisode: async(podcast_episode_id:string):Promise<undefined | { player_podcast:PlayerPodcastProps, player_podcast_episode:PlayerPodcastEpisodeProps }> => {
         try {
             const resp = await axios.post(`${SOCIAL_SVC_API}/v1/podcasts/episode/start`, { podcast_episode_id });
-            console.log(resp.data)
             return resp.data
         } catch (e) {
             console.log(e)

package/src/index.tsx

@@ -29,7 +29,7 @@ import MarketComponents from './MarketComponents';
 import EventComponents from './EventComponents';
 import Share from './Share';
 import LocationTracker from "./LocationTracker";
-
+import MarketMaker from "./MarketMaker";
 
 export {
   Authenticator,
@@ -54,6 +54,7 @@ export {
   PollCampaign,
   PollCampaignApi,
   PollApi,
+  MarketMaker,
   CompetitionModule,
   SeasonManager,
   CreateCompetitionForm,

package/src/types.d.ts

@@ -1,3 +1,5 @@
+import type { Moment } from "moment-mini";
+
 export interface PublicPlayerProps {
     player_id:string,
     username:string,
@@ -163,6 +165,16 @@ export interface PlayerPodcastProps {
     last_update_datetime:any
 }
 
+export interface SortedContestProps { 
+    league_id?:string, 
+    contest_type: 'team'|'tournament'|'match', 
+    id:string, 
+    title:string, 
+    markets:MarketProps[],
+    time_detail:string, 
+    scheduled_datetime:Moment
+}
+
 export interface PlayerPodcastEpisodeProps {
     player_podcast_episode_id:string,
     player_id:string,