be-components 7.0.5 → 7.0.8

package/src/CreateEngagement/api/index.ts

@@ -1,7 +1,8 @@
 import axios from "axios";
-import type { CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, CreateEngagementStepProps, GroupPlayerProps, GroupProps, LeagueProps, SquaresCompetitionProps } from "../../types";
+import type { CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, CreateEngagementStepProps, GroupPlayerProps, GroupProps, LeagueProps, PollCampaignProps, PollProps, SquaresCompetitionProps } from "../../types";
 import { APIOverrides } from "../../ApiOverrides";
 import type { CompanyMemberProps } from "../../Authenticator/api/types";
+import moment from "moment-mini";
 
 let AUTH_SVC_API = ''
 let TP_SVC_API = ''
@@ -80,12 +81,45 @@ const CreateEngagementApi = {
         } catch (e) {
             return undefined
         }
+    },
+    createPoll : async(poll:PollProps):Promise<PollProps | undefined> => {
+       try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/polls/poll/create`, { poll })
+            return resp.data.poll
+       } catch (e) {
+            return undefined
+       }
+    },
+     createPollCampaign: async(poll_campaign:PollCampaignProps):Promise<PollCampaignProps | undefined> => {
+        try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/polls/campaigns/campaign/create`, { poll_campaign })
+            return resp.data.poll_campaign
+        } catch (e) {
+            return undefined
+        }
+    },
+    getMyAdminFlashCampaigns: async():Promise<PollCampaignProps[]> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/polls/admin/active`);
+            return resp.data.poll_campaigns
+        } catch (e) {
+            return []
+        }
+    },
+    getCompanyActiveFlashCampaigns: async(company_id:string):Promise<PollCampaignProps[]> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/polls/company/active/${company_id}`);
+            return resp.data.poll_campaigns
+        } catch (e) {
+            console.log(e);
+            return []
+        }
     }
 }
 
 
 const CreateEngagementHelpers = {
-    isStepValid: (step:CreateEngagementStepProps, active_engagement?:string, draft_competition?:any, draft_squares?:SquaresCompetitionProps):string[] => {
+    isStepValid: (step:CreateEngagementStepProps, active_engagement?:string, draft_competition?:any, draft_squares?:SquaresCompetitionProps, draft_flash?:PollProps):string[] => {
         let errors:string[] = []
         switch(step.step_key){
             case 'intro': return errors
@@ -107,6 +141,11 @@ const CreateEngagementHelpers = {
                         if(!draft_squares.sq_comp_description){ errors.push('Please add a description') }
                         if(!draft_squares.event_id){ errors.push('Please add an event') }
                         break
+                    case 'flash':
+                        if(!draft_flash){ errors.push('Please complete the required steps') }
+                        if(!draft_flash?.poll_question){ errors.push('Please add a poll question') }
+                        if(!draft_flash?.poll_campaign_id){ errors.push('Please add to a compaign') }
+                        break
                     default: break
                 }
                 break
@@ -134,5 +173,42 @@ const CreateEngagementHelpers = {
             potential_winnings: 0,
             create_datetime: '',last_update_datetime: ''
         }
+    },
+    generateEmptyFlashCampaign:():PollCampaignProps => {
+        return {
+            poll_campaign_id: '',
+            name: '',
+            market_type: 'FOR_MONEY',
+            admins: [],
+            player_id: '',
+            company_id: '',
+            status: 'active',
+            phone: '0',
+            total_responses: 0,
+            create_datetime: '', last_update_datetime: '',
+            campaign_type: 'predict',
+            close_message_sent: false
+        }
+    },
+    generateFlashMarket: ():PollProps => {
+        return {
+            poll_campaign_id:'',
+            poll_id:'',
+            poll_question: '',
+            max_stake: 25,
+            minimum_stake: 1,
+            market_type: 'FOR_MONEY',
+            status: 'pending',
+            base_stake: 10,
+            require_resolution: true,
+            poll_type: 'select',
+            show_responses: true,
+            priority: 1,
+            end_datetime: moment().add(1, 'day'),
+            manual_close_only: false,
+            stake_increase_allowed: true,
+            multi_responses_allowed: true,
+            create_datetime: '', last_update_datetime:''
+        }
     }
 }

package/src/CreateEngagement/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Button, Text, TextInput, View } from "../Components/Themed"
-import type { BracketCompetitionProps, CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, CreateEngagementStepProps, EventProps, FocusPositionProps, GroupProps, LeagueProps, PollProps, PublicPlayerProps, SquaresCompetitionProps } from '../types';
+import type { BracketCompetitionProps, CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, CreateEngagementStepProps, EventProps, FocusPositionProps, GroupProps, LeagueProps, PollCampaignProps, PollProps, PublicPlayerProps, SquaresCompetitionProps } from '../types';
 import { FlatList, Image, type ViewStyle } from 'react-native';
 import { CreateEngagementApi, CreateEngagementHelpers } from './api';
 import { Icons } from '../Components';
@@ -49,7 +49,8 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
         squares_competition?:SquaresCompetitionProps
     }>({
         create_loading: false
-    })
+    });
+    const [ draft_flash, setDraftFlash ] = useState<PollProps | undefined>(undefined);
     const [ draft_competition, setDraftCompetition ] = useState<undefined | {
         loading:boolean,
         types_visible:boolean,
@@ -66,7 +67,7 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
     }>(undefined);
 
     const [ draft_image, setDraftImage ] = useState<any>(undefined);
-    const [ active_step, setActiveStep ] = useState<CreateEngagementStepProps>(steps[0] as CreateEngagementStepProps)
+    const [ active_step, setActiveStep ] = useState<CreateEngagementStepProps>(steps[4] as CreateEngagementStepProps)
     const [ state, setState ] = useState<{
         loading: boolean,
         active_engagment?:'competition'|'squares'|'flash'|'bracket',
@@ -77,6 +78,7 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
     }>({
         loading:false,
         groups: [],
+        active_engagment: 'flash',
         companies: []
     });
 
@@ -103,7 +105,7 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
             loading:false
         })
     }
-    const errors = CreateEngagementHelpers.isStepValid(active_step, active_engagment, draft_competition, draft_squares);
+    const errors = CreateEngagementHelpers.isStepValid(active_step, active_engagment, draft_competition, draft_squares, draft_flash);
 
     const handleNextStep = async() => {
         if(errors.length > 0){ return alert(errors.map(e => e)) }
@@ -164,6 +166,14 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
                         const new_squares_comp = await CreateEngagementApi.createSquaresCompetition({ ...draft_squares, image: draft_image, company_id: active_company?.company_id, group_id: active_group?.group_id});
                         setPendingEngagement({ ...pending_engagement, create_loading: false, squares_competition: new_squares_comp });
                         break
+                    case 'flash':
+                        if(!draft_flash){ return alert('Unable to process') }
+                        if(errors.length > 0){ return alert(errors.map(e => e)) }
+                        setPendingEngagement({ ...pending_engagement, create_loading: true });
+                        const new_flash_market = await CreateEngagementApi.createPoll({ ...draft_flash, poll_image: draft_image });
+                        if(!new_flash_market){ return alert('Unable to process') }
+                        setPendingEngagement({ ...pending_engagement, create_loading: false, poll: new_flash_market });
+                        break
                     default: return //We cdont have one!
                 }
                 
@@ -305,11 +315,14 @@ const CreateEngagement = ({ float, player, init_engagement, onFocusPostiion, gro
                 )
             case 'create':
                 if(active_step.step_key != 'create'){ return <></> }
+                if(!player){ return <></> }
                 switch(active_engagment){
                     case 'competition':
                         return <CreateCompetition onUpdateDraft={(d) => setDraftCompetition(d)} onFocusPosition={onFocusPostiion} />
                     case 'squares':
                         return <CreateSquares onUpdateDraft={(d) => setDraftSquares(d)} onFocusPosition={onFocusPostiion}/>
+                    case 'flash':
+                        return <CreateFlashMarket group={active_group} onUpdateDraft={(d) => setDraftFlash(d)} onFocusPosition={onFocusPostiion} company={active_company}/>
                     default: return <></>
                 }
             default: return <></>
@@ -396,6 +409,169 @@ const IntroInfo = () => {
     )
 }
 
+type CreateFlashMarketProps = {
+    company?:CompanyProps,
+    group?:GroupProps,
+    onFocusPosition?:(pos:FocusPositionProps) => void,
+    onUpdateDraft: (poll:PollProps) => void
+}
+
+const CreateFlashMarket = ({ company, group, onFocusPosition, onUpdateDraft }:CreateFlashMarketProps) => {
+    //Get active campaigns
+    const Colors = useColors();
+    const [ create_state, setCreateState ] = useState<{
+        draft_poll: PollProps,
+        campaign_loading:boolean,
+        new_campaign?:boolean,
+        draft_campaign:PollCampaignProps,
+        campaigns_visible:boolean,
+        poll_campaigns:PollCampaignProps[]
+    }>({
+        draft_poll: CreateEngagementHelpers.generateFlashMarket(),
+        campaigns_visible: false,
+        new_campaign: false,
+        campaign_loading:false,
+        draft_campaign: CreateEngagementHelpers.generateEmptyFlashCampaign(),
+        poll_campaigns: []
+    });
+    const { draft_poll, campaigns_visible, campaign_loading, draft_campaign, poll_campaigns, new_campaign } = create_state;
+    const active_campaign = poll_campaigns.find(pc => pc.poll_campaign_id == draft_poll.poll_campaign_id);
+    useEffect(() => {
+        getData();
+    },[company?.company_id, group?.group_id]);
+
+    useEffect(() => {
+        onUpdateDraft(draft_poll);
+    },[JSON.stringify(draft_poll)]);
+
+    const getData = async() => {
+        let pc = await CreateEngagementApi.getMyAdminFlashCampaigns();
+        if(company){
+            pc = await CreateEngagementApi.getCompanyActiveFlashCampaigns(company.company_id)
+        }
+        if(group){
+            pc = pc.filter(c => c.group_id == group.group_id)
+        }
+        setCreateState({
+            ...create_state,
+            poll_campaigns: pc.filter(pc => pc.market_type == 'FOR_MONEY')
+        })
+    }
+
+    const renderCampaigns = (data:{ item:PollCampaignProps, index:number }) => {
+        return (
+            <Button 
+                transparent 
+                style={{ flexDirection:'row', alignItems:'center', padding:10, borderRadius:0, borderBottomWidth:1, borderColor:Colors.borders.light }}
+                onPress={() => setCreateState({ ...create_state, campaigns_visible:false, draft_poll: { ...draft_poll, poll_campaign_id: data.item.poll_campaign_id } })}
+            >
+                <Image
+                    source={{ uri: data.item.campaign_image?.url }}
+                    style={{ height:40, width:40 }}
+                    resizeMode='cover'
+                />
+                <View transparent style={{ flex:1, marginLeft:10 }}>
+                    <Text theme='h1'>{data.item.name}</Text>
+                </View>
+            </Button>
+        )
+    }
+
+    return (
+        <View style={{ padding:10 }}>
+            <View style={{ padding:10, borderBottomWidth:1, borderColor:Colors.borders.light }}>
+                <View transparent style={{ flexDirection:'row', alignItems:'center', marginBottom:10 }}>
+                    <View transparent style={{ flex:1 }}>
+                        <Text theme='h1'>Select Campaign</Text>
+                        <Text theme='description' style={{ marginTop:4 }}>Group your flash markets into like campaigns to better manage them</Text>
+                        <Button
+                            title={!new_campaign?'Create a new campaign' : 'Select Existing Campaign'}
+                            title_color={ new_campaign?Colors.text.action:Colors.text.success }
+                            transparent
+                            style={{ alignItems:'flex-start', padding:10, paddingLeft:0 }}
+                            onPress={() => setCreateState({ ...create_state, new_campaign: !new_campaign })}
+                        />
+                    </View>
+                </View>
+                {!new_campaign ?
+                <Button float onPress={() => setCreateState({ ...create_state, campaigns_visible:!campaigns_visible }) }>
+                    <View transparent style={{ flexDirection:'row', alignItems:'center' }}>
+                        <Text style={{ flex:1, marginRight:10 }} theme='h1'>{active_campaign?.name ?? 'No Campaign'}</Text>
+                        <Icons.ChevronIcon direction={campaigns_visible?'up':'down'} color={Colors.text.h1} size={8} />
+                    </View>
+                    {campaigns_visible ?
+                    <View transparent style={{ marginTop:20 }}>
+                    <FlatList
+                        data={poll_campaigns}
+                        key={'campaign_selector'}
+                        keyExtractor={item => item.poll_campaign_id.toString()}
+                        renderItem={renderCampaigns}
+                    />
+                    </View>
+                    :<></>}
+                </Button>
+                :
+                <View>
+                    <View transparent style={{ marginBottom:10 }}>
+                        <Text theme='h1'>Campaign Name</Text>
+                        <Text theme='description' style={{ marginTop:4 }}>Enter the campaign name here. Use a name that appropriately groups the flash markets</Text>
+                    </View>
+                    <TextInput
+                        placeholder='Add Campaign Name here...'
+                        value={draft_campaign.name}
+                        onFocusPosition={onFocusPosition}
+                        style={{ borderColor:draft_campaign.name ? Colors.text.success : Colors.text.warning }}
+                        onChangeText={(text) => setCreateState({ ...create_state, draft_campaign: { ...draft_campaign, name: text } })}
+                    />
+                    <Button
+                        title='CREATE CAMPAIGN'
+                        loading={campaign_loading}
+                        type='success'
+                        disabled={!draft_campaign.name ? true : false}
+                        style={{ opacity: campaign_loading || !draft_campaign.name ? 0.5: 1, marginTop:10 }}
+                        onPress={async() => {
+                            if(campaign_loading){ return }
+                            if(!draft_campaign.name){ return }
+                            //Create the new campaign!
+                            setCreateState({ ...create_state, campaign_loading:true });
+                            const new_pc = await CreateEngagementApi.createPollCampaign({ ...draft_campaign, group_id: group?.group_id, company_id: company?.company_id, campaign_image: company?.company_image })
+                            if(!new_pc){ 
+                                alert('Unable to create a campaign at this time');
+                                setCreateState({ ...create_state, campaign_loading: false });
+                                return
+                            }
+                            setCreateState({
+                                ...create_state,
+                                campaign_loading: false,
+                                new_campaign: false,
+                                draft_poll: { ...draft_poll, poll_campaign_id: new_pc.poll_campaign_id },
+                                poll_campaigns: poll_campaigns.concat(new_pc)
+                            });
+                        }}
+                    />
+                </View>
+                }
+                {group && !new_campaign ?
+                <Text theme='warning' style={{ marginTop:5 }}>Only showing campaigns associated with the {group.name} group. If you need a different campaign - go back and unselect this group.</Text>
+                :<></>}
+            </View>
+            <View style={{ padding:10 }}>
+                <View transparent style={{ marginBottom:10 }}>
+                    <Text theme='h1'>Question Name</Text>
+                    <Text theme='description' style={{ marginTop:4 }}>Enter the question here.  You can modify it up until you activate it.</Text>
+                </View>
+                <TextInput
+                    placeholder='Add Question here...'
+                    value={draft_poll.poll_question}
+                    onFocusPosition={onFocusPosition}
+                    style={{ borderColor:draft_poll.poll_question ? Colors.text.success : Colors.text.warning }}
+                    onChangeText={(text) => setCreateState({ ...create_state, draft_poll: { ...draft_poll, poll_question: text } })}
+                />
+            </View>
+        </View>
+    )
+}
+
 type EngagementOptionProps = {
     active_engagement?: 'competition'|'squares'|'flash'|'bracket',
     onSelectEngagement: (engagement:'competition'|'squares'|'flash'|'bracket') => void
@@ -442,7 +618,6 @@ const EngagementOptions = ({active_engagement, onSelectEngagement}:EngagementOpt
                 </View>
             </Button>
             :<></>}
-            {false ?
             <Button
                 key='flash'
                 float
@@ -455,7 +630,6 @@ const EngagementOptions = ({active_engagement, onSelectEngagement}:EngagementOpt
                     <Text theme='description' color={active_engagement == 'flash' ? Colors.text.success : Colors.text.h1} style={{ marginTop:4 }}>Create a custom flash market.  Players bet on the perimutuel outcomes, get it right and get paid!</Text>
                 </View>
             </Button>
-            :<></>}
         </View>
     )
 }
@@ -719,6 +893,7 @@ const CreateCompetition = ({ onFocusPosition, onUpdateDraft }:CCProps) => {
     const { competition_name, competition_template_id, templates_visible, competition_description,competition_result_types, types_visible, competition_types, results_visible, competition_type, competition_result_type } = draft;
     const template = templates.find(t => t.competition_id == competition_template_id)
     useEffect(() => {
+        CreateEngagementApi.setEnvironment();
         getData();
     },[]);
 
@@ -728,7 +903,6 @@ const CreateCompetition = ({ onFocusPosition, onUpdateDraft }:CCProps) => {
 
     const getData = async() => {
         setDraft({ ...draft, loading:true });
-        CreateEngagementApi.setEnvironment();
         let options = await CreateEngagementApi.getCompetitionOptions();
         let temps = await CreateEngagementApi.getTemplateCompetitions();
         setDraft({

package/src/Discord/api/index.ts

@@ -0,0 +1,57 @@
+
+import axios from 'axios';
+import { APIOverrides } from '../../ApiOverrides';
+import type { DiscordPlayerProps } from '../../types';
+
+//let SOCIAL_SVC_API = '';
+//let EVENT_SVC_API = '';
+//let MK_SVC_API = '';
+let AUTH_SVC_API = '';
+//let TP_SVC_API = ''
+
+export const DiscordPlayerApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        //SOCIAL_SVC_API = endpoints['SOCIAL_SVC_API'] as string;
+        //EVENT_SVC_API = endpoints['EVENT_SVC_API'] as string;
+        //MK_SVC_API = endpoints['MK_SVC_API'] as string;
+        AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
+        //TP_SVC_API = endpoints['TP_SVC_API'] as string;
+    },
+    getMyDiscordConnection: async():Promise<DiscordPlayerProps | undefined> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/players/discord/me`);
+            return resp.data.discord_player
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    startConnnection: async():Promise<DiscordPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/players/discord/connect`);
+            return resp.data.discord_player
+        } catch (e) {
+            console.log(e)
+            return undefined
+            
+        }
+    },
+    confirmConnection: async():Promise<DiscordPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/players/discord/confirm`);
+            return resp.data.discord_player
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    disconnect: async():Promise<DiscordPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/players/discord/disconnect`);
+            return resp.data.discord_player
+        } catch (e) {
+            return undefined
+        }
+    }
+}