be-components 6.4.6 → 6.4.7

package/src/Authenticator/Components/StrategyForm.tsx

@@ -36,6 +36,7 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, onFocusPosition, co
     const [ code_details, setCodeDetails ] = useState<{
         player_referral?:PlayerReferralProps,
         promo?:PromoProps,
+        company?:CompanyProps,
         referrer?:PublicPlayerProps
     }>({})
     //const [ active_mini_index, setActiveMiniIndex ] = useState(0);
@@ -181,7 +182,7 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, onFocusPosition, co
                         <Icons.GiftIcon size={40} color={C.text.gold} />
                     </View>
                     <View transparent style={{flex:1, backgroundColor:C.views.gold, padding:10, borderTopRightRadius:8, borderBottomRightRadius:8 }}>
-                        <Text theme='h1'>@{code_details.referrer?.username} has a gift for you</Text>
+                        <Text theme='h1'>@{code_details.company ? code_details.company.company_name : code_details.referrer?.username} has a gift for you</Text>
                         <Text style={{ paddingTop:5 }} theme='h2'>{ProfileHelpers.getReferralDescription(code_details.promo)}</Text>
                     </View>
                 </View>

package/src/Authenticator/api/index.ts

@@ -48,7 +48,7 @@ const AuthenticateApi = {
         let resp = await axios.post(`${AUTH_SVC_API}/v1/players/player/phone/verify`, { token, device_id })
         return resp.data
     }, 
-    getReferralByCode: async(code:string):Promise<{ player_referral?:PlayerReferralProps, promo?:PromoProps, referrer?:PublicPlayerProps }> => {
+    getReferralByCode: async(code:string):Promise<{ player_referral?:PlayerReferralProps, promo?:PromoProps, referrer?:PublicPlayerProps, company?:CompanyProps }> => {
         const resp = await axios.get(`${AUTH_SVC_API}/v1/promos/referral/code/${code}`)
         return resp.data
     },

package/src/Components/AutoScrollFlatList.tsx

@@ -14,6 +14,7 @@ type AutoScrollingFlatListProps<T> = {
   data: T[];
   renderItem: ({ item, index }: { item: T; index: number }) => React.ReactElement;
   horizontal?: boolean;
+  width?:number,
   style?: ViewStyle;
   speed: number; // pixels per second
   minDuration?: number; // milliseconds (optional)
@@ -27,6 +28,7 @@ const AutoScrollingFlatList = <T,>({
   horizontal = false,
   style,
   speed,
+  width,
   minDuration = 0,
   onCompleteScroll,
   resetKey,
@@ -178,7 +180,7 @@ const AutoScrollingFlatList = <T,>({
         {
           overflow: 'hidden', flex:1,
           height: horizontal ? '100%' : windowSize.height,
-          width: horizontal ? windowSize.width : '100%',
+          width: horizontal ? width ?? windowSize.width : '100%',
         },
         style,
       ]}

package/src/Components/Dropdown.tsx

@@ -37,17 +37,17 @@ const DropDown = ({ invalid, errors, read_only, selected_value, dropdown_options
     const renderOptions = (data: { item: string, index:number }) => {
         const last_item = data.index == options.length - 1 ? true : false
         return (
-            <Button style={{ paddingTop:10, paddingBottom:last_item?0:10, borderBottomWidth:last_item?0:1, borderColor:Colors.borders.light }} onPress={() => handleOptionSelect(data.item)}>
+            <Button transparent style={{ paddingTop:10, paddingBottom:last_item?0:10, borderBottomWidth:last_item?0:1, borderColor:Colors.borders.light }} onPress={() => handleOptionSelect(data.item)}>
                 <Text size={14} theme='description'>{data.item}</Text>
             </Button>
         )
     }
 
     return (
-        <View>
-            <View style={{ borderRadius:8, borderWidth:1, borderColor:invalid?Colors.text.error:Colors.borders.light }}>
-                <Button disabled={read_only} style={{ flexDirection:'row', alignItems:'center', padding:10 }} onPress={() => setExpanded(!expanded)}>
-                    <Text style={{ flex:1 }} size={14} theme='h2'>{selected_value && selected_value != '' ? selected_value : 'Select Value'}</Text>
+        <View transparent>
+            <View float style={{ borderRadius:8, borderWidth:1, borderColor:invalid?Colors.text.error:Colors.borders.light }}>
+                <Button transparent disabled={read_only} style={{ flexDirection:'row', alignItems:'center', padding:10 }} onPress={() => setExpanded(!expanded)}>
+                    <Text style={{ flex:1, marginRight:6 }} size={14} theme='h2'>{selected_value && selected_value != '' ? selected_value : 'Select Value'}</Text>
                     {!read_only ?
                     <Icons.ChevronIcon
                         direction={expanded?'up':'down'}
@@ -57,7 +57,7 @@ const DropDown = ({ invalid, errors, read_only, selected_value, dropdown_options
                     :<></>}
                 </Button>
                 {expanded ?
-                <View style={{padding:10 }}>
+                <View transparent style={{padding:10 }}>
                     <FlatList
                         data={options}
                         renderItem={renderOptions}

package/src/FlashMarket/FlashHolder.tsx

@@ -16,6 +16,7 @@ type FlashHolderProps = {
     distinct_id?:string,
     compact?:boolean,
     player?:MyPlayerProps,
+    company_id?:string,
     init_expanded?:boolean,
     contest_type?:string,
     parent_style?:ViewStyle,
@@ -35,7 +36,7 @@ type FlashHolderProps = {
     onRequestAuthenticate: () => void
 }
 const sections = [ 'selector','explainer','flash_market','options','footer' ]
-const FlashHolder = ({ float, compact, style, hide_timer, distinct_id, hide_footer, no_highlight, hide_tabs, parent_style, league_id, init_expanded, player_id, player, location, contest_type, contest_id, side_type, side_id, poll_id, onSelectCompactPoll, onRequestAuthenticate, onFocusPosition, onRequestLocation } : FlashHolderProps) => {
+const FlashHolder = ({ float, company_id, compact, style, hide_timer, distinct_id, hide_footer, no_highlight, hide_tabs, parent_style, league_id, init_expanded, player_id, player, location, contest_type, contest_id, side_type, side_id, poll_id, onSelectCompactPoll, onRequestAuthenticate, onFocusPosition, onRequestLocation } : FlashHolderProps) => {
     const Colors = useColors();
     const [ needs_reload, setNeedsReload ] = useState(false);
     const [ socket_campaigns, setSocketCampaigns ] = useState<PollCampaignProps[]>([]);
@@ -153,8 +154,11 @@ const FlashHolder = ({ float, compact, style, hide_timer, distinct_id, hide_foot
             setFlashData({ ...flash_data, loaded:true, holder_loading: false });
             return handleSelectPoll(poll_id, options);
         }
+
         let found_polls:PollProps[] = []
-        if(league_id || contest_type || contest_id || side_type || side_id){
+        if(company_id){
+            found_polls = await FlashMarketApi.getActiveMarkets(company_id);
+        } else 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 {
             found_polls = await FlashMarketApi.getActiveFlashMarkets();

package/src/FlashMarket/api/index.ts

@@ -38,6 +38,14 @@ const FlashMarketApi = {
             return []
         }
     },
+    getActiveMarkets: async(company_id?:string):Promise<PollProps[]> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v2/pm/active?company_id=${company_id}`);
+            return resp.data.polls
+        } catch (e) {
+            return []
+        }
+    },
     getActiveLinkedFlashMarkets: async(league_id?:string, contest_type?:string, contest_id?:string, side_type?:string, side_id?:string):Promise<PollProps[]> => {
         try {
             const resp = await axios.get(`${AUTH_SVC_API}/v2/pm/flash/linked?league_id=${league_id}&contest_type=${contest_type}&contest_id=${contest_id}&side_type=${side_type}&side_id=${side_id}`);

package/src/MarketComponents/api/index.ts

@@ -202,6 +202,14 @@ const MarketComponentApi = {
             return []
         }
     },
+    getEventsByDate: async(league_id:string, date:string, timezone?:string):Promise<{day:string, days:string[], events:EventProps[]}> => {
+        try {
+            const resp = await axios.get(`${EVENT_SVC_API}/v1/events/league/date/${league_id}/${date}?timezone=${timezone}`);
+            return resp.data
+        } catch (e) {
+            return { day: date, days:[], events: [] }
+        }
+    },
     getMatchesByMatchIds: async(match_ids:string[]):Promise<MatchProps[]> => {
         try {
             if(match_ids.length == 0){ return [] }

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

@@ -21,6 +21,7 @@ type AthleteMarketProps = {
     float?:boolean,
     direction?:'horizontal'|'vertical',
     style?:any,
+    image_size?:number,
     league?:LeagueProps,
     hide_image?:boolean,
     show_event?:boolean,
@@ -35,7 +36,7 @@ type AthleteMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const AthleteMarket = ({ event, show_event, disabled_markets, float, hide_image, direction, league, hide_liquidity, style, hide_stat_banner, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress, onSetMarket }:AthleteMarketProps) => {
+const AthleteMarket = ({ event, show_event, disabled_markets, float, image_size, hide_image, direction, league, hide_liquidity, style, hide_stat_banner, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress, onSetMarket }:AthleteMarketProps) => {
     const C = useColors();
 
     const { liquidity, open_order_count } = useMemo(() => MarketComponentHelpers.getLiqudity(event_order_stats), [JSON.stringify(event_order_stats)])
@@ -52,7 +53,7 @@ const AthleteMarket = ({ event, show_event, disabled_markets, float, hide_image,
         let disabled = false
         if(disabled_markets && disabled_markets.includes(data.market.market_id.toString())){ disabled = true }
         return (
-            <View key={`${event.event_id}_${athlete.athlete_id}_${market.market_id}_${data.item.side}`} style={{ margin:2, height:50, width:75 }}>
+            <View key={`${event.event_id}_${athlete.athlete_id}_${market.market_id}_${data.item.side}`} style={{ margin:2, height:50, minWidth:65, flexGrow:1 }}>
                 <MarketButton
                     side_option={data.item}
                     market={data.market}
@@ -92,7 +93,7 @@ const AthleteMarket = ({ event, show_event, disabled_markets, float, hide_image,
                     <AthleteImage
                         athlete={athlete}
                         league={league}
-                        size={direction == 'horizontal' ? 60 : 60}
+                        size={image_size ?? 50}
                         number_size={12}
                     />
                     :<></>}

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

@@ -252,7 +252,7 @@ const TeamEventMarket = ({ event, parlays, hide_non_primary, disabled_markets, f
         let disabled = false
         if(disabled_markets && disabled_markets.includes(data.market.market_id.toString())){ disabled = true }
         return (
-            <View transparent key={`${event.event_id}_${data.item.side}`} style={{ width:primary_width }}>
+            <View transparent key={`${event.event_id}_${data.item.side}`} style={{ minWidth:primary_width }}>
                 <View transparent style={{ height:50, margin:2 }}>
                     <MarketButton
                         side_option={data.item}
@@ -598,7 +598,7 @@ const TeamEventMarket = ({ event, parlays, hide_non_primary, disabled_markets, f
                 {event_status == 'active' ?
                 <View transparent nativeID='primary_market_details' style={{ padding:5, flex:1 }} onLayout={(ev) => {
                     const { width } = ev.nativeEvent.layout
-                    setMarketWidth(width-5);
+                    setMarketWidth(width);
                 }}>
                     <View transparent style={{ marginTop:5, marginBottom:5 }}>
                         <FlatList

package/src/ProfileManager/api/index.ts

@@ -66,8 +66,13 @@ const ProfileApi = {
         return resp.data.player
     },
     getMyDetails : async():Promise<{ player:MyPlayerProps, player_premium_items:PlayerPremiumItem[] }> => {
-        const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
-        return resp.data
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
+            return resp.data   
+        } catch (e) {
+            console.log(e)
+            throw new Error('')
+        }
     },
     getPremiumItems: async():Promise<PremiumItemProps[]> => {
         try {