be-components 7.4.2 → 7.4.4

package/src/BettorBot/index.tsx

@@ -0,0 +1,295 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View } from "../Components/Themed"
+import { FlatList, Image } from 'react-native';
+import type { DiscordPlayerStatsProps, FocusPositionProps, MyPlayerProps, PublicPlayerProps, ServerInfo } from '../types';
+import { BettorBotApi } from './api';
+import Pagination from '../Components/Pagination';
+import { useColors } from '../constants/useColors';
+import { Checkbox, SearchBox } from '../Components';
+import moment from 'moment-mini';
+import ServerInfoCard from './components/ServerInfoCard';
+import BroadcastMessageCard from './components/BroadcastMessageCard';
+
+type BettorBotDashboardProps = {
+    me?:MyPlayerProps,
+    onFocusPosition?:(pos:FocusPositionProps) => void,
+}
+const PAGE_SIZE = 5
+const sections = ['broadcast', 'row_1', 'row_2']
+const BettorBotDashboard = ({ me, onFocusPosition }:BettorBotDashboardProps) => {
+    const Colors = useColors();
+    const [ size, setSize ] = useState({ width:0, height:0 });
+    const [ server_offset, setServerOffset ] = useState(0);
+    const [ server_search, setServerSearch ] = useState('');
+    const [ show_server_id, setShowServerId ] = useState<string|undefined>(undefined);
+    const [ player_offset, setPlayerOffset ] = useState(0);
+    const [ player_search, setPlayerSearch ] = useState('');
+    const [ selected_servers, setSelectedServers ] = useState<{ guild_id:string, channels:string[] }[]>([]);
+    const [ show_message, setShowMessage ] = useState(false);
+    const [ state, setState ] = useState<{
+        loading: boolean,
+        servers:ServerInfo[],
+        players:PublicPlayerProps[],
+        discord_player_stats:DiscordPlayerStatsProps[]
+    }>({
+        loading:false,
+        servers: [],
+        players:[],
+        discord_player_stats:[]
+    });
+    const { servers, discord_player_stats, players } = state;
+    const total_servers = servers.length
+    const total_channels = servers.reduce((a,b) => a + b.accessibleChannels.length, 0)
+    const total_members = servers.reduce((a,b) => a + b.memberCount, 0);
+    let filtered_servers = servers.sort((a,b) => b.memberCount - a.memberCount || a.name.localeCompare(b.name)).slice(server_offset * PAGE_SIZE, (server_offset * PAGE_SIZE) + PAGE_SIZE);
+    if(server_search){ filtered_servers = servers.filter(s => `${s.name}`.toLowerCase().includes(server_search.toLowerCase())).slice(server_offset * PAGE_SIZE, (server_offset * PAGE_SIZE) + PAGE_SIZE) }
+
+    const total_discord_players = discord_player_stats.reduce((a,b) => a + b.count, 0)
+    const connected = discord_player_stats.filter(s => s.status == 'active').reduce((a,b) => a + b.count, 0);
+    const not_connected = discord_player_stats.filter(s => s.status != 'active').reduce((a,b) => a + b.count, 0);
+
+    let filtered_players = players.sort((a,b) => a.username.localeCompare(b.username)).slice(player_offset * PAGE_SIZE, (player_offset * PAGE_SIZE) + PAGE_SIZE);
+    if(player_search){ filtered_players = players.filter(s => `${s.username}`.toLowerCase().includes(player_search.toLowerCase())).slice(player_offset * PAGE_SIZE, (player_offset * PAGE_SIZE) + PAGE_SIZE) }
+
+    const show_server = servers.find(s => s.id == show_server_id);
+    const selected_channel_count = selected_servers.reduce((a,b) => a + b.channels.length, 0);
+
+    useEffect(() => {
+        if(!me){ return }
+        if(me.role != 'admin'){ return alert('You are not authorized') }
+        BettorBotApi.setEnvironment();
+        getData();
+    },[me]);
+
+    const getData = async() => {
+        setState({ ...state, loading:true });
+        const resp = await BettorBotApi.getServers();
+        if(resp.error){ alert('Unable to get data') }
+        const dps = await BettorBotApi.getDiscordStats();
+        let player_ids:string[] = []
+        dps.map(p => p.player_ids.map(id => player_ids.push(id)));
+        let s_players = await BettorBotApi.getPlayersByPlayerIds(player_ids)
+        setState({
+            ...state,
+            servers: resp.servers,
+            discord_player_stats: dps,
+            players: s_players,
+            loading: false,
+
+        })
+    }
+
+    const renderPlayers = (data:{ item:PublicPlayerProps, index:number }) => {
+        return (
+            <View transparent type='row' style={{ padding:8, borderBottomWidth:1, borderColor:Colors.borders.light }}>
+                <Image
+                    source={{ uri: data.item.profile_pic ?? '' }}
+                    style={{ height:40, width:40 }}
+                    resizeMode='cover'
+                />
+                <View transparent style={{ flex:1, marginLeft:10 }}>
+                    <Text theme='h1'>{data.item.username}</Text>
+                    <Text theme='description' style={{ marginTop:3, maxWidth: size.width *0.7 }}>Joined {moment(data.item.create_datetime).fromNow()}</Text>
+                </View>
+            </View>
+        )
+    } 
+
+    const renderServers = (data:{ item:ServerInfo, index:number }) => {
+        const selected = selected_servers.find(s => s.guild_id == data.item.id) ? true : false
+        return (
+            <View transparent type='row' style={{ padding:8, borderBottomWidth:1, borderColor:Colors.borders.light }}>
+                <Checkbox
+                    style={{ marginRight:10 }}
+                    checked={selected}
+                    onSelect={() => {
+                        if(!selected){
+                            setSelectedServers(selected_servers.concat({ guild_id: data.item.id, channels: [] }));
+                            return setShowServerId(data.item.id);
+                        }
+                        setSelectedServers(selected_servers.filter(s => s.guild_id != data.item.id))
+                    }}
+                />
+                <Image
+                    source={{ uri: data.item.icon ?? '' }}
+                    style={{ height:40, width:40 }}
+                    resizeMode='cover'
+                />
+                <View transparent style={{ flex:1, marginLeft:10 }}>
+                    <Text theme='h1'>{data.item.name}</Text>
+                    <Text theme='description' style={{ marginTop:3, maxWidth: size.width *0.7 }}>{data.item.description}</Text>
+                </View>
+                <View transparent style={{ padding:5 }}>
+                    <Text theme='h1'>{data.item.memberCount}</Text>
+                    <Text theme='description' style={{ marginTop:3 }}>Members</Text>
+                </View>
+            </View>
+        )
+    }
+
+    const renderSections = (data: { item:string, index:number }) => {
+        switch(data.item){
+            case 'row_1':
+                return (
+                    <View style={{ flexDirection:'row', flexWrap:'wrap' }}>
+                        <View float style={{ margin:5, minWidth:150, flexGrow:1 }}>
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1 }}>
+                                <Text theme='h1'>Bot Stats</Text>
+                              </View>
+                            </View>
+                            <View transparent style={{ padding:10 }}>
+                                <View transparent type='row' style={{ padding:5 }}>
+                                    <Text style={{ flex:1 }} theme='h2'>Total Servers</Text>
+                                    <Text theme='h1'>{total_servers}</Text>
+                                </View>
+                                <View transparent type='row' style={{ padding:5 }}>
+                                    <Text style={{ flex:1 }} theme='h2'>Total Channels</Text>
+                                    <Text theme='h1'>{total_channels}</Text>
+                                </View>
+                                <View transparent type='row' style={{ padding:5 }}>
+                                    <Text style={{ flex:1 }} theme='h2'>Total Members</Text>
+                                    <Text theme='h1'>{total_members}</Text>
+                                </View>
+                            </View>
+                        </View>
+                        <View float style={{ margin:5, minWidth:350, flexGrow:1 }}>
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1 }}>
+                                <Text theme='h1'>Servers</Text>
+                                <Text style={{ marginTop:3 }} theme='description'>Select Servers to send message to below.</Text>
+                              </View>
+                              {selected_servers.length > 0 && selected_channel_count > 0 ?
+                              <Button type='action' style={{ padding:10 }} onPress={() => setShowMessage(true)}>
+                                <Text theme='description' color={Colors.text.white}>Send Message</Text>
+                                <Text style={{ marginTop:3 }} theme='light' color={Colors.text.white}>{selected_servers.length} Servers</Text>
+                              </Button>
+                              :<></>}
+                            </View>
+                            <View transparent>
+                                <View transparent style={{ padding:10 }}>
+                                    <SearchBox
+                                        hide_search_button
+                                        onChange={(text) => {
+                                            setServerSearch(text);
+                                            setServerOffset(0)
+                                        }}
+                                    />
+                                </View>
+                                <Pagination offset={server_offset} onNext={() => setServerOffset(server_offset + 1)} onPrevious={() => setServerOffset(server_offset - 1)} />
+                                <FlatList
+                                    data={filtered_servers.sort((a,b) => b.memberCount - a.memberCount || a.name.localeCompare(b.name))}
+                                    renderItem={renderServers}
+                                    keyExtractor={item => item.id}
+                                    key={'server_list'}
+                                />
+                            </View>
+                        </View>
+                    </View>
+                )
+            case 'row_2':
+                return (
+                     <View style={{ flexDirection:'row', flexWrap:'wrap' }}>
+                        <View float style={{ margin:5, minWidth:150, flexGrow:1 }}>
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1 }}>
+                                <Text theme='h1'>Connection Stats</Text>
+                              </View>
+                            </View>
+                            <View transparent style={{ padding:10 }}>
+                                <View transparent type='row' style={{ padding:5 }}>
+                                    <Text style={{ flex:1 }} theme='h2'>Total Players</Text>
+                                    <Text theme='h1'>{total_discord_players}</Text>
+                                </View>
+                                <View transparent type='row' style={{ padding:5 }}>
+                                    <Text style={{ flex:1 }} theme='h2'>Fully Connected</Text>
+                                    <Text theme='h1'>{connected}</Text>
+                                </View>
+                                <View transparent type='row' style={{ padding:5 }}>
+                                    <Text style={{ flex:1 }} theme='h2'>Inactive</Text>
+                                    <Text theme='h1'>{not_connected}</Text>
+                                </View>
+                            </View>
+                        </View>
+                        <View float style={{ margin:5, minWidth:350, flexGrow:1 }}>
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1 }}>
+                                <Text theme='h1'>Players</Text>
+                              </View>
+                            </View>
+                            <View transparent>
+                                <View transparent style={{ padding:10 }}>
+                                    <SearchBox
+                                        hide_search_button
+                                        onChange={(text) => {
+                                            setPlayerSearch(text);
+                                            setPlayerOffset(0)
+                                        }}
+                                    />
+                                </View>
+                                <Pagination offset={player_offset} onNext={() => setPlayerOffset(player_offset + 1)} onPrevious={() => setPlayerOffset(player_offset - 1)} />
+                                <FlatList
+                                    data={filtered_players.sort((a,b) => a.username.localeCompare(b.username))}
+                                    renderItem={renderPlayers}
+                                    keyExtractor={item => item.player_id.toString()}
+                                    key={'player_list'}
+                                />
+                            </View>
+                        </View>
+                    </View>
+                )
+            default: return <></>
+        }
+    }
+
+    return (
+        <View style={{ flex:1 }} onLayout={(ev) => {
+            const { height, width } = ev.nativeEvent.layout
+            setSize({ height, width })
+        }}>
+            <FlatList
+                data={sections}
+                key={'bot_sections'}
+                keyExtractor={item => item}
+                renderItem={renderSections}
+            />
+            {show_server ?
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, padding:10 }}>
+                <ServerInfoCard
+                    selected_channels={selected_servers.find(s => s.guild_id == show_server.id)?.channels ?? []}
+                    server={show_server}
+                    onClose={() => setShowServerId(undefined)}
+                    onSelectChannel={(channel_id) => {
+                        let guild = selected_servers.find(s => s.guild_id == show_server.id);
+                        if(!guild){ return alert('Error') }
+                        let channels = guild.channels.concat(channel_id);
+                        setSelectedServers(selected_servers.filter(s => s.guild_id != show_server.id).concat({ guild_id: show_server.id, channels }))
+                    }}
+                    onDeselectChannel={(channel_id) => {
+                        let guild = selected_servers.find(s => s.guild_id == show_server.id);
+                        if(!guild){ return alert('Error') }
+                        let channels = guild.channels.filter(id => id != channel_id);
+                        setSelectedServers(selected_servers.filter(s => s.guild_id != show_server.id).concat({ guild_id: show_server.id, channels }))
+                    }}
+                />
+            </View>
+            :<></>}
+            {show_message ?
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, padding:10 }}>
+                <BroadcastMessageCard
+                    selected_servers={selected_servers}
+                    servers={servers}
+                    onFocusPosition={onFocusPosition}
+                    onClose={() => setShowMessage(false)}
+                    onSendMessage={(_) => {
+                        setSelectedServers([])
+                        setShowMessage(false)
+                    }}
+                />
+            </View>
+            :<></>}
+        </View>
+    )
+}
+
+export default BettorBotDashboard

package/src/NotificationManager/api/index.ts

@@ -0,0 +1,134 @@
+import axios from 'axios';
+import { APIOverrides } from '../../ApiOverrides';
+import type { NotificationGroupMemberProps, NotificationGroupProps, PlayerNotificationProps, PublicPlayerProps } from '../../types';
+
+let AUTH_SVC_API = '';
+
+export interface CreateNotificationProps {
+    player_id?: string;
+    player_ids?: string[];
+    title: string;
+    message: string;
+    notification_type: 'info' | 'success' | 'warning' | 'error' | 'promo';
+    action_url?: string;
+    image_url?: string;
+    metadata?: Record<string, any>;
+}
+
+export const NotificationHelpers = {
+    app_paths: [
+        // Account Routes
+        { label: 'Account Home', path_name: '/account', params: {}, requiredParams: [] as string[], primary: false },
+        { label: 'Account Analytics', path_name: '/account/analytics', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Discord', path_name: '/account/discord', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Funds', path_name: '/account/funds', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Notifications', path_name: '/account/notifications', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Premium', path_name: '/account/premium', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Rebates', path_name: '/account/rebates', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Refer', path_name: '/account/refer', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Verify', path_name: '/account/verify', params: {}, requiredParams: [], primary: false },
+        { label: 'Account Orders', path_name: '/account/orders/[contest_id]', params: { contest_id: '' }, requiredParams: ['contest_id'], primary: false },
+        { label: 'Account Rebate', path_name: '/account/rebate/[rebate_id]', params: { rebate_id: '' }, requiredParams: ['rebate_id'], primary: false },
+
+        // Competition Routes - PRIMARY
+        { label: 'Competitions Home', path_name: '/competitions', params: {}, requiredParams: [], primary: false },
+        { label: 'Bracket Competition', path_name: '/competitions/bracket/[bracket_competition_id]', params: { bracket_competition_id: '', mode: '' }, requiredParams: ['bracket_competition_id'], primary: true },
+        { label: 'Competition', path_name: '/competitions/competition/[competition_id]', params: { competition_id: '' }, requiredParams: ['competition_id'], primary: true },
+        { label: 'Season', path_name: '/competitions/season/[season_id]', params: { season_id: '' }, requiredParams: ['season_id'], primary: false },
+        { label: 'Squares Competition', path_name: '/competitions/squares/[sq_comp_id]', params: { sq_comp_id: '' }, requiredParams: ['sq_comp_id'], primary: true },
+        { label: 'Trivia', path_name: '/competitions/trivia/[trivia_id]', params: { trivia_id: '' }, requiredParams: ['trivia_id'], primary: false },
+
+        // Market Routes - PRIMARY
+        { label: 'Markets Home', path_name: '/markets', params: {}, requiredParams: [], primary: false },
+        { label: 'Favorites', path_name: '/markets/favorites', params: {}, requiredParams: [], primary: false },
+        { label: 'Filters', path_name: '/markets/filters', params: {}, requiredParams: [], primary: false },
+        { label: 'Live Markets', path_name: '/markets/live', params: {}, requiredParams: [], primary: false },
+        { label: 'Parlays', path_name: '/markets/parlays', params: {}, requiredParams: [], primary: false },
+        { label: 'Market Activity', path_name: '/markets/activity/[content_id]', params: { content_id: '' }, requiredParams: ['content_id'], primary: false },
+        { label: 'Contest', path_name: '/markets/contest/[contest_id]', params: { contest_id: '', contest_type: '' }, requiredParams: ['contest_id', 'contest_type'], primary: true },
+        { label: 'Filter', path_name: '/markets/filter/[player_filter_id]', params: { player_filter_id: '', mode: '' }, requiredParams: ['player_filter_id'], primary: false },
+        { label: 'Fund', path_name: '/markets/fund/[fund_id]', params: { fund_id: '' }, requiredParams: ['fund_id'], primary: false },
+        { label: 'Hedge', path_name: '/markets/hedge/[hedge_id]', params: { hedge_id: '' }, requiredParams: ['hedge_id'], primary: false },
+        { label: 'Hedges', path_name: '/markets/hedges/[contest_id]', params: { contest_id: '' }, requiredParams: ['contest_id'], primary: false },
+        { label: 'League', path_name: '/markets/league/[league_id]', params: { league_id: '' }, requiredParams: ['league_id'], primary: false },
+        { label: 'Market', path_name: '/markets/market/[contest_id]', params: { contest_id: '', contest_type: '', market_id: '', side_type: '', side_id: '' }, requiredParams: ['contest_id', 'contest_type', 'market_id'], primary: true },
+        { label: 'Team', path_name: '/markets/team/[team_id]', params: { team_id: '' }, requiredParams: ['team_id'], primary: false },
+
+        // Partner Routes
+        { label: 'Partner Home', path_name: '/partner', params: {}, requiredParams: [], primary: false },
+        { label: 'BettorBot', path_name: '/partner/bettorbot', params: {}, requiredParams: [], primary: false },
+        { label: 'Flash Campaign', path_name: '/partner/flash/[flash_campaign_id]', params: { flash_campaign_id: '' }, requiredParams: ['flash_campaign_id'], primary: false },
+
+        // Social Routes
+        { label: 'Social Home', path_name: '/social', params: {}, requiredParams: [], primary: false },
+        { label: 'Contacts', path_name: '/social/contacts', params: {}, requiredParams: [], primary: false },
+        { label: 'Feed', path_name: '/social/feed', params: {}, requiredParams: [], primary: false },
+        { label: 'Groups', path_name: '/social/groups', params: {}, requiredParams: [], primary: false },
+        { label: 'Leaders', path_name: '/social/leaders', params: {}, requiredParams: [], primary: false },
+        { label: 'Players', path_name: '/social/players', params: {}, requiredParams: [], primary: false },
+        { label: 'Post Activity', path_name: '/social/activity/[post_id]', params: { post_id: '' }, requiredParams: ['post_id'], primary: false },
+        { label: 'Campaign', path_name: '/social/campaign/[campaign_id]', params: { campaign_id: '' }, requiredParams: ['campaign_id'], primary: false },
+        { label: 'Chat', path_name: '/social/chat/[player_id]', params: { player_id: '' }, requiredParams: ['player_id'], primary: false },
+        { label: 'Company', path_name: '/social/company/[company_id]', params: { company_id: '' }, requiredParams: ['company_id'], primary: false },
+        { label: 'Group', path_name: '/social/group/[group_id]', params: { group_id: '' }, requiredParams: ['group_id'], primary: false },
+        { label: 'Head to Head', path_name: '/social/h2h/[player_id]', params: { player_id: '' }, requiredParams: ['player_id'], primary: false },
+        { label: 'Order', path_name: '/social/order/[order_id]', params: { order_id: '' }, requiredParams: ['order_id'], primary: false },
+        { label: 'Player Profile', path_name: '/social/player/[player_id]', params: { player_id: '' }, requiredParams: ['player_id'], primary: false },
+        { label: 'Podcast', path_name: '/social/podcast/[podcast_id]', params: { podcast_id: '' }, requiredParams: ['podcast_id'], primary: false },
+        { label: 'Share', path_name: '/social/share/[content_id]', params: { content_id: '' }, requiredParams: ['content_id'], primary: false },
+
+        // Custom
+        { label: 'Custom Path', path_name: 'custom', params: {}, requiredParams: [], primary: false }
+    ]
+};
+
+export const NotificationApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
+    },
+
+    /**
+     * Get players by player IDs
+     */
+    getPlayersByPlayerIds: async(player_ids: string[]): Promise<PublicPlayerProps[]> => {
+        try {
+            if(player_ids.length === 0) { return [] }
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/players/bulk/get`, { player_ids });
+            return resp.data.players;
+        } catch (e) {
+            console.log('Error fetching players:', e);
+            return [];
+        }
+    },
+
+    /**
+     * Send notifications to multiple players
+     */
+    broadcastNotifications: async(player_notification: PlayerNotificationProps, player_ids: string[]): Promise<{ message: string }> => {
+        try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/notifications/bulk/send`, { player_notification, player_ids });
+            console.log(resp.data)
+            return resp.data;
+        } catch (e) {
+            console.log('Error broadcasting notifications:', e);
+            throw e;
+        }
+    },
+    getActiveNotificationGroups: async():Promise<NotificationGroupProps[]> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/notifications/groups/active`);
+            return resp.data.notification_groups
+        } catch (e) {
+            return []
+        }
+    },
+    getNotificationGroupMembersByGroup: async(notification_group_id:string):Promise<NotificationGroupMemberProps[]> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/notifications/group/members/${notification_group_id}`);
+            return resp.data.notification_group_members
+        } catch (e) {
+            return []
+        }
+    }
+}