be-components 6.0.8 → 6.1.0

package/src/Components/Icons.tsx

@@ -1534,6 +1534,22 @@ const GolferIcon = ({ color, size }:IconProps) => {
     )
 }
 
+const LocationIcon = ({ color, size }:IconProps) => {
+    const ratio = 0.833
+    const height = size ?? 18
+    const width = height * ratio
+
+    return (
+        <Svg width={`${width}px`} height={`${height}px`} viewBox="0 0 34 40">
+            <G id="app-icons" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+                <G id="location-1-svgrepo-com" fill={color ?? Colors.brand.midnight}>
+                    <Path d="M17.2995556,35.5411111 C17.0148889,35.75 16.7495556,35.9395556 16.5071111,36.1095556 C16.2484444,35.938 15.9615556,35.7406667 15.6504444,35.5182222 C14.1835556,34.4686667 12.2811111,32.928 10.4075111,31.0064444 C6.56448889,27.0648889 3.33333333,22.0335556 3.33333333,16.6666667 C3.33333333,9.30286667 9.30286667,3.33333333 16.6666667,3.33333333 C24.0304444,3.33333333 30,9.30286667 30,16.6666667 C30,21.976 26.6264444,26.9928889 22.6428889,30.9762222 C20.7102222,32.9091111 18.7653333,34.4664444 17.2995556,35.5411111 Z M33.3333333,16.6666667 C33.3333333,20.0320028 32.2715689,23.184986 30.6840192,26.0184205 C25.9817575,34.4109455 16.6666667,40 16.6666667,40 C15.8333333,40 0,30 0,16.6666667 C0,7.46191111 7.46191111,0 16.6666667,0 C25.8713333,0 33.3333333,7.46191111 33.3333333,16.6666667 Z M20,16.6666667 C20,18.5075556 18.5075556,20 16.6666667,20 C14.8257778,20 13.3333333,18.5075556 13.3333333,16.6666667 C13.3333333,14.8257111 14.8257778,13.3333333 16.6666667,13.3333333 C18.5075556,13.3333333 20,14.8257111 20,16.6666667 Z M23.3333333,16.6666667 C23.3333333,20.3486667 20.3486667,23.3333333 16.6666667,23.3333333 C12.9846667,23.3333333 10,20.3486667 10,16.6666667 C10,12.9847778 12.9846667,10 16.6666667,10 C20.3486667,10 23.3333333,12.9847778 23.3333333,16.6666667 Z" id="Shape"></Path>
+                </G>
+            </G>
+        </Svg>
+    )
+}
+
 export default {
     SearchIcon,
     LiquidityIcon,
@@ -1542,6 +1558,7 @@ export default {
     //BetScopeSuccessIcon,
     AlertIcon,
     GolferIcon,
+    LocationIcon,
     GIFIcon,
     QuestionIcon,
     BarstoolIcon,

package/src/Components/index.tsx

@@ -9,10 +9,13 @@ import Switch from './Switch';
 import ConfirmationModal from './ConfirmationModal';
 import Toggle from './Toggle';
 import ProgressBar from './ProgressBar';
+import AutoScrollingFlatList from './AutoScrollFlatList';
+
 export {
     Button,
     Text,
     Spring,
+    AutoScrollingFlatList,
     Switch,
     TextInput,
     ProgressBar,

package/src/FlashMarket/FlashHolder.tsx

@@ -17,6 +17,7 @@ type FlashHolderProps = {
     player?:MyPlayerProps
     contest_type?:string,
     contest_id?:string,
+    hide_tabs?:boolean,
     side_type?:string,
     location?:LocationProps,
     side_id?:string,
@@ -26,7 +27,7 @@ type FlashHolderProps = {
     onRequestAuthenticate: () => void
 }
 const sections = [ 'selector','explainer','flash_market','options','footer' ]
-const FlashHolder = ({ float, distinct_id, league_id, player_id, player, location, contest_type, contest_id, side_type, side_id, poll_id, onRequestAuthenticate, onFocusPosition, onRequestLocation } : FlashHolderProps) => {
+const FlashHolder = ({ float, distinct_id, hide_tabs, league_id, player_id, player, location, contest_type, contest_id, side_type, side_id, poll_id, onRequestAuthenticate, onFocusPosition, onRequestLocation } : FlashHolderProps) => {
     const Colors = useColors();
     const [ needs_reload, setNeedsReload ] = useState(false);
     const [ socket_campaigns, setSocketCampaigns ] = useState<PollCampaignProps[]>([]);
@@ -136,13 +137,13 @@ const FlashHolder = ({ float, distinct_id, league_id, player_id, player, locatio
 
     const loadData = async(options?:{ reload:boolean }) => {
         FlashMarketApi.setEnvironment();
+        setFlashData({ ...flash_data, holder_loading: true });
         if(poll_id){ 
             //need to grab the poll
-            setFlashData({ ...flash_data, loaded:true });
+            setFlashData({ ...flash_data, loaded:true, holder_loading: false });
             return handleSelectPoll(poll_id, options);
         }
         let found_polls:PollProps[] = []
-        setFlashData({ ...flash_data, holder_loading:true });
         if(league_id || contest_type || contest_id || side_type || side_id){
             found_polls = await FlashMarketApi.getActiveLinkedFlashMarkets(league_id, contest_type, contest_id, side_type, side_id);
         } else {
@@ -212,6 +213,7 @@ const FlashHolder = ({ float, distinct_id, league_id, player_id, player, locatio
     const renderSections = (data:{item:string, index:number}) => {
         switch(data.item){
             case 'selector':
+                if(hide_tabs){ return <></> }
                 return (
                     <View transparent style={{ flexDirection:'row' }}>
                         <View transparent style={{ flex:1 }}>
@@ -242,6 +244,7 @@ const FlashHolder = ({ float, distinct_id, league_id, player_id, player, locatio
                 )
             case 'explainer':
                 if(active_flash_market){ return <></> }
+                if(hide_tabs){ return <></> }
                 return (
                     <View transparent style={{ padding:10, borderTopWidth:1, borderColor:Colors.borders.light }}>
                         <Text theme='h2'>Select a tab above to view the market</Text>
@@ -260,7 +263,7 @@ const FlashHolder = ({ float, distinct_id, league_id, player_id, player, locatio
                             poll_summaries={poll_summaries}
                             poll_campaign={poll_campaign}
                             flash_market_fees={flash_market_fees}
-                            loading={loading}
+                            loading={loading || holder_loading}
                             hide_image
                             card_style={{ borderWidth:2, borderColor:Colors.text.success, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}
                             init_expanded
@@ -277,7 +280,7 @@ const FlashHolder = ({ float, distinct_id, league_id, player_id, player, locatio
         }
     }
     return (
-        <View float={float} style={{ margin:flash_markets.length > 0 ? 10 : undefined }}>
+        <View float={float}>
             {flash_markets.length > 0 || active_flash_market ?
             <FlatList
                 key={'flash_sections'}

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

@@ -8,7 +8,10 @@ export const MyOrdersHelpers = {
         let event_ids = [ ...new Set(orders.filter(o => o.event_type == 'team').map(o => o.event_id))]
         let tournament_ids = [ ...new Set(orders.filter(o => o.event_type == 'tournament').map(o => o.event_id))]
         let match_ids = [ ...new Set(orders.filter(o => o.event_type == 'match').map(o => o.event_id))]
-        return { event_ids, tournament_ids, match_ids }
+        let athlete_ids = [ ...new Set(orders.filter(o => o.side_type == 'athlete').map(o => o.side_id))]
+        let team_ids = [ ...new Set(orders.filter(o => o.side_type == 'team').map(o => o.side_id)) ]
+        let player_ids = [ ...new Set(orders.map(o => o.player_id)) ]
+        return { event_ids, tournament_ids, match_ids, athlete_ids, team_ids, player_ids }
     },
     getHedgesFromPositions: (orders:OrderProps[], markets:MarketProps[]):HedgeProps[] => {
         //1) Set up arrays to store hedges

package/src/MarketComponents/components/OrderGradeBar.tsx

@@ -17,13 +17,14 @@ type GradeBoxType = {
 
 type OrderGradeBarProps = {
     mask?:boolean,
+    style?:any,
     grade?: number,
     view_type: 'card'|'book'|'market',
     onSelectGrade?:() => void
 }
 
 //OrderGradeBar React Component
-const OrderGradeBar = ({ grade, view_type, mask, onSelectGrade }:OrderGradeBarProps ) => {
+const OrderGradeBar = ({ grade, view_type, style, mask, onSelectGrade }:OrderGradeBarProps ) => {
     const Colors = useColors();
 
     //Stage the boxes and set the min / max and colors
@@ -97,7 +98,7 @@ const OrderGradeBar = ({ grade, view_type, mask, onSelectGrade }:OrderGradeBarPr
     }
 
     return (
-        <View transparent>
+        <View transparent style={{ ...style }}>
             <Button style={{ padding:0 }} transparent disabled={onSelectGrade ? false : true} onPress={() => onSelectGrade ? onSelectGrade() : console.log('')}>
                 {view_type === 'card' ?
                 <FlatList style={{ alignSelf:'center' }} horizontal data={grade_boxes} renderItem={renderGradeBoxes} keyExtractor={(item) => item.min.toString()} />

package/src/index.tsx

@@ -50,6 +50,8 @@ import GolfScoreboard from './GolfScoreboard';
 import FlashMarket from './FlashMarket';
 import FlashHolder from './FlashMarket/FlashHolder';
 import BEPostHog from './PostHog';
+import BetMatch from './BetMatch';
+
 
 
 export {
@@ -57,6 +59,7 @@ export {
   Observer,
   BEEventApi,
   BELinkApi,
+  BetMatch,
   Ticker,
   LeaderboardCard,
   LocationTracker,

package/src/types.d.ts

@@ -2133,6 +2133,42 @@ export interface EventOrderStatProps {
     market_type: string;
 }
 
+
+export interface PlayerFilterProps {
+    player_filter_id:string,
+    player_id:string,
+    pinned:boolean,
+    name: string
+    premium?:boolean,
+    filter: OrderFilterProps,
+    status:'active'|'inactive'|'deleted',
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+
+export interface OrderFilterProps {
+    market_type: 'FOR_MONEY'|'FREE'
+    order_id?:string, //If populated, then this overrides all other options
+    following_only:boolean,
+    custom_players?:boolean,
+    market_level?:string,
+    external_book?:string,
+    event_id?:string,
+    market_types?:string,
+    team_ids:string[],
+    minimum_grade:number,
+    athlete_ids:string[],
+    event_type?:'team'|'tournament'|'match',
+    market_ids:string[],
+    league_ids:string[],
+    live_only:boolean,
+    player_ids:string[],
+    location?:any,
+    location_range_miles?:number,
+    region?:string
+}
+
 export type EventNameTypes = 'generated_link' |'incoming_user' |'identify_user' |'visibility_on' |'visibility_off'|
 'page_hit'|'sign_up'|'game_view'|'game_join'|'game_result'|'order_create'|'order_result'|'vouch_start'|'vouch_attempt'|
 'account_add_start'|'account_add_result'|'transaction_attempt'|'transaction_result'|'message_support'|'room_view'|'view_social'|