be-components 5.2.2 → 5.2.3

package/lib/module/Leaders/components/LeaderCard.js

@@ -0,0 +1,139 @@
+import React from 'react';
+import { Button, Text, View } from "../../Components/Themed";
+import { Image } from 'react-native';
+import { useColors } from '../../constants/useColors';
+import { LeadersHelpers } from '../api';
+import moment from 'moment-mini';
+const LeaderCard = ({
+  direction,
+  leader,
+  player,
+  category,
+  show_view_profile,
+  onSelectLeader
+}) => {
+  const Colors = useColors();
+  if (direction == 'vertical') {
+    return /*#__PURE__*/React.createElement(Button, {
+      float: true,
+      style: {
+        padding: 0,
+        borderRadius: 12
+      },
+      onPress: () => onSelectLeader(leader, player)
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        padding: 5,
+        borderTopRightRadius: 12,
+        borderTopLeftRadius: 12
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1",
+      textAlign: "center",
+      color: Colors.text.success
+    }, LeadersHelpers.formatPlace(leader.place))), /*#__PURE__*/React.createElement(View, {
+      float: true,
+      style: {
+        borderRadius: 100,
+        padding: 2,
+        alignSelf: 'center',
+        margin: 5
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: player.profile_pic && player.profile_pic != '' ? player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+      },
+      style: {
+        height: 60,
+        width: 60,
+        borderRadius: 100
+      },
+      resizeMode: "cover"
+    })), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderTopWidth: 1,
+        borderColor: Colors.borders.light,
+        borderBottomRightRadius: 12,
+        borderBottomLeftRadius: 12
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      textAlign: "center",
+      color: Colors.text.action
+    }, category.stat_label_loc == 'prefix' ? category.stat_label : '', leader.category_score.toFixed(2), category.stat_label_loc == 'suffix' ? category.stat_label : '')));
+  }
+  return /*#__PURE__*/React.createElement(Button, {
+    float: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 4,
+      borderRadius: 100,
+      borderTopLeftRadius: 8,
+      borderBottomLeftRadius: 8
+    },
+    onPress: () => onSelectLeader(leader, player)
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 5,
+      borderRightWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    color: Colors.text.success
+  }, LeadersHelpers.formatPlace(leader.place))), /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      borderRadius: 100,
+      padding: 2,
+      marginLeft: 5
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: player.profile_pic && player.profile_pic != '' ? player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+    },
+    style: {
+      height: 45,
+      width: 45,
+      borderRadius: 100
+    },
+    resizeMode: "cover"
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2"
+  }, "@", player.username), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 4
+    },
+    theme: "description"
+  }, "Joined ", moment(player.create_datetime).fromNow())), show_view_profile ? /*#__PURE__*/React.createElement(Button, {
+    disabled: true,
+    title: "View",
+    onPress: () => console.log(''),
+    type: "action",
+    style: {
+      padding: 10,
+      marginRight: 10
+    }
+  }) : /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 5
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    color: Colors.text.action
+  }, category.stat_label_loc == 'prefix' ? category.stat_label : '', leader.category_score.toFixed(2), category.stat_label_loc == 'suffix' ? category.stat_label : '')));
+};
+export default LeaderCard;
+//# sourceMappingURL=LeaderCard.js.map

package/lib/module/Leaders/components/LeaderCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Text","View","Image","useColors","LeadersHelpers","moment","LeaderCard","direction","leader","player","category","show_view_profile","onSelectLeader","Colors","createElement","float","style","padding","borderRadius","onPress","type","borderTopRightRadius","borderTopLeftRadius","theme","textAlign","color","text","success","formatPlace","place","alignSelf","margin","source","uri","profile_pic","height","width","resizeMode","transparent","borderTopWidth","borderColor","borders","light","borderBottomRightRadius","borderBottomLeftRadius","action","stat_label_loc","stat_label","category_score","toFixed","flexDirection","alignItems","borderRightWidth","marginLeft","flex","username","marginTop","create_datetime","fromNow","disabled","title","console","log","marginRight"],"sourceRoot":"../../../../src","sources":["Leaders/components/LeaderCard.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,yBAAyB;AAE5D,SAASC,KAAK,QAAQ,cAAc;AACpC,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,cAAc,QAAQ,QAAQ;AACvC,OAAOC,MAAM,MAAM,aAAa;AAUhC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,SAAS;EAAEC,MAAM;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,iBAAiB;EAAEC;AAA+B,CAAC,KAAK;EAC/G,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B,IAAGI,SAAS,IAAI,UAAU,EAAC;IACvB,oBACIT,KAAA,CAAAgB,aAAA,CAACf,MAAM;MAACgB,KAAK;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAC,CAAC;QAAEC,YAAY,EAAC;MAAG,CAAE;MAACC,OAAO,EAAEA,CAAA,KAAMP,cAAc,CAACJ,MAAM,EAAEC,MAAM;IAAE,gBAC/FX,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACmB,IAAI,EAAC,QAAQ;MAACJ,KAAK,EAAE;QAAEC,OAAO,EAAC,CAAC;QAAEI,oBAAoB,EAAC,EAAE;QAAEC,mBAAmB,EAAC;MAAG;IAAE,gBACtFxB,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACuB,KAAK,EAAC,IAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,KAAK,EAAEZ,MAAM,CAACa,IAAI,CAACC;IAAQ,GAAEvB,cAAc,CAACwB,WAAW,CAACpB,MAAM,CAACqB,KAAK,CAAQ,CAC9G,CAAC,eACP/B,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACc,KAAK;MAACC,KAAK,EAAE;QAAEE,YAAY,EAAC,GAAG;QAAED,OAAO,EAAC,CAAC;QAAEa,SAAS,EAAC,QAAQ;QAAEC,MAAM,EAAC;MAAE;IAAE,gBAC7EjC,KAAA,CAAAgB,aAAA,CAACZ,KAAK;MACF8B,MAAM,EAAE;QAAEC,GAAG,EAAExB,MAAM,CAACyB,WAAW,IAAIzB,MAAM,CAACyB,WAAW,IAAI,EAAE,GAAGzB,MAAM,CAACyB,WAAW,GAAG;MAAwF,CAAE;MAC/KlB,KAAK,EAAE;QAAEmB,MAAM,EAAC,EAAE;QAAEC,KAAK,EAAC,EAAE;QAAElB,YAAY,EAAC;MAAI,CAAE;MACjDmB,UAAU,EAAC;IAAO,CACrB,CACC,CAAC,eACPvC,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACqC,WAAW;MAACtB,KAAK,EAAE;QAAEC,OAAO,EAAC,EAAE;QAAEsB,cAAc,EAAC,CAAC;QAAEC,WAAW,EAAC3B,MAAM,CAAC4B,OAAO,CAACC,KAAK;QAAEC,uBAAuB,EAAC,EAAE;QAAEC,sBAAsB,EAAC;MAAG;IAAE,gBAC/I9C,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACuB,KAAK,EAAC,IAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,KAAK,EAAEZ,MAAM,CAACa,IAAI,CAACmB;IAAO,GAAEnC,QAAQ,CAACoC,cAAc,IAAI,QAAQ,GAACpC,QAAQ,CAACqC,UAAU,GAAC,EAAE,EAAEvC,MAAM,CAACwC,cAAc,CAACC,OAAO,CAAC,CAAC,CAAC,EAAEvC,QAAQ,CAACoC,cAAc,IAAI,QAAQ,GAACpC,QAAQ,CAACqC,UAAU,GAAC,EAAS,CAC7N,CACF,CAAC;EAEjB;EACA,oBACIjD,KAAA,CAAAgB,aAAA,CAACf,MAAM;IAACgB,KAAK;IAACC,KAAK,EAAE;MAAEkC,aAAa,EAAC,KAAK;MAAEC,UAAU,EAAC,QAAQ;MAAElC,OAAO,EAAC,CAAC;MAAEC,YAAY,EAAC,GAAG;MAAEI,mBAAmB,EAAC,CAAC;MAAEsB,sBAAsB,EAAC;IAAE,CAAE;IAACzB,OAAO,EAAEA,CAAA,KAAMP,cAAc,CAACJ,MAAM,EAAEC,MAAM;EAAE,gBAC3LX,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAAEqC,WAAW;IAACtB,KAAK,EAAE;MAAEC,OAAO,EAAC,CAAC;MAAEmC,gBAAgB,EAAC,CAAC;MAAEZ,WAAW,EAAC3B,MAAM,CAAC4B,OAAO,CAACC;IAAM;EAAE,gBAC1F5C,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACuB,KAAK,EAAC,IAAI;IAACE,KAAK,EAAEZ,MAAM,CAACa,IAAI,CAACC;EAAQ,GAAEvB,cAAc,CAACwB,WAAW,CAACpB,MAAM,CAACqB,KAAK,CAAQ,CAC3F,CAAC,eACP/B,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACc,KAAK;IAACC,KAAK,EAAE;MAAEE,YAAY,EAAC,GAAG;MAAED,OAAO,EAAC,CAAC;MAAEoC,UAAU,EAAC;IAAE;EAAE,gBAC7DvD,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IACF8B,MAAM,EAAE;MAAEC,GAAG,EAAExB,MAAM,CAACyB,WAAW,IAAIzB,MAAM,CAACyB,WAAW,IAAI,EAAE,GAAGzB,MAAM,CAACyB,WAAW,GAAG;IAAwF,CAAE;IAC/KlB,KAAK,EAAE;MAAEmB,MAAM,EAAC,EAAE;MAAEC,KAAK,EAAC,EAAE;MAAElB,YAAY,EAAC;IAAI,CAAE;IACjDmB,UAAU,EAAC;EAAO,CACrB,CACC,CAAC,eACPvC,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACqC,WAAW;IAACtB,KAAK,EAAE;MAAEsC,IAAI,EAAC,CAAC;MAAED,UAAU,EAAC;IAAG;EAAE,gBAC/CvD,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACuB,KAAK,EAAC;EAAI,GAAC,GAAC,EAACd,MAAM,CAAC8C,QAAe,CAAC,eAC1CzD,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE;MAAEwC,SAAS,EAAC;IAAE,CAAE;IAACjC,KAAK,EAAC;EAAa,GAAC,SAAO,EAAClB,MAAM,CAACI,MAAM,CAACgD,eAAe,CAAC,CAACC,OAAO,CAAC,CAAQ,CACvG,CAAC,EACN/C,iBAAiB,gBAClBb,KAAA,CAAAgB,aAAA,CAACf,MAAM;IACH4D,QAAQ;IACRC,KAAK,EAAC,MAAM;IACZzC,OAAO,EAAEA,CAAA,KAAM0C,OAAO,CAACC,GAAG,CAAC,EAAE,CAAE;IAC/B1C,IAAI,EAAC,QAAQ;IACbJ,KAAK,EAAE;MAAEC,OAAO,EAAC,EAAE;MAAE8C,WAAW,EAAC;IAAG;EAAE,CACzC,CAAC,gBAEFjE,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACqC,WAAW;IAACtB,KAAK,EAAE;MAAEC,OAAO,EAAC;IAAE;EAAE,gBACnCnB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACuB,KAAK,EAAC,IAAI;IAACE,KAAK,EAAEZ,MAAM,CAACa,IAAI,CAACmB;EAAO,GAAEnC,QAAQ,CAACoC,cAAc,IAAI,QAAQ,GAACpC,QAAQ,CAACqC,UAAU,GAAC,EAAE,EAAEvC,MAAM,CAACwC,cAAc,CAACC,OAAO,CAAC,CAAC,CAAC,EAAEvC,QAAQ,CAACoC,cAAc,IAAI,QAAQ,GAACpC,QAAQ,CAACqC,UAAU,GAAC,EAAS,CAC1M,CAEF,CAAC;AAEjB,CAAC;AAED,eAAezC,UAAU","ignoreList":[]}

package/lib/module/Leaders/components/LeaderboardCard.js

@@ -0,0 +1,196 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View } from "../../Components/Themed";
+import { LeadersApi } from '../api';
+import LeaderCard from './LeaderCard';
+import { useColors } from '../../constants/useColors';
+import { ActivityIndicator, FlatList } from 'react-native';
+const LeaderboardCard = ({
+  category_id,
+  timerange_id,
+  player_id,
+  onSeeFull,
+  onSelectPlayer
+}) => {
+  const Colors = useColors();
+  const [selected_leader, setSelectedLeader] = useState({});
+  const {
+    leader,
+    player
+  } = selected_leader;
+  const [my_data, setMyData] = useState({});
+  const {
+    me,
+    my_leader
+  } = my_data;
+  const [leaders_data, setLeadersData] = useState({
+    loading: false,
+    leaders: [],
+    players: [],
+    offset: 0
+  });
+  const {
+    loading,
+    leaders,
+    players,
+    timerange,
+    category
+  } = leaders_data;
+  useEffect(() => {
+    LeadersApi.setEnvironment();
+    if (!timerange_id || !category_id) {
+      return;
+    }
+    getLeaders(category_id, timerange_id, 0);
+  }, [timerange_id, category_id, player_id]);
+  const getLeaders = async (category_id, timerange_id, page) => {
+    setLeadersData({
+      ...leaders_data,
+      loading: true
+    });
+    const resp = await LeadersApi.getLeaders(category_id, timerange_id, page, player_id);
+    if (!resp) {
+      setLeadersData({
+        ...leaders_data,
+        loading: false
+      });
+      return alert('Unable to get leaderboard');
+    }
+    const player_ids = resp.leaders.map(l => l.player_id);
+    const players = await LeadersApi.getPlayersByPlayerIds(player_ids);
+    if (page == 0 && player_id) {
+      let me_player = players.find(p => p.player_id == player_id);
+      let me_leader = resp.leaders.find(l => l.player_id == player_id);
+      setMyData({
+        me: me_player,
+        my_leader: me_leader
+      });
+    }
+    setLeadersData({
+      ...leaders_data,
+      loading: false,
+      category: resp.category,
+      timerange: resp.timerange,
+      leaders: resp.leaders,
+      offset: page,
+      players
+    });
+  };
+  const renderLeaders = data => {
+    if (!category) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const l_player = players.find(p => p.player_id == data.item.player_id);
+    if (!l_player) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const selected = player?.player_id == data.item.player_id ? true : false;
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        margin: 4,
+        borderWidth: selected ? 1 : 0,
+        borderColor: Colors.text.success,
+        borderRadius: 12
+      }
+    }, /*#__PURE__*/React.createElement(LeaderCard, {
+      leader: data.item,
+      player: l_player,
+      category: category,
+      direction: "vertical",
+      onSelectLeader: (l, p) => {
+        if (player?.player_id == data.item.player_id) {
+          return setSelectedLeader({});
+        }
+        setSelectedLeader({
+          leader: l,
+          player: p
+        });
+      }
+    }));
+  };
+  if (!timerange || !category) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 15
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Leaders by ", category.name), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, timerange.name, " (", timerange.order_minimum, " Bets Minimum)")), /*#__PURE__*/React.createElement(Button, {
+    title: "See Full Leaderboard",
+    style: {
+      padding: 10
+    },
+    type: "text",
+    onPress: () => onSeeFull()
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, my_leader && me ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      margin: 4
+    }
+  }, /*#__PURE__*/React.createElement(LeaderCard, {
+    leader: my_leader,
+    player: me,
+    onSelectLeader: () => console.log(''),
+    direction: "vertical",
+    category: category
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    style: {
+      padding: 10,
+      alignSelf: 'center'
+    },
+    color: Colors.text.h1,
+    size: "large"
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      borderLeftWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    key: 'leader_list',
+    data: leaders,
+    showsHorizontalScrollIndicator: false,
+    horizontal: true,
+    keyExtractor: item => item.leader_id.toString(),
+    renderItem: renderLeaders
+  }))), leader && player ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      margin: 5
+    }
+  }, /*#__PURE__*/React.createElement(LeaderCard, {
+    leader: leader,
+    player: player,
+    category: category,
+    show_view_profile: true,
+    onSelectLeader: onSelectPlayer
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null)));
+};
+export default LeaderboardCard;
+//# sourceMappingURL=LeaderboardCard.js.map

package/lib/module/Leaders/components/LeaderboardCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Button","Text","View","LeadersApi","LeaderCard","useColors","ActivityIndicator","FlatList","LeaderboardCard","category_id","timerange_id","player_id","onSeeFull","onSelectPlayer","Colors","selected_leader","setSelectedLeader","leader","player","my_data","setMyData","me","my_leader","leaders_data","setLeadersData","loading","leaders","players","offset","timerange","category","setEnvironment","getLeaders","page","resp","alert","player_ids","map","l","getPlayersByPlayerIds","me_player","find","p","me_leader","renderLeaders","data","createElement","Fragment","l_player","item","selected","transparent","style","margin","borderWidth","borderColor","text","success","borderRadius","direction","onSelectLeader","flex","type","flexDirection","alignItems","padding","theme","name","marginTop","order_minimum","title","onPress","console","log","alignSelf","color","h1","size","borderLeftWidth","borders","light","key","showsHorizontalScrollIndicator","horizontal","keyExtractor","leader_id","toString","renderItem","show_view_profile"],"sourceRoot":"../../../../src","sources":["Leaders/components/LeaderboardCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Leaders/index.js

@@ -0,0 +1,315 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View } from "../Components/Themed";
+import { LeadersApi } from './api';
+import { ActivityIndicator, FlatList } from 'react-native';
+import { Checkbox, Icons, Toggle } from '../Components';
+import LeaderCard from './components/LeaderCard';
+import Pagination from '../Components/Pagination';
+import { useColors } from '../constants/useColors';
+const sections = ['header', 'timeranges', 'my_leader', 'pagination', 'leaders'];
+const Leaderboard = ({
+  player_id,
+  stat,
+  range_days
+}) => {
+  const Colors = useColors();
+  const [static_data, setStaticData] = useState({
+    time_ranges: [],
+    categories: [],
+    show_categories: false
+  });
+  const {
+    time_ranges,
+    categories,
+    show_categories
+  } = static_data;
+  const [my_data, setMyData] = useState({});
+  const {
+    me,
+    my_leader
+  } = my_data;
+  const [leaders_data, setLeadersData] = useState({
+    loading: false,
+    leaders: [],
+    players: [],
+    offset: 0
+  });
+  const {
+    loading,
+    leaders,
+    players,
+    timerange_id,
+    category_id,
+    offset
+  } = leaders_data;
+  const timerange = time_ranges.find(t => t.timerange_id == timerange_id);
+  const category = categories.find(c => c.category_id == category_id);
+  useEffect(() => {
+    LeadersApi.setEnvironment();
+    start_up(stat);
+  }, [stat, range_days, player_id]);
+  const start_up = async (stat, range_days) => {
+    let data = await getStaticData();
+    let category = data.categories.find(c => c.stat == stat);
+    if (!category) {
+      category = data.categories[0];
+    }
+    let range = data.time_ranges.find(r => r.range_days == range_days);
+    if (!range) {
+      range = data.time_ranges[0];
+    }
+    if (!category || !range) {
+      return alert('Unable to load leaderboard');
+    }
+    getLeaders(category.category_id, range.timerange_id, 0);
+  };
+  const getLeaders = async (category_id, timerange_id, page) => {
+    setLeadersData({
+      ...leaders_data,
+      loading: true
+    });
+    const resp = await LeadersApi.getLeaders(category_id, timerange_id, page, player_id);
+    if (!resp) {
+      setLeadersData({
+        ...leaders_data,
+        loading: false
+      });
+      return alert('Unable to get leaderboard');
+    }
+    const player_ids = resp.leaders.map(l => l.player_id);
+    const players = await LeadersApi.getPlayersByPlayerIds(player_ids);
+    if (page == 0 && player_id) {
+      let me_player = players.find(p => p.player_id == player_id);
+      let me_leader = resp.leaders.find(l => l.player_id == player_id);
+      setMyData({
+        me: me_player,
+        my_leader: me_leader
+      });
+    }
+    setLeadersData({
+      ...leaders_data,
+      loading: false,
+      category_id,
+      timerange_id,
+      leaders: resp.leaders,
+      offset: page,
+      players
+    });
+  };
+  const getStaticData = async () => {
+    //Start Loading
+    const resp = await LeadersApi.getCategories();
+    setStaticData({
+      categories: resp.categories,
+      time_ranges: resp.time_ranges,
+      show_categories: false
+    });
+    return resp;
+  };
+  const renderLeaders = data => {
+    if (!category) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const player = players.find(p => p.player_id == data.item.player_id);
+    if (!player) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        margin: 4
+      }
+    }, /*#__PURE__*/React.createElement(LeaderCard, {
+      leader: data.item,
+      player: player,
+      category: category,
+      onSelectLeader: (l, p) => console.log(l, p)
+    }));
+  };
+  const renderCategories = data => {
+    if (!timerange_id) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const checked = category_id == data.item.category_id ? true : false;
+    return /*#__PURE__*/React.createElement(Button, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 15,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => {
+        getLeaders(data.item.category_id, timerange_id, 0);
+        setStaticData({
+          ...static_data,
+          show_categories: false
+        });
+      }
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      color: Colors.text.action,
+      disabled: true,
+      fill_style: {
+        borderRadius: 100
+      },
+      style: {
+        borderRadius: 100
+      },
+      checked: checked,
+      onSelect: () => console.log('')
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "action"
+    }, data.item.name)));
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        if (!category || !timerange) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 15
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Leaders by ", category.name), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, timerange.name, " (", timerange.order_minimum, " Bets Minimum)")), /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          style: {
+            flexDirection: 'row',
+            padding: 15,
+            alignItems: 'center'
+          },
+          onPress: () => setStaticData({
+            ...static_data,
+            show_categories: !show_categories
+          })
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "action",
+          size: 14,
+          style: {
+            marginRight: 5
+          }
+        }, category?.name ?? 'Select Category'), /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+          size: 8,
+          direction: show_categories ? 'up' : 'down',
+          color: Colors.text.action
+        }))), show_categories ? /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(FlatList, {
+          data: categories,
+          key: 'category_list',
+          keyExtractor: item => item.category_id.toString(),
+          renderItem: renderCategories
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null));
+      case 'timeranges':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Toggle, {
+          options: time_ranges.map(c => {
+            return {
+              key: c.range_days.toString(),
+              label: c.name
+            };
+          }),
+          selected_option: timerange?.range_days?.toString(),
+          onSelectOption: option => {
+            let selected_range = time_ranges.find(c => c.range_days.toString() == option);
+            if (!selected_range || !category_id) {
+              return;
+            }
+            getLeaders(category_id, selected_range.timerange_id, 0);
+          }
+        }));
+      case 'pagination':
+        if (!category_id || !timerange_id) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Pagination, {
+          offset: offset,
+          onNext: () => getLeaders(category_id, timerange_id, offset + 1),
+          onPrevious: () => getLeaders(category_id, timerange_id, offset - 1)
+        }));
+      case 'my_leader':
+        if (!my_leader) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!me) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!category) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginBottom: 10
+          },
+          theme: "h1"
+        }, "Your Place"), /*#__PURE__*/React.createElement(LeaderCard, {
+          leader: my_leader,
+          player: me,
+          category: category,
+          onSelectLeader: (l, p) => console.log(l, p)
+        }));
+      case 'leaders':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            padding: 10
+          }
+        }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+          style: {
+            padding: 10,
+            alignSelf: 'center'
+          },
+          size: 'large',
+          color: Colors.text.h1
+        }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(FlatList, {
+          data: leaders.sort((a, b) => a.place - b.place),
+          key: 'leaders_list',
+          renderItem: renderLeaders,
+          keyExtractor: item => item.leader_id.toString()
+        }));
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(FlatList, {
+    data: sections,
+    key: `leaders_sections`,
+    keyExtractor: item => item,
+    renderItem: renderSections,
+    refreshing: loading,
+    onRefresh: () => {
+      if (!category_id || !timerange_id) {
+        return console.log('');
+      }
+      getLeaders(category_id, timerange_id, 0);
+    }
+  }));
+};
+export default Leaderboard;
+//# sourceMappingURL=index.js.map