be-components 7.4.2 → 7.4.4

package/lib/module/BettorBot/components/ServerInfoCard.js

@@ -0,0 +1,119 @@
+import React, { useState } from 'react';
+import { Button, Text, View } from "../../Components/Themed";
+import { FlatList, Image } from 'react-native';
+import { Checkbox, SearchBox } from '../../Components';
+import { useColors } from '../../constants/useColors';
+const ServerInfoCard = ({
+  server,
+  selected_channels,
+  onDeselectChannel,
+  onSelectChannel,
+  onClose
+}) => {
+  const Colors = useColors();
+  const [channel_search, setChannelSearch] = useState('');
+  const filtered_channels = server.accessibleChannels.filter(c => `${c.name}`.toLowerCase().includes(channel_search));
+  const renderChannels = data => {
+    const selected = selected_channels.includes(data.item.id) ? true : false;
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      type: "row",
+      style: {
+        padding: 8,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      style: {
+        marginRight: 10
+      },
+      checked: selected,
+      onSelect: () => selected ? onDeselectChannel(data.item.id) : onSelectChannel(data.item.id)
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.name)));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: server.icon ?? ''
+    },
+    style: {
+      height: 40,
+      width: 40
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, server.name), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, server.description))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    style: {
+      marginBottom: 10
+    }
+  }, "Select Channels Below"), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 5
+    }
+  }, /*#__PURE__*/React.createElement(SearchBox, {
+    onChange: text => setChannelSearch(text),
+    hide_search_button: true
+  })), /*#__PURE__*/React.createElement(FlatList, {
+    key: 'channel_list',
+    data: filtered_channels.sort((a, b) => a.name.localeCompare(b.name)),
+    renderItem: renderChannels,
+    keyExtractor: item => item.id
+  })), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "close",
+    title: "CLOSE",
+    style: {
+      flex: 1
+    },
+    onPress: () => onClose()
+  })));
+};
+export default ServerInfoCard;
+//# sourceMappingURL=ServerInfoCard.js.map

package/lib/module/BettorBot/components/ServerInfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Button","Text","View","FlatList","Image","Checkbox","SearchBox","useColors","ServerInfoCard","server","selected_channels","onDeselectChannel","onSelectChannel","onClose","Colors","channel_search","setChannelSearch","filtered_channels","accessibleChannels","filter","c","name","toLowerCase","includes","renderChannels","data","selected","item","id","createElement","transparent","type","style","padding","borderBottomWidth","borderColor","borders","light","marginRight","checked","onSelect","flex","marginLeft","theme","float","flexDirection","alignItems","borderTopRightRadius","borderTopLeftRadius","source","uri","icon","height","width","marginTop","description","marginBottom","onChange","text","hide_search_button","key","sort","a","b","localeCompare","renderItem","keyExtractor","borderBottomRightRadius","borderBottomLeftRadius","title","onPress"],"sourceRoot":"../../../../src","sources":["BettorBot/components/ServerInfoCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/BettorBot/index.js

@@ -0,0 +1,524 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View } from "../Components/Themed";
+import { FlatList, Image } from 'react-native';
+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';
+const PAGE_SIZE = 5;
+const sections = ['broadcast', 'row_1', 'row_2'];
+const BettorBotDashboard = ({
+  me,
+  onFocusPosition
+}) => {
+  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(undefined);
+  const [player_offset, setPlayerOffset] = useState(0);
+  const [player_search, setPlayerSearch] = useState('');
+  const [selected_servers, setSelectedServers] = useState([]);
+  const [show_message, setShowMessage] = useState(false);
+  const [state, setState] = useState({
+    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 = [];
+    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 => {
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      type: "row",
+      style: {
+        padding: 8,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: data.item.profile_pic ?? ''
+      },
+      style: {
+        height: 40,
+        width: 40
+      },
+      resizeMode: "cover"
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.username), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3,
+        maxWidth: size.width * 0.7
+      }
+    }, "Joined ", moment(data.item.create_datetime).fromNow())));
+  };
+  const renderServers = data => {
+    const selected = selected_servers.find(s => s.guild_id == data.item.id) ? true : false;
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      type: "row",
+      style: {
+        padding: 8,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(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));
+      }
+    }), /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: data.item.icon ?? ''
+      },
+      style: {
+        height: 40,
+        width: 40
+      },
+      resizeMode: "cover"
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3,
+        maxWidth: size.width * 0.7
+      }
+    }, data.item.description)), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        padding: 5
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.memberCount), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "Members")));
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'row_1':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          float: true,
+          style: {
+            margin: 5,
+            minWidth: 150,
+            flexGrow: 1
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Bot Stats"))), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row",
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            flex: 1
+          },
+          theme: "h2"
+        }, "Total Servers"), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, total_servers)), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row",
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            flex: 1
+          },
+          theme: "h2"
+        }, "Total Channels"), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, total_channels)), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row",
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            flex: 1
+          },
+          theme: "h2"
+        }, "Total Members"), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, total_members)))), /*#__PURE__*/React.createElement(View, {
+          float: true,
+          style: {
+            margin: 5,
+            minWidth: 350,
+            flexGrow: 1
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Servers"), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "description"
+        }, "Select Servers to send message to below.")), selected_servers.length > 0 && selected_channel_count > 0 ? /*#__PURE__*/React.createElement(Button, {
+          type: "action",
+          style: {
+            padding: 10
+          },
+          onPress: () => setShowMessage(true)
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          color: Colors.text.white
+        }, "Send Message"), /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginTop: 3
+          },
+          theme: "light",
+          color: Colors.text.white
+        }, selected_servers.length, " Servers")) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+          transparent: true
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(SearchBox, {
+          hide_search_button: true,
+          onChange: text => {
+            setServerSearch(text);
+            setServerOffset(0);
+          }
+        })), /*#__PURE__*/React.createElement(Pagination, {
+          offset: server_offset,
+          onNext: () => setServerOffset(server_offset + 1),
+          onPrevious: () => setServerOffset(server_offset - 1)
+        }), /*#__PURE__*/React.createElement(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'
+        }))));
+      case 'row_2':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          float: true,
+          style: {
+            margin: 5,
+            minWidth: 150,
+            flexGrow: 1
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Connection Stats"))), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row",
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            flex: 1
+          },
+          theme: "h2"
+        }, "Total Players"), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, total_discord_players)), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row",
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            flex: 1
+          },
+          theme: "h2"
+        }, "Fully Connected"), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, connected)), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row",
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            flex: 1
+          },
+          theme: "h2"
+        }, "Inactive"), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, not_connected)))), /*#__PURE__*/React.createElement(View, {
+          float: true,
+          style: {
+            margin: 5,
+            minWidth: 350,
+            flexGrow: 1
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Players"))), /*#__PURE__*/React.createElement(View, {
+          transparent: true
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(SearchBox, {
+          hide_search_button: true,
+          onChange: text => {
+            setPlayerSearch(text);
+            setPlayerOffset(0);
+          }
+        })), /*#__PURE__*/React.createElement(Pagination, {
+          offset: player_offset,
+          onNext: () => setPlayerOffset(player_offset + 1),
+          onPrevious: () => setPlayerOffset(player_offset - 1)
+        }), /*#__PURE__*/React.createElement(FlatList, {
+          data: filtered_players.sort((a, b) => a.username.localeCompare(b.username)),
+          renderItem: renderPlayers,
+          keyExtractor: item => item.player_id.toString(),
+          key: 'player_list'
+        }))));
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    },
+    onLayout: ev => {
+      const {
+        height,
+        width
+      } = ev.nativeEvent.layout;
+      setSize({
+        height,
+        width
+      });
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: sections,
+    key: 'bot_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
+  }), show_server ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(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
+      }));
+    }
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), show_message ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(BroadcastMessageCard, {
+    selected_servers: selected_servers,
+    servers: servers,
+    onFocusPosition: onFocusPosition,
+    onClose: () => setShowMessage(false),
+    onSendMessage: _ => {
+      setSelectedServers([]);
+      setShowMessage(false);
+    }
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default BettorBotDashboard;
+//# sourceMappingURL=index.js.map