be-components 6.1.1 → 6.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

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

package/src/BetMatch/api/index.ts

@@ -1,6 +1,6 @@
 import { APIOverrides } from "../../ApiOverrides";
 import axios from "axios"
-import type { AthleteProps, EventProps, LeagueProps, MarketProps, MatchProps, OrderProps, OrderResponseProps, PlayerFilterProps, PublicPlayerProps, TournamentProps } from "../../types";
+import type { AthleteProps, EventProps, LeagueProps, MarketProps, MatchProps, OrderProps, OrderResponseProps, PlayerFilterProps, PublicPlayerProps, TeamProps, TournamentProps } from "../../types";
 
 let AUTH_SVC_API = ''
 let EVENT_SVC_API = ''
@@ -33,6 +33,14 @@ export const BetMatchApi = {
             return []
         }
     },
+    searchPlayersByValue: async(search_value:string, offset:number):Promise<PublicPlayerProps[]> => {
+        try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/players/player/search/value`, { search_value, offset })
+            return resp.data.players
+        } catch (e) {
+            return []
+        }
+    },
     getPlayerFilterById: async(player_filter_id:string):Promise<PlayerFilterProps | undefined> => {
         try {
             const resp = await axios.get(`${MK_SVC_API}/v1/filters/filter/${player_filter_id}`);
@@ -134,6 +142,22 @@ export const BetMatchApi = {
         }
 
     },
+    searchAthletes: async( search_value:string, offset:number, league_ids?:string[] ):Promise<AthleteProps[]> => {
+        try {
+            const resp = await axios.post(`${EVENT_SVC_API}/v1/athletes/search`, { search_value, offset, league_ids })
+            return resp.data.athletes
+        } catch (e) {
+            return []
+        }
+    },
+    searchTeams: async( search_value:string, offset:number, league_ids?:string[] ):Promise<TeamProps[]> => {
+        try {
+            const resp = await axios.post(`${EVENT_SVC_API}/v1/teams/search`, { search_value, offset, league_ids })
+            return resp.data.teams
+        } catch (e) {
+            return []
+        }
+    },
     getMarkets:async():Promise<MarketProps[]> => {
         try {
             const resp = await axios.get(`${MK_SVC_API}/v1/markets/all`);
@@ -151,4 +175,23 @@ export const BetMatchApi = {
             return []
         }
     },
+}
+
+
+
+export const BetMatchHelpers = {
+    filterMarkets: (markets:MarketProps[], leagues:LeagueProps[], draft_filter?:PlayerFilterProps):MarketProps[] => {
+        if(!draft_filter){ return [] }
+        let filtered_markets = markets.filter(m => draft_filter.filter.market_types == 'event' ? m.type != 'Stat' : m.type == 'Stat');
+        if(draft_filter.filter.league_ids.length > 0){
+            let leagues_added = leagues.filter(l => draft_filter.filter.league_ids.map(id => id.toString()).includes(l.league_id.toString()))
+            let default_markets:string[] = []
+            leagues_added.map(l => { 
+                if(!l.default_markets){ return }
+                l.default_markets.map(dm => default_markets.push(dm.market_id.toString()))
+            })
+            filtered_markets = filtered_markets.filter(m => default_markets.includes(m.market_id.toString()))
+        }
+        return filtered_markets
+    }
 }

package/src/BetMatch/components/BetMatchCard.tsx

@@ -1,33 +1,37 @@
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Button, Text, View } from "../../Components/Themed"
 import { ActivityIndicator, FlatList, Image } from 'react-native';
-import type { AthleteProps, ExternalPriceProps, LeagueProps, OrderProps, PublicPlayerProps, TeamProps } from '../../types';
+import type { AthleteProps, ExternalPriceProps, LeagueProps, MyPlayerProps, OrderProps, PlayerPremiumItem, PremiumItemProps, PublicPlayerProps, TeamProps } from '../../types';
 import moment from 'moment-mini';
 import { AthleteImage, TeamImage } from '../../Components/Jerseys';
 import OrderGradeBar from '../../MarketComponents/components/OrderGradeBar';
 import { MarketComponentApi, MarketComponentHelpers } from '../../MarketComponents/api';
 import { Icons } from '../../Components';
 import { useColors } from '../../constants/useColors';
+import { PremiumHelpers } from '../../Premium/api';
+import ALaCartePremium from '../../Premium/components/ALaCartePremium';
 
 type BetMatchCardProps = {
     player?:PublicPlayerProps,
+    me?:MyPlayerProps,
     contest_title:string,
     time_detail:string,
     league?:LeagueProps,
     team?:TeamProps,
-    show_grades?:boolean,
-    show_external_prices?:boolean,
+    player_premium_items?:PlayerPremiumItem[],
+    premium_items?:PremiumItemProps[]
     athlete?:AthleteProps,
     order:OrderProps,
     action_loading:boolean,
-    onViewPremium?:() => void,
+    onViewPremium?:(premium_item_id?:string) => void,
     onSelectGrade:(order:OrderProps) => void,
     onViewPlayer:(player:PublicPlayerProps) => void,
     onOrder:(order:OrderProps) => void,
     onReject:(order:OrderProps) => void,
+    onPurchasePremium:(ppi:PlayerPremiumItem) => void
 }
 const sections = ['header', 'page', 'offer', 'details','available', 'actions']
-const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices, player, contest_title, league, team, athlete, onViewPlayer, onOrder, onReject }:BetMatchCardProps) => {
+const BetMatchCard = ({ me, premium_items, player_premium_items, order, action_loading, player, contest_title, league, team, athlete, onViewPremium, onViewPlayer, onPurchasePremium, onOrder, onReject }:BetMatchCardProps) => {
     const Colors = useColors();
     const [ betmatch, setBetMatch ] = useState<{
         loading:boolean,
@@ -37,10 +41,15 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
     })
     const { loading, external_price } = betmatch;
 
+    const premium_external_price = PremiumHelpers.getItemFromIdentifer('external_pricing', premium_items, player_premium_items);
+    const premium_order_grades = PremiumHelpers.getItemFromIdentifer('order_grades', premium_items, player_premium_items);
+    const show_external_prices = premium_external_price.player_premium_item?.status == 'active' || me?.type == 'premium' ? true : false
+    const show_grades = premium_order_grades.player_premium_item?.status == 'active' || me?.type == 'premium' ? true : false
+
     useEffect(() => {
         MarketComponentApi.setEnvironment();
         getExternalPrice()
-    },[order.order_id]);
+    },[order.order_id, show_external_prices]);
 
     const getExternalPrice = async() => {
         if(!show_external_prices){ return }
@@ -63,7 +72,7 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
         }, 250);
     }
 
-    const renderSections = (data:{ item:string, index:number }) => {
+    const renderSections = useCallback((data:{ item:string, index:number }) => {
         switch(data.item){
             case 'header':
                 return (
@@ -80,7 +89,7 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
                 )
             case 'offer':
                 return (
-                    <View transparent type='row' style={{ margin:15 }}>
+                    <View transparent type='row' style={{ margin:10 }}>
                         <View float style={{ borderRadius:100, padding:2 }}>
                             {athlete ?
                             <AthleteImage
@@ -109,8 +118,8 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
                 )
             case 'details':
                 return (
-                    <View transparent style={{ margin:15 }}>
-                        <View transparent type='row' style={{ padding:15 }}>
+                    <View transparent style={{ margin:10 }}>
+                        <View transparent type='row' style={{ padding:10 }}>
                             <View transparent style={{ flex:1 }}>
                                 <Text theme='description'>Offer Probability</Text>
                                 <Text theme='h1' size={18} style={{ marginTop:4 }}>{(order.probability * 100).toFixed(2)}%</Text>
@@ -120,7 +129,8 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
                                 <Text theme='h1' size={18} style={{ marginTop:4 }}>{MarketComponentHelpers.getOddsLabel(order.odds)}</Text>
                             </View>
                         </View>
-                        <View transparent type='row' style={{ padding:15 }}>
+                        {show_external_prices ?
+                        <View transparent type='row' style={{ padding:10 }}>
                             <View transparent style={{ flex:1 }}>
                                 <Text theme='description'>External Price</Text>
                                 {loading ?
@@ -131,15 +141,24 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
                                 <Text theme='h1' size={18} style={{ marginTop:4 }}>{external_price ? external_price.external_name: 'Unable to find'}</Text>
                                 }
                             </View>
-                            {show_external_prices ?
                             <View transparent style={{ flex:1 }}>
                                 <Text theme='description'>Suggested Odds</Text>
                                 <Text theme='h1' size={18} style={{ marginTop:4 }}>{external_price ? MarketComponentHelpers.getOddsLabel(external_price.odds): '...'}</Text>
                             </View>
-                            :<></>}
                         </View>
-                        
-                        <View transparent type='row' style={{ padding:15 }}>
+                        :premium_external_price.premium_item ?
+                            <ALaCartePremium
+                                style={{ margin:5 }}
+                                premium_item={premium_external_price.premium_item}
+                                player_premium_item={premium_external_price.player_premium_item}
+                                player={me}
+                                identifier='external_pricing'
+                                onPurchaseItem={onPurchasePremium}
+                                onViewPremium={(id) => onViewPremium ? onViewPremium(id) : console.log('')}
+                            />
+                        :<></>}
+                        {show_grades ?
+                        <View transparent type='row' style={{ padding:10 }}>
                             <View transparent style={{ flex:1 }}>
                                 <Text theme='description'>Offer Grade</Text>
                                 {!order?.grade || !show_grades ?
@@ -157,6 +176,17 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
                             </View>
                             <OrderGradeBar mask={!show_grades} grade={order.grade} view_type='card' onSelectGrade={() => console.log('')}/>
                         </View>
+                        :premium_order_grades.premium_item ?
+                            <ALaCartePremium
+                                style={{ margin:5 }}
+                                premium_item={premium_order_grades.premium_item}
+                                player_premium_item={premium_order_grades.player_premium_item}
+                                player={me}
+                                identifier='order_grades'
+                                onPurchaseItem={onPurchasePremium}
+                                onViewPremium={(id) => onViewPremium ? onViewPremium(id) : console.log('')}
+                            />
+                        :<></>}
                     </View>
                 )
             case 'available':
@@ -176,14 +206,14 @@ const BetMatchCard = ({ order, action_loading, show_grades, show_external_prices
                 )
             default: return <></>
         }
-    }
+    }, [JSON.stringify(external_price), order.order_id])
 
     return (
-        <View float>
-            <View float transparent style={{ marginBottom:30 }}>
+        <View float style={{ flex:1 }}>
+            <View float transparent style={{ marginBottom:30, flex:1 }}>
                 <View float type='footer' style={{ position:'absolute', left:0, right:0, bottom: -30, height:50, margin:0, borderRadius:8 }} />
                 <View float type='footer' style={{ position:'absolute', left:0, right:0, bottom: -15, height:50, margin:-5, borderRadius:8 }} />
-                <View transparent>
+                <View transparent style={{ flex:1 }}>
                     <FlatList
                         data={sections}
                         key={'bet_match_card_sections'}