be-components 6.3.3 → 6.3.5

package/src/Campaign/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { FlatList, Image, ImageBackground, useWindowDimensions } from "react-native"
+import { ActivityIndicator, FlatList, Image, ImageBackground, useWindowDimensions } from "react-native"
 import { Button, Text, View } from '../Components/Themed';
 import type { AthleteProps, CampaignParticipantProps, CampaignProps, CompanyProps, CompetitionProps, EventProps, LeagueProps, MarketProps, MatchProps, OrderAnalyticsProps, OrderProps, PollCampaignProps, PollOptionProps, PollProps, PublicPlayerProps, TeamProps, TournamentProps } from '../types';
 import { CampaignApi, CampaignHelpers } from '../Campaign/api';
@@ -107,7 +107,7 @@ const Campaign = ({ player_id, campaign_id, insets, color_mode, mode, distinct_i
         players:[],
         teams:[]
     });
-    const  { orders, events, tournaments, flash_options, sponsors, athletes, competitions, flash_markets, poll_campaigns, campaign, participant_page, action_page, leagues, campaign_participants, players, teams, } = embed_state;
+    const  { loading, orders, events, tournaments, flash_options, sponsors, athletes, competitions, flash_markets, poll_campaigns, campaign, participant_page, action_page, leagues, campaign_participants, players, teams, } = embed_state;
     //const visible_orders = orders.sort((a,b) => moment(b.create_datetime).unix() - moment(a.create_datetime).unix()).slice((action_page-1) * 5, ((action_page-1) * 5) + 5)
     useEffect(() => {
         if(!campaign_id){ return }
@@ -272,7 +272,10 @@ const Campaign = ({ player_id, campaign_id, insets, color_mode, mode, distinct_i
             events: evs,
             orders: vis_ords,
             loading:false
-        })
+        });
+        setTimeout(() => {
+            getData(campaign_id)
+        }, 240000); //Update every 4 minutes
     }
 
     const handleCheckIn = async() => {
@@ -369,7 +372,7 @@ const Campaign = ({ player_id, campaign_id, insets, color_mode, mode, distinct_i
                         <Text theme='description' style={{ marginTop:3 }}>@{player.username}</Text>
                     </View>
                 </View>
-                <Text theme='h1'>{data.item.payload.pin_distance}</Text>
+                <Text theme='h1'>{data.item.payload.pin_distance == 999 ? 'MISS' : data.item.payload.pin_distance}</Text>
             </View>
         )
     }
@@ -541,7 +544,7 @@ const Campaign = ({ player_id, campaign_id, insets, color_mode, mode, distinct_i
                         </View>
                         <View style={{ minWidth:400 }}>
                             <FlatList
-                                data={campaign_participants.sort((a,b) => parseFloat((a.payload.pin_distance ?? 9999)) - parseFloat((b.payload.pin_distance ?? 9999)))}
+                                data={campaign_participants.filter(cp => cp.status == 'active').sort((a,b) => parseFloat((a.payload.pin_distance ?? 9999)) - parseFloat((b.payload.pin_distance ?? 9999)))}
                                 key={'closed_pin_leaders'}
                                 keyExtractor={(item) => item.campaign_participant_id}
                                 renderItem={renderGolfers}
@@ -836,12 +839,18 @@ const Campaign = ({ player_id, campaign_id, insets, color_mode, mode, distinct_i
                                 </View>
                                 :<></>}
                                 <View style={{ flex:1, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
-                                    <View style={{ padding:10 }}>
-                                        <Text theme='h1'>LEADERBOARD</Text>
-                                        <Text theme='description' style={{ marginTop:4 }}>Closest to the pin - distance in feet from the pin</Text>
+                                    <View style={{ flexDirection:'row' }}>
+                                        <View transparent style={{ padding:10 }}>
+                                            <Text theme='h1'>LEADERBOARD</Text>
+                                            <Text theme='description' style={{ marginTop:4 }}>Closest to the pin - distance in feet from the pin</Text>
+                                        </View>
+                                        {loading ?
+                                        <ActivityIndicator color={Colors.text.h1} size={14} />
+                                        :<></>}
                                     </View>
+                                   
                                     <FlatList
-                                        data={campaign_participants.sort((a,b) => parseFloat((a.payload.pin_distance ? a.payload.pin_distance : 9999)) - parseFloat((b.payload.pin_distance ? b.payload.pin_distance : 9999)))}
+                                        data={campaign_participants.filter(cp => cp.status == 'active').sort((a,b) => parseFloat((a.payload.pin_distance ? a.payload.pin_distance : 9999)) - parseFloat((b.payload.pin_distance ? b.payload.pin_distance : 9999)))}
                                         key={'closed_pin_leaders'}
                                         keyExtractor={(item) => item.campaign_participant_id}
                                         renderItem={renderGolfers}

package/src/Checkout/components/AccountSummaryCard.tsx

@@ -3,9 +3,9 @@ import { Image } from "react-native";
 import { Checkbox, Icons } from '../../Components';
 import type { AccountProps, FocusPositionProps, ItemProps, PlayerAddressProps } from '../../types';
 import { CheckoutApi, CheckoutHelpers } from '../api';
-import moment from 'moment-mini';
 import { Button, Text, TextInput, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
+import { WalletHelpers } from '../../Wallet/api';
 
 type AccountSummaryCardProps = {
     selected_account?:AccountProps,
@@ -127,7 +127,7 @@ const AccountSummaryCard = ({ accounts, cvv, items, selected_account, billing_ad
                     <View style={{ flex:1, marginRight:5 }}>
                         <Text size={14} weight='bold'>{selected_account.account_label}</Text>
                         {selected_account.account_type == 'card' && selected_account.card_detail ?
-                            <Text style={{ marginTop:3 }} size={12} color={Colors.text.descriptionLight}>EXP: {moment(selected_account.card_detail.expiration_date).format('MM/YYYY')}</Text>
+                            <Text style={{ marginTop:3 }} size={12} color={Colors.text.descriptionLight}>EXP: {WalletHelpers.formateTimeToExpireDate(selected_account.card_detail.expiration_date)}</Text>
                         :<></>}   
                     </View>
                     <View style={{ flexDirection:'row', alignItems:'center' }}>

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Image, FlatList, ActivityIndicator, ScrollView } from 'react-native';
-import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, PodcastProps, PollProps, SquaresCompetitionProps, TradeProps } from '../../../types';
+import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, ParlayProps, PodcastProps, PollProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 import { view_styles } from '../../../constants/styles';
 import { Icons, LinearDiagnal } from '../../../Components';
 import {TeamEventMarketHelpers} from './api';
@@ -17,10 +17,12 @@ import ContestStatsCard from '../ContestStats';
 import PodcastCard from '../PodcastCard';
 import { Button, Text, View } from '../../../Components/Themed';
 import { useColors } from '../../../constants/useColors';
+import OrderGradeBar from '../OrderGradeBar';
 
 type TeamEventMarketProps = {
     event:EventProps,
     markets:MarketProps[],
+    parlays?:ParlayProps[],
     init_expanded?:boolean,
     onViewMarketStats?:() => void,
     onSetMarket?:(market_id:string, side_type?:string, side_id?:string) => void,
@@ -35,6 +37,7 @@ type TeamEventMarketProps = {
     squares_competitions?:SquaresCompetitionProps[],
     latest_trades:TradeProps[],
     style?:any,
+    onParlaySelect?:(parlay:ParlayProps) => void,
     flash_markets?:PollProps[],
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
@@ -57,7 +60,7 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-const TeamEventMarket = ({ event, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
     const C = useColors();
     const [ market_width, setMarketWidth ] = useState(180);
     const [ expanded_data, setExpandedData ] = useState<{
@@ -76,6 +79,7 @@ const TeamEventMarket = ({ event, hide_non_primary, disabled_markets, flash_mark
     const [ show_stats, setShowStats ] = useState(false);
     const [ sponsor, setSponsor ] = useState<CompanyProps|undefined>(undefined);
     const [ competitions_expanded, setCompetitionsExpanded ] = useState(false);
+    const [ parlays_expanded, setParlaysExpanded ] = useState(false);
     const [ squares_expanded, setSquaresExpanded ] = useState(false);
     const { expanded, athletes, loaded, loading, podcasts } = expanded_data;
     const event_status = TeamEventMarketHelpers.getEventStatus(event);
@@ -156,6 +160,13 @@ const TeamEventMarket = ({ event, hide_non_primary, disabled_markets, flash_mark
         return setCompetitionsExpanded(true);
     }
 
+    const handleSelectParlay = () => {
+        if(!parlays || parlays.length == 0){ return }
+        if(!onParlaySelect){ return }
+        if(parlays.length == 1 && parlays[0]){ return onParlaySelect(parlays[0]) }
+        return setParlaysExpanded(true);
+    }
+
     const handleSelectSquares = () => {
         if(!squares_competitions || squares_competitions.length == 0){ return }
         if(squares_competitions.length == 1 && squares_competitions[0]){ return onSquaresSelect(squares_competitions[0].sq_comp_id) }
@@ -184,6 +195,27 @@ const TeamEventMarket = ({ event, hide_non_primary, disabled_markets, flash_mark
         )
     }
 
+        const renderParlays = (data:{ item:ParlayProps, index: number }) => {
+        return (
+            <Button 
+                type='text'
+                transparent
+                style={{ padding:10, flexDirection:'row', alignItems:'center', borderBottomWidth:1, borderColor:C.borders.light, borderRadius:0 }} 
+                onPress={() => {
+                    if(!onParlaySelect){ return }
+                    setParlaysExpanded(false);
+                    onParlaySelect(data.item)
+                }}>
+                <Icons.ParlayIcon size={14} color={C.text.h1} />
+                <OrderGradeBar style={{ marginLeft:5 }} grade={data.item.grade} view_type='book'/>
+                <View transparent style={{ flex:1, marginLeft:10, marginRight:10 }}>
+                    <Text theme='h2'>{data.item.name}</Text>
+                </View>
+                <Icons.ChevronIcon direction='right' size={10} color={C.text.h1} />
+            </Button>
+        )
+    }
+
     const renderSquaresCompetitions = (data:{ item:SquaresCompetitionProps, index: number }) => {
         return (
             <Button 
@@ -629,6 +661,14 @@ const TeamEventMarket = ({ event, hide_non_primary, disabled_markets, flash_mark
                     <Text style={{ marginLeft:5 }} size={14} color={C.text.white} weight='semibold'>Squares</Text>
                 </Button>
                 :<></>}
+                {onParlaySelect && parlays && parlays.length > 0 ?
+                <Button 
+                    float
+                    style={{ marginRight:3, flexDirection:'row', alignItems:'center', padding:10, borderRadius:22, backgroundColor:C.text.gold }}
+                    onPress={() => handleSelectParlay()}>
+                    <Icons.ParlayIcon size={14} color={C.text.white} />
+                </Button>
+                :<></>}
                 {competitions && competitions.length > 0 ?
                 <Button 
                     float
@@ -676,6 +716,25 @@ const TeamEventMarket = ({ event, hide_non_primary, disabled_markets, flash_mark
                     </ScrollView>
                 </View>
                 :<></>}
+                {parlays && parlays_expanded ?
+                <View float style={{ position:'absolute', bottom:0, right:0, justifyContent:'flex-end', maxHeight:230, minWidth:300, maxWidth:350 }}>
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:5 }}>
+                        <Icons.ParlayIcon size={18} color={C.text.h1} />
+                        <Text style={{ flex:1, marginLeft:10 }} theme='h2'>Available Parlays</Text>
+                        <Button
+                            title='X'
+                            style={{ padding:10, borderRadius:100 }}
+                            type='error'
+                            onPress={() => setParlaysExpanded(false)}
+                        />
+                    </View>
+                        <FlatList
+                            data={parlays}
+                            renderItem={renderParlays}
+                            keyExtractor={(item) => item.parlay_id.toString()}
+                        />
+                </View>
+                :<></>}
                 {squares_competitions && squares_expanded ?
                 <View float style={{ position:'absolute', bottom:0, right:0, justifyContent:'flex-end', maxHeight:230, minWidth:300 }}>
                     <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:5 }}>

package/src/Wallet/api/index.ts

@@ -326,6 +326,9 @@ const WalletHelpers = {
         if(!wallet_settings.agreed_to_terms || !wallet_settings.pin || !wallet_settings.auth_end_datetime || moment().isAfter(moment(wallet_settings.auth_end_datetime))){ return false }
         return true
     },
+    formateTimeToExpireDate: (date:any) => {
+        return moment.parseZone(date).utc().format('MM/YYYY')
+    },
     formatBalance: (balance:number) => {
         let round_down_balance = Math.round(balance * 100) / 100;
         let str_balance = round_down_balance.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');

package/src/Wallet/components/AccountCard.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { AccountProps } from '../../types';
 import { Icons } from '../../Components';
-import moment from 'moment-mini';
 import { Button, Text, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
+import { WalletHelpers } from '../api';
 
 type AccountCardProps = {
     account:AccountProps,
@@ -61,7 +61,7 @@ const AccountCard = ({ account, hide_status, onSelectAccount }: AccountCardProps
                 return account.ach_detail.account_type.toUpperCase()
             case 'card':
                 if(!account.card_detail){ return '' }
-                return `EXP ${moment(account.card_detail.expiration_date).format('MM/YYYY')}`
+                return `EXP ${WalletHelpers.formateTimeToExpireDate(account.card_detail.expiration_date)}`
             case 'paypal':
                 return `Login to your Paypal and transact`
             default: return ''

package/src/types.d.ts

@@ -2337,6 +2337,7 @@ export interface ParlayProps {
     odds:number,
     offer_side:'maker'|'taker',
     winning_side?:'maker'|'taker',
+    grade?:number,
     probability:number,
     status: 'approved'|'cancelled'|'closed',
     expire_datetime: any,