be-components 5.7.6 → 5.7.7

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

@@ -145,7 +145,7 @@ declare const _default: {
         away_label?: string;
         home_label?: string;
     }) => import("react").JSX.Element;
-    AthleteTournamentMarket: import("react").MemoExoticComponent<({ tournament, float, style, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
+    AthleteTournamentMarket: import("react").MemoExoticComponent<({ tournament, league, float, style, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, 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";
         athlete: import("../types").AthleteProps;
@@ -156,6 +156,7 @@ declare const _default: {
         hide_image?: boolean;
         style?: any;
         show_event?: boolean;
+        league?: import("../types").LeagueProps;
         direction?: "horizontal" | "vertical";
         hide_liquidity?: boolean;
         latest_trades: import("../types").TradeProps[];

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":";;;;;;;;;;;;;;;;;;;;;;qBAgC2oB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAf5oB,CAAC;qBACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAcse,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBARnf,CAAC;qBACX,CAAC;;;;;;;;;;;;;AATZ,wBAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;qBAgC2oB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAf5oB,CAAC;qBACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAcse,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBARnf,CAAC;qBACX,CAAC;;;;;;;;;;;;;AATZ,wBAgBC"}

package/package.json

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

package/src/Competition/components/AthleteMarketCard.tsx

@@ -70,7 +70,7 @@ const AthleteMarketCard = ({  markets, competition_type, event, athlete, mode, l
                 
                 <View transparent nativeID="event_details" style={{ flexGrow:1, flexDirection:orientation=='horizontal'?'row':'column', alignItems:'center' }}>
                     <View transparent nativeID="athlete_image" style={{ flexGrow:1 }}>
-                        <AthleteImage athlete={athlete} size={38} number_size={10}/>
+                        <AthleteImage athlete={athlete} size={48} number_size={10}/>
                     </View>
                     <View transparent>
                         <Text size={16} theme='h1' textAlign="center">{athlete.first_name} {athlete.last_name}</Text>

package/src/Competition/components/MatchMarketCard.tsx

@@ -80,12 +80,12 @@ const MatchMarketCard = ({ match, home_athlete, away_athlete, competition_type,
                 {match.participant_type == 'athlete' ?
                 <View transparent nativeID="event_details" style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
                     <View transparent nativeID="away_athlete" style={{ flex:1 }}>
-                        <AthleteImage size={24} athlete={away_athlete}/>
+                        <AthleteImage size={48} athlete={away_athlete}/>
                         <Text style={{ padding:10 }} size={14} theme='h1' textAlign="center">{away_athlete.first_name} {away_athlete.last_name}</Text>
                     </View>
                     <Text size={14} theme='h1' style={{ padding:20 }} weight='bold'>VS</Text>
                     <View transparent nativeID="away_athlete" style={{ flex:1 }}>
-                        <AthleteImage size={24} athlete={home_athlete}/>
+                        <AthleteImage size={48} athlete={home_athlete}/>
                         <Text style={{ padding:10 }} size={14} theme='h1' weight='bold' textAlign="center">{home_athlete.first_name} {home_athlete.last_name}</Text>
                     </View>
                 </View>

package/src/Components/Jerseys.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import { View, Image as RN_Image } from 'react-native';
+import { Image as RN_Image } from 'react-native';
 import type { AthleteProps, LeagueProps, TeamProps } from "../types"
 import Colors from '../constants/colors';
 import Text from './Text';
 import Svg, { G, Defs, Path, Polygon, Pattern, Image, Line, Rect} from 'react-native-svg';
+import { View } from './Themed';
 
 type AthleteImageProps = {
     athlete:AthleteProps
@@ -35,23 +36,23 @@ const AthleteImage = ({ athlete, size, number_size, league }:AthleteImageProps)
             case 'NBA':
                 return <NBAJersey size={size} jersey_fill={athlete.team?.primary_color ?? Colors.brand.midnight} stripe_fill={athlete.team?.secondary_color ?? Colors.brand.mint} />
             case 'HORSE':
-                return <Horse />    
+                return <Horse size={size}/>    
             default:
                 return <NFLJersey size={size} jersey_fill={athlete.team?.primary_color ?? Colors.brand.midnight} stripe_fill={athlete.team?.secondary_color ?? Colors.brand.mint}/>
         }
     } 
 
     return (
-        <View style={{ alignSelf:'center', justifyContent:'center', alignItems:'center', height:athlete_image?undefined:size*2, width:athlete_image?undefined:size*2, borderRadius:100, backgroundColor:Colors.shades.white }}>
+        <View float style={{ alignSelf:'center', justifyContent:'center', alignItems:'center', padding:5, height:size+4, width:size+4, borderRadius:100 }}>
             {athlete_image ?
-            <RN_Image source={{ uri: athlete_image }} style={{ height:size*2, width:size*2, borderRadius:100 }} resizeMode='center'/>
+            <RN_Image source={{ uri: athlete_image }} style={{ height:size, width:size, borderRadius:100 }} resizeMode='center'/>
             :
-            <View>
+            <View transparent>
                 {getAthleteImage()}
             </View>
             }
             {!athlete_image && (athlete.jersey_number || athlete.jersey_number == 0) ?
-            <View style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+            <View transparent style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
                 <Text weight='bold' size={number_size ?? 18} color={Colors.shades.white}>{athlete.jersey_number}</Text>
             </View>
             :<></>}
@@ -185,9 +186,12 @@ const PGAJersey = ({ size }:{size?:number}) => {
 }
 
 
-const Horse = () => {
+const Horse = ({ size }:{size?:number}) => {
+    const ratio = 0.574
+    const width = size ?? 35
+    const height = width * ratio
     return (
-        <Svg width="47px" height="27px" viewBox="0 0 47 27">
+        <Svg width={`${width}px`} height={`${height}px`} viewBox="0 0 47 27">
         <G id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
             <G id="Horse" transform="translate(1.000000, 1.000000)">
                 <Path d="M4,18.5 L4,10.5 L12.5,10 L12.5,18.5 C12.5,18.8333 12.4,19 12,19 L5,19 C4.2,19 4,18.8333 4,18.5 Z" id="Path" fill="#C4C4C4" fillRule="nonzero"></Path>

package/src/GolfScoreboard/components/LeaderBetSelector.tsx

@@ -165,7 +165,7 @@ const LeaderBetSelector = ({ athlete, golf_leader, golf_statistics, prior_year,
                 <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
                     <AthleteImage
                         athlete={athlete}
-                        size={16}
+                        size={32}
                     />
                     <View transparent style={{ flex:1, marginLeft:10 }}>
                         <Text theme='h1'>{athlete.first_name} {athlete.last_name}</Text>

package/src/GolfScoreboard/components/LeaderBetsList.tsx

@@ -99,7 +99,7 @@ const LeaderBetsList = ({ golf_leader, athlete, orders, markets, max_height, act
                     <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
                     <AthleteImage
                         athlete={athlete}
-                        size={16}
+                        size={32}
                     />
                     <View transparent style={{ flex:1, marginLeft:10 }}>
                         <Text theme='h1'>{athlete.first_name} {athlete.last_name}</Text>

package/src/GolfScoreboard/index.tsx

@@ -174,7 +174,7 @@ const GolfScoreboard = ({ player_id, my_orders, tournament_id, markets, best_ava
                         <AthleteImage
                             athlete={athlete}
                             league={league}
-                            size={24}
+                            size={48}
                         />
                     </View>
                     <View transparent style={{ flex:1, marginLeft:5 }}>
@@ -228,7 +228,7 @@ const GolfScoreboard = ({ player_id, my_orders, tournament_id, markets, best_ava
                     <AthleteImage
                         athlete={athlete}
                         league={league}
-                        size={24}
+                        size={48}
                     />
                 </View>
                 <View transparent style={{ flex:1, marginLeft:10 }}>
@@ -273,7 +273,7 @@ const GolfScoreboard = ({ player_id, my_orders, tournament_id, markets, best_ava
                 <View transparent style={{ padding:10, flex:1 }}>
                     <AthleteImage
                         athlete={athlete}
-                        size={24}
+                        size={48}
                     />
                     <Text style={{ marginTop:5 }} theme='h2' textAlign='center'>{athlete.first_name} {athlete.last_name}</Text>
                 </View>

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

@@ -89,7 +89,7 @@ const AthleteMarket = ({ event, show_event, float, hide_image, direction, league
                     <AthleteImage
                         athlete={athlete}
                         league={league}
-                        size={direction == 'horizontal' ? 25 : 40}
+                        size={direction == 'horizontal' ? 60 : 60}
                         number_size={12}
                     />
                     :<></>}

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, MarketProps, MarketSideOptionProps, OrderProps, TournamentProps, TradeProps } from "../../../types"
+import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, TournamentProps, TradeProps } from "../../../types"
 import MarketButton from '../MarketButton';
 import { Icons, LinearDiagnal } from '../../../Components';
 import { MarketButtonHelpers } from '../MarketButton/api';
@@ -19,6 +19,7 @@ type AthleteTournamentMarketProps = {
     hide_image?:boolean,
     style?:any,
     show_event?:boolean,
+    league?:LeagueProps,
     direction?:'horizontal'|'vertical',
     hide_liquidity?:boolean,
     latest_trades:TradeProps[],
@@ -31,7 +32,7 @@ type AthleteTournamentMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const AthleteTournamentMarket = ({ tournament, float, style, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteTournamentMarketProps) => {
+const AthleteTournamentMarket = ({ tournament, league, float, style, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteTournamentMarketProps) => {
     const C = useColors();
     const { liquidity, open_order_count } = useMemo(() => MarketComponentHelpers.getLiqudity(event_order_stats),[JSON.stringify(event_order_stats)]);
     const is_locked = useMemo(() => MarketComponentHelpers.isTournamentMarketLocked(tournament, market.market_id),[JSON.stringify(tournament.supported_markets)])
@@ -82,11 +83,12 @@ const AthleteTournamentMarket = ({ tournament, float, style, hide_image, directi
             :<></>}
             <View transparent style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column', flexGrow:1 }}>
 
-            <View transparent style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column', flexGrow:1, padding:0, justifyContent:'center', alignItems:'center' }}>
+            <View transparent style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column', flexGrow:1, padding:2, justifyContent:'center', alignItems:'center' }}>
                 {!hide_image ?
                 <AthleteImage
                     athlete={athlete}
-                    size={35}
+                    league={league}
+                    size={50}
                     number_size={12}
                 />
                 :<></>}

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

@@ -41,7 +41,7 @@ const MatchMarket = ({ league, match, tournament, float, show_event, hide_image,
     const { liquidity, open_order_count } = useMemo(() => MarketComponentHelpers.getLiqudity(event_order_stats), [JSON.stringify(event_order_stats)])
     const is_locked = useMemo(() => MarketComponentHelpers.isMatchMarketLocked(match, market.market_id),[JSON.stringify(match.supported_markets)])
     const match_time_detail = MarketComponentHelpers.getMatchTimeDetail(match);
-    let image_size = image_size_override ?? 28
+    let image_size = image_size_override ?? 40
     if(!image_size_override && width){ image_size = width * 0.18 }
 
     const getSideLabel = (side:string) => {

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

@@ -217,6 +217,7 @@ const TournamentMarket = ({ tournament, float, wrap_markets, width, style, marke
                     onTradeLongPress={onTradeLongPress}
                     onView={onView}
                     float
+                    league={league}
                     style={{ flexGrow:1 }}
                     show_grades={show_grades}
                     hide_liquidity={hide_participant_liquidity ? true : false}

package/src/SocialComponents/SocialOrderCard.tsx

@@ -96,7 +96,7 @@ const SocialOrderCard = ({ player, show_player, hide_contest, maxWidth, league,
                     :athlete ?
                     <AthleteImage
                         athlete={athlete}
-                        size={16}
+                        size={32}
                     />
                     :<></>}
                     <View transparent style={{ flex:1, marginLeft:10, marginRight:10 }}>

package/src/Ticker/index.tsx

@@ -162,7 +162,7 @@ const Ticker = ({ league_ids, color_mode, distinct_id, onOrders }:TickerProps) =
                     <AthleteImage
                         league={data.league}
                         athlete={athlete}
-                        size={20}
+                        size={32}
                     />
                 </View>