be-components 7.0.2 → 7.0.4

package/src/Squares/index.tsx

@@ -34,7 +34,7 @@ type SquaresModuleProps = {
     onEvent:(ev:BEEventProps) => void
 }
 
-const squares_sections = ['header', 'offers', 'toggle', 'event', 'board', 'board_stats', 'my_stats', 'results', 'my_squares', 'winners','hidden_prizes','details', 'owners']
+const squares_sections = ['header', 'activate', 'offers', 'toggle', 'event', 'board', 'board_stats', 'my_stats', 'results', 'my_squares', 'winners','hidden_prizes','details', 'owners']
 
 const SquaresModule = ({ sq_comp_id, info_header, view_mode, insets, player_id, distinct_id, onManageSquares, onRequestAuthenticate, onShareCompetition, onPlayerSelect }:SquaresModuleProps) => {
     const C = useColors();
@@ -334,6 +334,23 @@ const SquaresModule = ({ sq_comp_id, info_header, view_mode, insets, player_id,
         })
     }
 
+    const handleActivate = async() => {
+        if(!squares_competition || loading){ return }
+        if(squares_competition.status != 'pending'){ return }
+        setModuleData({ ...module_data, loading: true });
+        const activate_resp = await SquaresApi.activateSquares(squares_competition.sq_comp_id);
+        if(!activate_resp){ return alert('Unable to activate competition') }
+        setModuleData({ 
+            ...module_data, 
+            squares_competition: activate_resp.squares_competition, 
+            player_squares: activate_resp.player_squares,
+            squares: activate_resp.squares,
+            squares_type: activate_resp.squares_type,
+            squares_payout_type: activate_resp.squares_payout_type,
+            loading: true 
+        });
+    }
+
     const handleUpdateBoardFromBuy = (data:BuySquaresResponseProps) => {
         //First remove squares
         //Now update squares
@@ -378,6 +395,25 @@ const SquaresModule = ({ sq_comp_id, info_header, view_mode, insets, player_id,
                         </Button>
                     </View>
                 )
+            case 'activate':
+                if(squares_competition?.status != 'pending'){ return <></> }
+                if(player_id != squares_competition?.admin_id){ return <></> }
+                return (
+                    <View type='row' style={{ padding:10 }}>
+                        <View style={{ flex:1 }}>
+                            <Text theme="h2">Squares competition is pending.</Text>
+                            <Text theme="description" style={{ marginTop:3 }}>Press Activate to allow others to join!</Text>
+                        </View>
+                        <Button
+                            disabled={loading ? true : false}
+                            style={{ marginLeft:5, padding:10 }}
+                            loading={loading}
+                            title="ACTIVATE!"
+                            type='success'
+                            onPress={() => handleActivate()}
+                        />
+                    </View>
+                )
             case 'event':
                 if(!event){ return <></> }
                 return (
@@ -512,6 +548,7 @@ const SquaresModule = ({ sq_comp_id, info_header, view_mode, insets, player_id,
                 )
             case 'board':
                 if(!squares_competition){ return <></> }
+                if(squares_competition.status == 'pending'){ return <></> }
                 return (
                     <View style={{ alignItems:view_mode == 'desktop' ? 'center': undefined }}>
                         <SquaresBoard 
@@ -597,10 +634,17 @@ const SquaresModule = ({ sq_comp_id, info_header, view_mode, insets, player_id,
                             if(ev.action == 'buy'){ setUpdatedFromBid(data as BuySquaresResponseProps) }
                             if(ev.action == 'offer')[ setUpdatedFromOffer(data as OfferResponseProps) ]
                             break;
+                        case 'ACTIVATE_SQUARES':
+                            //When activated - we should just reload the modules
+                            let socket_comp = ev.squares_competition as SquaresCompetitionProps
+                            if(!socket_comp){return}
+                            if(socket_comp.sq_comp_id != sq_comp_id){ return } //Dont do anything here
+                            getDataFromServer(sq_comp_id, {});
+                            break;
                         default: break;
                     }
                 }}
-                subscribed_events={['V1_UPDATE_SQUARE_DETAILS']}
+                subscribed_events={['V1_UPDATE_SQUARE_DETAILS', 'ACTIVATE_SQUARES']}
             />
             <Modal
                 transparent

package/src/SquaresManager/api/index.ts

@@ -27,6 +27,14 @@ const SquaresManagerApi = {
             return []
         }
     },
+    deleteCompetition: async(sq_comp_id:string):Promise<SquaresCompetitionProps|undefined> => {
+        try {
+            const resp = await axios.post(`${TP_SVC_API}/v1/squares/competition/delete`, { sq_comp_id });
+            return resp.data.squares_competition
+        } catch (e) {
+            return undefined
+        }
+    },
     getEventsByEventIds: async(event_ids:string[]):Promise<EventProps[]> => {
         try {
             if(event_ids.length == 0){ return [] }

package/src/SquaresManager/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react"
 import { SquaresManagerApi, SquaresManagerHelpers } from "./api";
 import { Button, Text, TextInput, View } from "../Components/Themed";
 import { FlatList, Image, type ViewStyle } from "react-native";
-import type { CompanyProps, EventProps, FocusPositionProps, GroupProps, LeagueProps, MyPlayerProps, SquaresCompetitionProps } from "../types";
+import type { CompanyProps, EventProps, FocusPositionProps, GroupProps, LeagueProps, MyPlayerProps, PlayerSquareProps, SquaresCompetitionProps } from "../types";
 import { useColors } from "../constants/useColors";
 import LeagueSchedule from "../MarketComponents/components/LeagueSchedule";
 import { Icons, Switch, Toggle } from "../Components";
@@ -10,6 +10,7 @@ import moment from "moment-mini";
 import ImageUploader from "../Components/ImageUploader";
 import GroupSelector from "../CompetitionManager/components/GroupSelector";
 import CompanySelector from "../CompetitionManager/components/CompanySelector";
+import { showConfirmAlert } from "../Components/ConfirmAlert";
 
 type SquaresManagerProps = {
     sq_comp_id:string,
@@ -17,12 +18,13 @@ type SquaresManagerProps = {
     float?:boolean,
     player?:MyPlayerProps,
     onActivate:(sq:SquaresCompetitionProps) => void,
+    onDelete:(sq:SquaresCompetitionProps) => void,
     onClose:() => void,
     header_style?:ViewStyle,
     footer_style?:ViewStyle
 }
-const sections = ['header','toggle','info','event']
-const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPosition, footer_style, onClose, onActivate }:SquaresManagerProps) => {
+const sections = ['header','activate','toggle','info','event','delete']
+const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPosition, footer_style, onDelete, onClose, onActivate }:SquaresManagerProps) => {
     const Colors = useColors();
     const [ my_data, setMyData ] = useState<{
             groups:GroupProps[],
@@ -34,10 +36,11 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
         const { groups, companies } = my_data;
     const [ sq_state, setState ] = useState<{
         loading: boolean,
-        active_tab: 'info'|'event',
+        active_tab: 'info'|'event'|'danger',
         leagues_visible?:boolean,
         active_event?:EventProps,
         active_league?:LeagueProps,
+        player_squares:PlayerSquareProps[],
         min_square_price:string,
         guaranteed_payout:string,
         leagues:LeagueProps[],
@@ -50,13 +53,13 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
         leagues_visible:false,
         leagues:[],
         min_square_price: '0',
+        player_squares:[],
         guaranteed_payout: '0',
         league_schedule: false
     });
-    const { loading, squares_competition, min_square_price, guaranteed_payout, active_tab, leagues, league_schedule, draft_competition, leagues_visible, active_event, active_league } = sq_state
+    const { loading, squares_competition, min_square_price, player_squares, guaranteed_payout, active_tab, leagues, league_schedule, draft_competition, leagues_visible, active_event, active_league } = sq_state
     const active_group = groups.find(g => g.group_id == draft_competition?.group_id)
     const active_company = companies.find(c => c.company_id == draft_competition?.company_id);
-
     useEffect(() => {
         SquaresManagerApi.setEnvironment();
         getData(sq_comp_id)
@@ -93,6 +96,7 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
             loading: false,
             leagues: lgs.filter(l => l.sport == 'Football'),
             active_event: active_ev,
+            player_squares: sq_data.player_squares,
             min_square_price: sq_data.squares_competition.minimum_square_price.toFixed(2),
             active_league: active_league,
             draft_competition: sq_data.squares_competition,
@@ -114,6 +118,27 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
         onActivate(activate_resp.squares_competition)
     }
 
+    const handleDelete = async() => {
+        setState({ ...sq_state, loading:true });
+        const deleted_comp = await SquaresManagerApi.deleteCompetition(sq_comp_id);
+        if(!deleted_comp){ return alert('Unable to delete competition.  If any bids are active, you cannot delete this competition') }
+        setState({ 
+            ...sq_state, 
+            squares_competition: deleted_comp,
+            draft_competition: deleted_comp,
+            loading:true 
+        });
+        onDelete(deleted_comp)
+    }
+
+    const handleConfirmDelete = () => {
+        if(player_squares.length > 0){ return alert('Unable to delete competition with active bids') }
+        showConfirmAlert('Are you sure?', 'Once this is deleted you can no longer access it',
+            () => handleDelete(),
+            () => console.log('')
+        )
+    }
+
     const updateCompetition = async(sq_comp:SquaresCompetitionProps) => {
         if(errors.length > 0){ return alert(errors.map(e => e)) }
         if(loading){ return }//No mashy
@@ -189,6 +214,24 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
                         />
                     </View>
                 )
+            case 'activate':
+                if(squares_competition?.status != 'pending'){ return <></> }
+                return (
+                    <View type='row' style={{ padding:10 }}>
+                        <View style={{ flex:1 }}>
+                            <Text theme="h2">Squares competition is pending.</Text>
+                            <Text theme="description" style={{ marginTop:3 }}>Press Activate to allow others to join!</Text>
+                        </View>
+                        <Button
+                            disabled={errors.length > 0 || loading ? true : false}
+                            style={{ marginLeft:5, padding:10, opacity: errors.length > 0 ? 0.5: 1 }}
+                            loading={loading}
+                            title="ACTIVATE!"
+                            type='success'
+                            onPress={() => handleActivate()}
+                        />
+                    </View>
+                )
             case 'toggle':
                 return (
                     <View transparent>
@@ -199,9 +242,10 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
                         options={[
                             { key: 'info', label: 'Info', icon: <Icons.MenuIcon size={14} color={Colors.text.warning} /> },
                             { key: 'event', label: 'Event', icon: <Icons.ActivityIcon size={14} color={Colors.text.warning}  /> },
+                            { key: 'danger', label: 'Danger', icon: <Icons.AlertIcon size={14} color={Colors.text.error}  /> },
                         ]}
                         selected_option={active_tab}
-                        onSelectOption={(key) => setState({ ...sq_state, active_tab: key as 'info'|'event'})}
+                        onSelectOption={(key) => setState({ ...sq_state, active_tab: key as 'info'|'event'|'danger'})}
                         title_renderer={(option) => {
                             const selected = option.key == active_tab ? true : false
                             return (
@@ -216,6 +260,33 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
                     />
                     </View>
                 )
+            case 'delete':
+                if(active_tab != 'danger'){ return <></> }
+                return (
+                    <View>
+                        <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
+                            <View transparent style={{ flex:1 }}>
+                                <Text theme="h1">DELETE COMPETITION</Text>
+                                <Text theme="description" style={{ marginTop:3 }}>Archive this competition</Text>
+                            </View>
+                        </View>
+                        <View style={{ padding:10 }}>
+                            {player_squares.length > 0 ?
+                            <Text theme="warning">This competition cannot be archived as there are active bids on squares.</Text>
+                            :
+                            <Text theme="warning">Once archived you will no longer be able to edit or see this competition</Text>
+                            }
+                            <Button
+                                title="DELETE"
+                                disabled={player_squares.length > 0 ? true: false}
+                                loading={loading}
+                                onPress={() => handleConfirmDelete()}
+                                type='error'
+                                style={{ marginTop:10, opacity: player_squares.length > 0 || loading ? 0.5:1 }}
+                            />
+                        </View>
+                    </View>
+                )
             case 'info':
                 if(!draft_competition){ return <></> }
                 if(active_tab != 'info'){ return <></> }
@@ -392,16 +463,6 @@ const SquaresManager = ({ sq_comp_id, float, player, header_style, onFocusPositi
                     type='action'
                     onPress={() => draft_competition ? updateCompetition(draft_competition) : console.log('')}
                 />
-                {squares_competition?.status == 'pending' ?
-                <Button
-                    disabled={errors.length > 0 || loading ? true : false}
-                    style={{ flex:2, marginLeft:10, opacity: errors.length > 0 ? 0.5: 1 }}
-                    loading={loading}
-                    title="ACTIVATE!"
-                    type='success'
-                    onPress={() => handleActivate()}
-                />
-                :<></>}
             </View>
         </View>
     )