be-components 6.3.1 → 6.3.3

package/lib/module/Campaign/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { FlatList, Image, useWindowDimensions } from "react-native";
+import { FlatList, Image, ImageBackground, useWindowDimensions } from "react-native";
 import { Button, Text, View } from '../Components/Themed';
 import { CampaignApi, CampaignHelpers } from '../Campaign/api';
 import { MarketComponentApi } from '../MarketComponents/api';
@@ -13,14 +13,19 @@ import CampaignAnalytics from './components/CampaignAnalytics';
 import SocketManager from '../Socket';
 import NewPlayerAlert from './components/NewPlayerAlert';
 import ActionList from './components/ActionList';
-import { Icons, Toggle } from '../Components';
+import { AutoScrollingFlatList, Icons, Toggle } from '../Components';
+import { PollApi, PollCampaignApi, PollOptionApi } from '../Poll/api';
+import FlashHolder from '../FlashMarket/FlashHolder';
+import GolferAlert from './components/GolferAlert';
 const HEADER_HEIGHT = 75;
 const sections = ['header', 'prize', 'participants', 'toggle', 'desktop_data', 'mobile_ticker', 'mobile_player', 'mobile_leaderboard', 'engagements'];
+//const golf_sections = ['header', 'closest_pin', 'sponsors']
 const Campaign = ({
   player_id,
   campaign_id,
   insets,
   color_mode,
+  mode,
   distinct_id,
   onSelectCompetition,
   onSelectPollCampaign,
@@ -32,6 +37,10 @@ const Campaign = ({
 }) => {
   const Colors = useColors();
   const [needs_reload, setNeedsReload] = useState(false);
+  const [golf_leader_size, setGolfLeaderSize] = useState({
+    height: 0,
+    width: 0
+  });
   const [new_player_alert, setNewPlayerAlert] = useState(undefined);
   const [new_bet_alert, setNewBetAlert] = useState(undefined);
   //const [ refresh, setRefresh ] = useState(0);
@@ -61,6 +70,9 @@ const Campaign = ({
     leagues: [],
     tournaments: [],
     poll_campaigns: [],
+    flash_options: [],
+    flash_markets: [],
+    sponsors: [],
     competitions: [],
     matches: [],
     athletes: [],
@@ -75,8 +87,11 @@ const Campaign = ({
     orders,
     events,
     tournaments,
+    flash_options,
+    sponsors,
     athletes,
     competitions,
+    flash_markets,
     poll_campaigns,
     campaign,
     participant_page,
@@ -143,9 +158,17 @@ const Campaign = ({
     plsers = plsers.concat(await CampaignApi.getPlayersByPlayerIds(needed_player_ids));
     //Set new bettor!!
     let new_player = cps.filter(cp => cp.status == 'active')[0];
-    if (new_player && new_player.player_id != player_id) {
+    if (mode != 'golf' && new_player && new_player.player_id != player_id) {
       setNewPlayerAlert(new_player);
     }
+    if (mode == 'golf') {
+      //Old player
+      let exist = campaign_participants.find(cp => cp.campaign_participant_id == socket_participants[0]?.campaign_participant_id);
+      if (exist?.payload?.status == 'active' && campaign_participants[0]?.payload.status == 'closed') {
+        setNewPlayerAlert(new_player);
+      }
+    }
+
     //Ok! Now lets update the participants
     setEmbedState({
       ...embed_state,
@@ -206,8 +229,18 @@ const Campaign = ({
     }
     let comps = [];
     let pcs = [];
+    let fls = [];
+    let opts = [];
     if (c_resp.campaign && c_resp.campaign.poll_campaign_ids) {
       pcs = await CampaignApi.getPollCampaignsByIds(c_resp.campaign.poll_campaign_ids);
+      let campaign_id = pcs[0]?.poll_campaign_id;
+      if (campaign_id) {
+        PollCampaignApi.setEnvironment();
+        let flash_resp = await PollApi.getPollsByCampaignId(campaign_id);
+        fls = flash_resp.polls;
+        let poll_ids = [...new Set(fls.map(p => p.poll_id))];
+        opts = await PollOptionApi.getPollOptionsByPollIds(poll_ids);
+      }
     }
     if (c_resp.campaign && c_resp.campaign.competition_ids) {
       comps = await CampaignApi.getCompetitionsByIds(c_resp.campaign.competition_ids);
@@ -240,12 +273,16 @@ const Campaign = ({
     const tms = await MarketComponentApi.getTeamsByIds(tm_ids);
     const aths = await MarketComponentApi.getAthletesByIds(aths_ids);
     const lgs = await MarketComponentApi.getLeagues();
+    const spnsrs = await CampaignApi.getCompaniesByIds(c_resp.campaign?.sponsors ?? []);
     setEmbedState({
       ...embed_state,
       players: pls,
       campaign: c_resp.campaign,
       campaign_participants: c_resp.campaign_participants,
       teams: tms,
+      sponsors: spnsrs,
+      flash_markets: fls,
+      flash_options: opts,
       leagues: lgs,
       competitions: comps,
       poll_campaigns: pcs,
@@ -344,6 +381,58 @@ const Campaign = ({
       }
     });
   };
+  const renderGolfers = data => {
+    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, {
+      type: "row",
+      style: {
+        padding: 10,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, data.item.payload.status == 'active' ? /*#__PURE__*/React.createElement(Icons.GolferIcon, {
+      size: 16,
+      color: Colors.text.h1
+    }) : data.item.payload.status == 'pending' ? /*#__PURE__*/React.createElement(Icons.InProgressIcon, {
+      size: 16,
+      color: Colors.text.h1
+    }) : /*#__PURE__*/React.createElement(Icons.LockClosedIcon, {
+      size: 16,
+      color: Colors.text.h1
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1,
+        flexDirection: 'row',
+        marginLeft: 15
+      }
+    }, /*#__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: 35,
+        width: 35,
+        borderRadius: 100
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, player.first_name, " ", player.last_name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "@", player.username))), /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.payload.pin_distance));
+  };
   const renderEngagements = data => {
     switch (data.item.type) {
       case 'competition':
@@ -436,6 +525,165 @@ const Campaign = ({
         return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
   };
+  const renderUpcomingGolfers = data => {
+    const options = flash_options.filter(o => o.poll_id == data.item.poll_id);
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light,
+        borderBottomLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        padding: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRightWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginBottom: 4
+      }
+    }, "Group"), /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.priority)), options.sort((a, b) => a.priority - b.priority).map(o => {
+      return /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+          padding: 10,
+          borderRightWidth: 1,
+          borderColor: Colors.borders.light
+        }
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+        },
+        style: {
+          height: 40,
+          width: 40
+        },
+        resizeMode: "cover"
+      }), /*#__PURE__*/React.createElement(Text, {
+        theme: "h2",
+        style: {
+          marginTop: 4
+        },
+        textAlign: "center"
+      }, o.option_name));
+    }));
+  };
+  const renderClosedGolfers = data => {
+    const options = flash_options.filter(o => o.poll_id == data.item.poll_id);
+    return /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light,
+        borderBottomLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        padding: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRightWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginBottom: 4
+      }
+    }, "Group"), /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.priority)), options.sort((a, b) => a.priority - b.priority).map(o => {
+      return /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+          padding: 10,
+          borderWidth: 1,
+          borderColor: o.result_ind == 'win' ? Colors.text.success : Colors.borders.light
+        }
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+        },
+        style: {
+          height: 50,
+          width: 50
+        },
+        resizeMode: "cover"
+      }), /*#__PURE__*/React.createElement(Text, {
+        theme: "h2",
+        style: {
+          marginTop: 4
+        },
+        textAlign: "center"
+      }, o.option_name));
+    }));
+  };
+  const renderPastPoll = data => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexGrow: 1,
+        padding: 10,
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.poll_question));
+  };
+  const renderSponsors = data => {
+    return /*#__PURE__*/React.createElement(View, {
+      float: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        minWidth: 300,
+        maxWidth: 350,
+        margin: 10,
+        padding: 10
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: data.item.company_image?.url
+      },
+      style: {
+        height: 60,
+        width: 60,
+        backgroundColor: Colors.text.white,
+        borderRadius: 8
+      },
+      resizeMode: "center"
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, data.item.company_name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 4
+      }
+    }, data.item.company_description)));
+  };
   const renderSections = data => {
     switch (data.item) {
       case 'header':
@@ -499,6 +747,150 @@ const Campaign = ({
           value: `https://play.bettoredge.com/social/campaign/${campaign_id}`,
           size: 65
         })) : /*#__PURE__*/React.createElement(React.Fragment, null));
+      case 'closest_pin':
+        const active_poll = flash_markets[0]; //.find(m => m.flash_active);
+        const next_three = flash_markets.filter(m => m.priority > (active_poll?.priority ?? 0)).sort((a, b) => a.priority - b.priority).slice(0, 3);
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          nativeID: "pin_leaderboard",
+          style: {
+            flex: 1,
+            minWidth: 400
+          }
+        }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Image, {
+          source: {
+            uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1752434537/a95a5b63614b60844f9612cce6cc985a2ed2879c-1600x1067_bfgn61.jpg'
+          },
+          style: {
+            height: 400 * 0.6725,
+            width: 400
+          },
+          resizeMode: "cover"
+        }))), /*#__PURE__*/React.createElement(View, {
+          style: {
+            minWidth: 400
+          }
+        }, /*#__PURE__*/React.createElement(FlatList, {
+          data: campaign_participants.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
+        })), /*#__PURE__*/React.createElement(View, {
+          nativeID: "flash",
+          style: {
+            flex: 4,
+            borderLeftWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "body",
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          style: {
+            flexDirection: 'row',
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          style: {
+            flex: 1
+          }
+        }, active_poll ? /*#__PURE__*/React.createElement(FlashHolder, {
+          poll_id: active_poll?.poll_id,
+          init_expanded: true,
+          hide_tabs: true,
+          onRequestAuthenticate: () => console.log(''),
+          onRequestLocation: () => console.log(''),
+          onFocusPosition: () => console.log('')
+        }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+          style: {
+            flex: 1,
+            borderLeftWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Upcoming Groups"), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          style: {
+            marginTop: 8
+          }
+        }, "Bet on who will get closest to the pin!"))), /*#__PURE__*/React.createElement(View, null, next_three.map((p, i) => {
+          return renderUpcomingGolfers({
+            item: p,
+            index: i
+          });
+        })))))));
+      case 'last_ones':
+        const past_three = flash_markets.filter(m => m.priority > (active_poll?.priority ?? 0)).sort((a, b) => b.priority - a.priority).slice(0, 5);
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            flex: 1,
+            borderLeftWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Upcoming Groups"), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          style: {
+            marginTop: 8
+          }
+        }, "Bet on who will get closest to the pin!"))), past_three.map((p, i) => {
+          return renderPastPoll({
+            item: p,
+            index: i
+          });
+        }));
+      case 'sponsors':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            padding: 10,
+            borderTopWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "Sponsors"), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          style: {
+            marginTop: 4
+          }
+        }, "A massive thank you to all the amazing sponsors")), /*#__PURE__*/React.createElement(AutoScrollingFlatList, {
+          data: sponsors,
+          renderItem: renderSponsors,
+          horizontal: true,
+          speed: 50
+        }));
       case 'prize':
         if (!campaign?.prize_description) {
           return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -676,6 +1068,411 @@ const Campaign = ({
   const new_bet_event = events.find(e => e.event_id == new_bet_alert?.event_id);
   const new_bet_tournament = tournaments.find(t => t.tournament_id == new_bet_alert?.event_id);
   const new_bet_league = new_bet_event ? leagues.find(l => l.league_id == new_bet_event.league_id) : leagues.find(l => l.league_id == new_bet_tournament?.league_id);
+  if (mode == 'golf') {
+    const active_poll = flash_markets.filter(m => ['paused', 'active'].includes(m.status)).sort((a, b) => a.priority - b.priority)[0];
+    const next_three = flash_markets.filter(m => m.priority > (active_poll?.priority ?? 0)).sort((a, b) => a.priority - b.priority).slice(0, 3);
+    const past_three = flash_markets.filter(m => m.status == 'closed').sort((a, b) => b.priority - a.priority).slice(0, 3);
+    const active_participant = campaign_participants.find(cp => cp.payload.status == 'active');
+    const active_golfer = players.find(p => p.player_id == active_participant?.player_id);
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(ImageBackground, {
+      style: {
+        flex: 1
+      },
+      source: {
+        uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1752434537/a95a5b63614b60844f9612cce6cc985a2ed2879c-1600x1067_bfgn61.jpg'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "blur",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 2,
+        margin: 10,
+        minWidth: 350
+      },
+      onLayout: ev => {
+        const {
+          height,
+          width
+        } = ev.nativeEvent.layout;
+        setGolfLeaderSize({
+          height,
+          width: width - 2
+        });
+      }
+    }, /*#__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(View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, "On the Tee Now!"), /*#__PURE__*/React.createElement(Text, {
+      theme: "description"
+    }, "Below are the current betting probabilities for the group on the tee!"))), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, active_poll ? /*#__PURE__*/React.createElement(FlashHolder, {
+      poll_id: active_poll?.poll_id,
+      init_expanded: true,
+      hide_tabs: true,
+      hide_timer: true,
+      hide_footer: true,
+      no_highlight: true,
+      onRequestAuthenticate: () => console.log(''),
+      onRequestLocation: () => console.log(''),
+      onFocusPosition: () => console.log('')
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+      transparent: true
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1752434537/a95a5b63614b60844f9612cce6cc985a2ed2879c-1600x1067_bfgn61.jpg'
+      },
+      style: {
+        height: golf_leader_size.width * 0.6725,
+        width: golf_leader_size.width,
+        alignSelf: 'center',
+        borderBottomRightRadius: 8,
+        borderBottomLeftRadius: 8
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      float: true,
+      style: {
+        padding: 20
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      textAlign: "center"
+    }, "Windsong Farm South Course"), /*#__PURE__*/React.createElement(Text, {
+      theme: "h1",
+      style: {
+        marginTop: 10
+      },
+      textAlign: "center"
+    }, "Hole 16"), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        marginTop: 10,
+        padding: 10,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(QRCode, {
+      value: `https://play.bettoredge.com/social/campaign/${campaign_id}`,
+      size: 100,
+      style: {
+        backgroundColor: 'transparent'
+      }
+    }))))))), /*#__PURE__*/React.createElement(View, {
+      float: true,
+      style: {
+        flex: 3,
+        minWidth: 350,
+        margin: 10
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        padding: 10,
+        borderTopRightRadius: 8,
+        borderTopLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, "Closest to the hole #16"))), active_golfer ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: Colors.views.gold,
+        padding: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2"
+    }, "Now On The Tee"), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        marginTop: 5
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: active_golfer.profile_pic && active_golfer.profile_pic != '' ? active_golfer.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1722453927/default_man_n96ofq.webp'
+      },
+      style: {
+        height: 35,
+        width: 35,
+        borderRadius: 100
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1",
+      color: Colors.text.white
+    }, active_golfer.first_name, " ", active_golfer.last_name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "@", active_golfer.username)), /*#__PURE__*/React.createElement(Icons.GolferIcon, {
+      size: 28,
+      color: Colors.text.white
+    }))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1,
+        borderBottomRightRadius: 8,
+        borderBottomLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        padding: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, "LEADERBOARD"), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 4
+      }
+    }, "Closest to the pin - distance in feet from the pin")), /*#__PURE__*/React.createElement(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)),
+      key: 'closed_pin_leaders',
+      keyExtractor: item => item.campaign_participant_id,
+      renderItem: renderGolfers
+    })), /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        padding: 10,
+        borderTopWidth: 1,
+        borderColor: Colors.borders.light,
+        overflow: 'hidden',
+        borderBottomRightRadius: 8,
+        borderBottomLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, "Sponsors"), /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      style: {
+        marginTop: 4
+      }
+    }, "A massive thank you to all the amazing sponsors")), /*#__PURE__*/React.createElement(AutoScrollingFlatList, {
+      data: sponsors,
+      renderItem: renderSponsors,
+      horizontal: true,
+      speed: 20
+    }))), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 4
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      float: true,
+      nativeID: "next_up",
+      style: {
+        flexGrow: 1,
+        margin: 10
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderTopRightRadius: 8,
+        borderTopLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(Icons.GolferIcon, {
+      size: 28,
+      color: Colors.text.h1
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, "Upcoming Groups"), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "Groups that are soon to be up!"))), /*#__PURE__*/React.createElement(View, {
+      style: {
+        borderBottomRightRadius: 8,
+        borderBottomLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(FlatList, {
+      data: next_three.sort((a, b) => a.priority - b.priority),
+      renderItem: renderUpcomingGolfers,
+      key: 'next_up',
+      keyExtractor: item => item.poll_id.toString()
+    }))), /*#__PURE__*/React.createElement(View, {
+      float: true,
+      nativeID: "past",
+      style: {
+        flexGrow: 1,
+        margin: 10
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderTopRightRadius: 8,
+        borderTopLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(Icons.GolferIcon, {
+      size: 28,
+      color: Colors.text.h1
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1"
+    }, "Recently Completed Groups"), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "Winners from past groups!"))), /*#__PURE__*/React.createElement(View, {
+      style: {
+        borderBottomRightRadius: 8,
+        borderBottomLeftRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(FlatList, {
+      data: past_three.sort((a, b) => b.priority - a.priority),
+      renderItem: renderClosedGolfers,
+      key: 'past_up',
+      keyExtractor: item => item.poll_id.toString()
+    }))), campaign ? /*#__PURE__*/React.createElement(View, {
+      type: "header",
+      style: {
+        margin: 10,
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderRadius: 8
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: campaign.campaign_image?.url
+      },
+      style: {
+        height: 80,
+        width: 80,
+        borderRadius: 8
+      },
+      resizeMode: "center"
+    }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 20
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1",
+      size: 18
+    }, campaign.campaign_name), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        marginTop: 4
+      }
+    }, campaign.description))) : /*#__PURE__*/React.createElement(React.Fragment, null)))), new_player_alert && new_player ? /*#__PURE__*/React.createElement(View, {
+      type: "blur",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        alignItems: 'center',
+        paddingTop: 100
+      }
+    }, /*#__PURE__*/React.createElement(GolferAlert, {
+      campaign_participant: new_player_alert,
+      player: new_player,
+      view_mode: view_mode,
+      onViewProfile: onViewProfile,
+      onClose: () => setNewPlayerAlert(undefined)
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(SocketManager, {
+      onConnect: () => {
+        if (!needs_reload) {
+          return;
+        }
+      },
+      onDisconnect: () => setNeedsReload(true),
+      subscribed_events: ['UPDATE_CAMPAIGN_PARTICIPANTS'],
+      onSocketEvent: event => {
+        switch (event.type) {
+          case 'UPDATE_CAMPAIGN_PARTICIPANTS':
+            let this_participants = event.campaign_participants.filter(cp => cp.campaign_id == campaign_id);
+            if (this_participants.length == 0) {
+              return;
+            }
+            return setSocketParticipants(event.campaign_participants);
+          default:
+            return;
+        }
+      }
+    }));
+  }
   return /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1
@@ -768,7 +1565,6 @@ const Campaign = ({
       if (!needs_reload) {
         return;
       }
-      console.log('GET DATA!!!`');
     },
     onDisconnect: () => setNeedsReload(true),
     subscribed_events: ['UPDATE_CAMPAIGN_PARTICIPANTS'],