be-components 6.7.0 → 6.7.1

package/lib/typescript/src/Group/index.d.ts

@@ -9,12 +9,13 @@ type GroupComponentProps = {
     onNudgePlayer: (p: PublicPlayerProps, gp: GroupPlayerProps) => void;
     onSelectPlayer: (p: PublicPlayerProps) => void;
     onSelectCompetition: (c: CompetitionProps) => void;
+    onRequestAuthenticate: () => void;
     onSelectPollCampaign: (pc: PollCampaignProps) => void;
     onSelectSquaresCompetition: (sq: SquaresCompetitionProps) => void;
     onCreateEngagement?: (g: GroupProps) => void;
     onShareGroup?: (g: GroupProps) => void;
     player?: MyPlayerProps;
 };
-declare const GroupComponent: ({ refresh_key, group_id, player, mode, onCreateEngagement, onShareGroup, onInvitePlayer, onSelectCompetition, onSelectChat, onSelectPlayer, onNudgePlayer, onSelectPollCampaign, onSelectSquaresCompetition }: GroupComponentProps) => React.JSX.Element;
+declare const GroupComponent: ({ refresh_key, group_id, player, mode, onCreateEngagement, onRequestAuthenticate, onShareGroup, onInvitePlayer, onSelectCompetition, onSelectChat, onSelectPlayer, onNudgePlayer, onSelectPollCampaign, onSelectSquaresCompetition }: GroupComponentProps) => React.JSX.Element;
 export default GroupComponent;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/Group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAsD,gBAAgB,EAAmI,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAwD,iBAAiB,EAAa,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAenZ,KAAK,mBAAmB,GAAG;IACvB,QAAQ,EAAC,MAAM,CAAC;IAChB,IAAI,EAAC,SAAS,GAAC,QAAQ,CAAC;IACxB,WAAW,EAAC,MAAM,CAAC;IACnB,YAAY,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;IACxC,cAAc,EAAC,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAC,CAAC,CAAC,EAAC,iBAAiB,EAAE,EAAE,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjE,cAAc,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjD,oBAAoB,EAAC,CAAC,EAAE,EAAC,iBAAiB,KAAK,IAAI,CAAC;IACpD,0BAA0B,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAChE,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAC,CAAC,CAAC,EAAC,UAAU,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAC,aAAa,CAAA;CACxB,CAAA;AA8BD,QAAA,MAAM,cAAc,GAAI,+MAAgN,mBAAmB,sBAinB1P,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAsD,gBAAgB,EAAmI,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAwD,iBAAiB,EAAa,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAenZ,KAAK,mBAAmB,GAAG;IACvB,QAAQ,EAAC,MAAM,CAAC;IAChB,IAAI,EAAC,SAAS,GAAC,QAAQ,CAAC;IACxB,WAAW,EAAC,MAAM,CAAC;IACnB,YAAY,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;IACxC,cAAc,EAAC,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAC,CAAC,CAAC,EAAC,iBAAiB,EAAE,EAAE,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjE,cAAc,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjD,qBAAqB,EAAC,MAAM,IAAI,CAAC;IACjC,oBAAoB,EAAC,CAAC,EAAE,EAAC,iBAAiB,KAAK,IAAI,CAAC;IACpD,0BAA0B,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAChE,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAC,CAAC,CAAC,EAAC,UAAU,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAC,aAAa,CAAA;CACxB,CAAA;AA8BD,QAAA,MAAM,cAAc,GAAI,sOAAuO,mBAAmB,sBAknBjR,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/index.d.ts

@@ -56,5 +56,6 @@ import ClaritySmartEvents from './Clarity/SmartEvents';
 import RankingsCard from './RankingsCard';
 import GuideView from './Guide';
 import GroupComponent from './Group';
-export { Authenticator, Observer, BEEventApi, RankingsCard, BELinkApi, GuideView, BetMatch, ManageFilter, Ticker, Premium, LeaderboardCard, GroupComponent, LocationTracker, BEClarity, FlashMarket, ContactsCard, PlayerRecommender, GolfScoreboard, ContactsSelector, Campaign, BEPostHog, ManageBracketCompetitionForm, NotificationModule, FlashHolder, useNotifications, ClaritySmartEvents, ProfileManager, CompetitionManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Share, Checkout, MarketComponents, EventComponents, PollCampaign, PollCampaignApi, PollApi, MarketMaker, CompetitionModule, SeasonManager, CreateCompetitionForm, CreateSeasonForm, SeasonModule, AdminCompetitionList, AdServer, Leaderboard, AdProvider, BracketRoom, SquaresModule, SocketManager, PromotedOrder, EngageModule, CompetitionCard, SquaresCompetitionCard, BracketCompetitionCard, SeasonCard };
+import CreateGroupWizard from './Group/components/CreateGroupWizard';
+export { Authenticator, Observer, BEEventApi, RankingsCard, BELinkApi, GuideView, BetMatch, ManageFilter, Ticker, Premium, CreateGroupWizard, LeaderboardCard, GroupComponent, LocationTracker, BEClarity, FlashMarket, ContactsCard, PlayerRecommender, GolfScoreboard, ContactsSelector, Campaign, BEPostHog, ManageBracketCompetitionForm, NotificationModule, FlashHolder, useNotifications, ClaritySmartEvents, ProfileManager, CompetitionManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Share, Checkout, MarketComponents, EventComponents, PollCampaign, PollCampaignApi, PollApi, MarketMaker, CompetitionModule, SeasonManager, CreateCompetitionForm, CreateSeasonForm, SeasonModule, AdminCompetitionList, AdServer, Leaderboard, AdProvider, BracketRoom, SquaresModule, SocketManager, PromotedOrder, EngageModule, CompetitionCard, SquaresCompetitionCard, BracketCompetitionCard, SeasonCard };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "6.7.0",
+  "version": "6.7.1",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Group/api/index.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
 import { APIOverrides } from "../../ApiOverrides"
-import type { BracketCompetitionProps, CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, EventProps, GroupMessageProps, GroupPlayerProps, GroupProps, NewOverallAnalytics, OrderAnalyticsProps, OrderProps, PollCampaignProps, PostProps, PublicPlayerProps, SquaresCompetitionProps } from "../../types";
+import type { BracketCompetitionProps, CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, CreateGroupStepProps, EventProps, GroupMessageProps, GroupPlayerProps, GroupProps, NewOverallAnalytics, OrderAnalyticsProps, OrderProps, PollCampaignProps, PostProps, PublicPlayerProps, SquaresCompetitionProps } from "../../types";
 import type { Moment } from "moment-mini";
 import moment from "moment-mini";
 
@@ -21,6 +21,33 @@ const GroupApi = {
         AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
         SOCIAL_SVC_API = endpoints['SOCIAL_SVC_API'] as string;
     },
+    createGroup: async(name?:string, description?:string, invite_code?:string):Promise<GroupProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/group/create`, { name, description, invite_code });
+            return resp.data.group
+        } catch (e) {
+            console.log(e)
+            return undefined
+        }
+    },
+    activateGroup: async(group_id:string):Promise<GroupProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/group/activate`, { group_id });
+            return resp.data.group
+        } catch (e) {
+            console.log(e)
+            return undefined
+        }
+    },
+    deleteGroup: async(group_id:string):Promise<GroupProps|undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/group/delete`, { group_id });
+            return resp.data.group
+        } catch (e) {
+            console.log(e)
+            return undefined
+        }
+    },
     getGroupById: async(group_id:string):Promise<undefined|{ group:GroupProps, group_messages:GroupMessageProps[], group_players:GroupPlayerProps[], my_group_player?:GroupPlayerProps }> => {
         try {
             const resp = await axios.get(`${SOCIAL_SVC_API}/v2/groups/group/${group_id}`);
@@ -216,7 +243,40 @@ const GroupHelpers = {
         poll_campaigns.map(pc => data.push({ id: pc.poll_campaign_id, type: 'poll_campaign', scheduled_datetime: moment(pc.create_datetime) }));
         return data.sort((a,b) => a.scheduled_datetime.unix() - b.scheduled_datetime.unix())
     },
-     aggregateAnalytics: (analytics:OrderAnalyticsProps[]):NewOverallAnalytics => {
+    generateGroup: ():GroupProps => {
+        return {
+            group_id: '',
+            description: ``,
+            name: '',
+            competition_alerts: false,
+            position_alerts: false,
+            order_alerts: false,
+            group_admin: '0',
+            group_image: {},
+            invite_only: true,
+            invite_code: (Math.random()*10000000000).toFixed(),
+            leaderboard_ind: false,
+            type: 'multiple',
+            status:'pending',
+            create_datetime: '',
+            last_update_datetime: ''
+        }
+    },
+    isStepValid: (step:CreateGroupStepProps, draft_group:GroupProps):string[] => {
+        let errors:string[] = []
+        switch(step.step_key){
+            case 'info':
+                if(!draft_group.name){ errors.push('Please provide a valid name') }
+                if(!draft_group.description){ errors.push('Please provide a description') }
+                break
+            case 'image':
+                if(!draft_group.group_image?.url){ errors.push('Please add an image to continue') }
+                break
+            default: break
+        }
+        return errors
+    },
+    aggregateAnalytics: (analytics:OrderAnalyticsProps[]):NewOverallAnalytics => {
         const wins = analytics.reduce((a,b) => a + b.wins, 0);
         const losses = analytics.reduce((a,b) => a + b.losses, 0);
         const draws = analytics.reduce((a,b) => a + b.draws, 0);

package/src/Group/components/CreateGroupWizard.tsx

@@ -0,0 +1,380 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, TextInput, View } from "../../Components/Themed";
+import { FlatList, Image, type ViewStyle } from 'react-native';
+import type { CreateGroupStepProps, GroupPlayerProps, GroupProps, MyPlayerProps, PublicPlayerProps } from '../../types';
+import { Icons } from '../../Components';
+import { useColors } from '../../constants/useColors';
+import { GroupApi, GroupHelpers } from '../api';
+import ImageUploader from '../../Components/ImageUploader';
+import { showConfirmAlert } from '../../Components/ConfirmAlert';
+
+type CreateGroupWizardProps = {
+    player:MyPlayerProps,
+    refresh_key:string,
+    header_style?:ViewStyle,
+    footer_style?:ViewStyle,
+    onInvitePlayers:() => void,
+    onRequestAuthenticate:() => void,
+    onClose:() => void,
+    onFinish:(group:GroupProps, group_players:GroupPlayerProps[]) => void
+}
+
+
+
+const wizard_steps:CreateGroupStepProps[] = [
+    { num: 1, step_key:'intro', title: 'BettorEdge Groups', description: 'Groups bring your group chat, discord server, family banter to real life!  Track your friends stats, compete against each other and have fun!' },
+    { num: 2, step_key:'info', title: 'Describe Your Group', description: 'Give this group a name and a description that is unique and will entice players and friends to join!' },
+    { num: 3, step_key: 'image', title: 'Add a fun photo', description: 'Add an image so its easy to recognize your group!' },
+    { num: 4, step_key: 'invite', title: 'Invite Friends!', description: 'Groups are of no use without friends to join!  Have a group text, slack, discord? Add them to start competing and smack talking!' },
+    { num: 5, step_key: 'success', title: 'Group Successfully Created!', description: 'Your group has been created successfully! Activate it now and start playing with friends.' }
+]
+const sections = ['header', 'intro', 'info', 'input']
+const CreateGroupWizard = ({ player, refresh_key, header_style, footer_style, onRequestAuthenticate, onClose, onInvitePlayers, onFinish }:CreateGroupWizardProps) => {
+    const Colors = useColors();
+    const [ wiz_size, setSize ] = useState({ height: 0, width:0 })
+    const [ wiz_state, setState ] = useState<{
+        loading:boolean,
+        active_step: CreateGroupStepProps,
+        draft_group:GroupProps,
+        group_players:GroupPlayerProps[],
+        players:PublicPlayerProps[]
+    }>({
+        loading:false,
+        draft_group: GroupHelpers.generateGroup(),
+        group_players: [],
+        players:[],
+        active_step: wizard_steps[0] as CreateGroupStepProps
+    });
+    const { active_step, loading, draft_group, group_players, players } = wiz_state;
+    const errors = GroupHelpers.isStepValid(active_step, draft_group);
+
+    useEffect(() => {
+        GroupApi.setEnvironment();
+        refreshData();
+    },[refresh_key]);
+
+    const refreshData = async() => {
+        if(!draft_group.group_id){ return } //Group hasnt been created yet!
+        setState({ ...wiz_state, loading: true });
+        const resp = await GroupApi.getGroupById(draft_group.group_id)
+        if(!resp){ 
+            return setState({ 
+                ...wiz_state,
+                loading:false 
+            })
+        }
+        //Lets grab the players!
+        let player_ids = resp.group_players.map(p => p.player_id);
+        let plyers = await GroupApi.getPlayersByIds(player_ids);
+        setState({ 
+            ...wiz_state,
+            draft_group: resp.group,
+            players: plyers,
+            group_players: resp.group_players,
+            loading:false 
+        });
+    }
+
+    const handleDeleteAndClose = async() => {
+        setState({ ...wiz_state, loading: true });
+        //If we created a group but are closing it - we need to delete the group
+        let deleted_group = await GroupApi.deleteGroup(draft_group.group_id);
+        if(!deleted_group){ alert('Group was created.  You can manage this group from your social tab') }
+        //Reset state on close!
+        setState({ 
+            ...wiz_state, 
+            loading: false,
+            draft_group: GroupHelpers.generateGroup(),
+            group_players: [],
+            players:[],
+        });
+        return onClose()
+    }
+
+    const handleClose = async() => {
+        if(!draft_group.group_id){ return onClose() }
+        showConfirmAlert('Are you sure?', 'Exiting now will delete the group in progress',
+            async() => await handleDeleteAndClose(),
+            () => console.log('')
+        )
+    }
+
+
+    const handleFinishStep = async(step:CreateGroupStepProps) => {
+        if(errors.length > 0){ return }
+        switch(step.step_key){
+            case 'intro':
+                if(!player){ return onRequestAuthenticate() }
+                let first_step = wizard_steps.find(s => s.num == step.num + 1);
+                if(!first_step){ return }
+                setState({
+                    ...wiz_state,
+                    loading: false,
+                    active_step: first_step,
+                });
+                return
+            case 'info':
+                setState({ ...wiz_state, loading: true });
+                let new_group:GroupProps | undefined = undefined
+                if(draft_group.group_id){
+                    new_group = await GroupApi.updateGroup(draft_group);
+                } else {
+                    new_group = await GroupApi.createGroup(draft_group.name, draft_group.description, draft_group.invite_code)
+                }
+                if(!new_group){
+                    alert('Unable to create group. Please try again later.')
+                    return setState({ ...wiz_state, loading: false })
+                }
+                let next_step = wizard_steps.find(s => s.num == step.num + 1);
+                if(!next_step){ return }
+                setState({
+                    ...wiz_state,
+                    loading: false,
+                    active_step: next_step,
+                    draft_group: new_group
+                });
+                return
+            case 'image':
+                if(!draft_group.group_id){ return alert('Unable to process') }
+                setState({ ...wiz_state, loading: true });
+                
+                let image_group = await GroupApi.updateGroup(draft_group);
+                if(!image_group){
+                    alert('Unable to create group. Please try again later.')
+                    return setState({ ...wiz_state, loading: false })
+                }
+                let next_image_step = wizard_steps.find(s => s.num == step.num + 1);
+                if(!next_image_step){ return }
+                setState({
+                    ...wiz_state,
+                    loading: false,
+                    active_step: next_image_step,
+                    draft_group: image_group
+                });
+                return
+            case 'invite':
+                let success_step = wizard_steps.find(s => s.num == step.num + 1);
+                if(!success_step){ return }
+                setState({
+                    ...wiz_state,
+                    loading: false,
+                    active_step: success_step,
+                });
+                return
+            case 'success':
+                if(!draft_group.group_id){ return alert('Unable to activate group.  Please try again') }
+                setState({ ...wiz_state, loading: true });
+                let activated_group = await GroupApi.activateGroup(draft_group.group_id);
+                if(!activated_group){
+                    alert('Unable to activate group. Please try again later.')
+                    return setState({ ...wiz_state, loading: false })
+                }
+                setState({
+                    ...wiz_state,
+                    loading: false,
+                    draft_group: activated_group
+                });
+                onFinish(activated_group, group_players);
+                return
+            default: return
+        }
+    }
+
+    const renderPlayers = (data:{ item:GroupPlayerProps, index:number }) => {
+        const pl = players.find(p => p.player_id == data.item.player_id);
+        if(!pl){ return <></> }
+        return (
+            <View key={data.item.group_player_id.toString()} float style={{  width:100, margin:5 }}>
+                <Image
+                    source={{ uri: pl.profile_pic }}
+                    style={{ height:50, width:100, borderTopLeftRadius:8, borderTopRightRadius: 8 }}
+                    resizeMode='cover'
+                />
+                <View transparent style={{ padding:10 }}>
+                    <Text theme='h1' textAlign='center'>@{pl.username}</Text>
+                </View>
+            </View>
+        )
+    }
+
+    const renderSections = (data:{ item:string, index:number }) => {
+        switch(data.item){
+            case 'header':
+                return (
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, ...header_style }}>
+                        <View transparent style={{ flex:1 }}>
+                            <Text theme='h1'>Create Group Wizard</Text>
+                            <Text theme='description' style={{ marginTop:3 }}>Complete the steps to create your group!</Text>
+                        </View>
+                        <Button
+                            title='X'
+                            float
+                            title_color={Colors.text.error}
+                            style={{ padding:10 }}
+                            onPress={() => handleClose()}
+                        />
+                    </View>
+                )
+            case 'intro':
+                if(active_step?.step_key != 'intro'){ return <></> }
+                return (
+                    <View>
+                        <Image
+                            source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/w_1000,ar_16:9,c_fill,g_auto,e_sharpen/v1756998145/ChatGPT_Image_Sep_4_2025_10_00_58_AM_xemjix.png' }}
+                            style={{ alignSelf:'center', width: wiz_size.width > 600 ? 600 : wiz_size.width, height: wiz_size.width > 600 ? 300 : wiz_size.width * 0.5 }}
+                            resizeMode='cover'
+                        />
+                    </View>
+                )
+            case 'info':
+                if(!active_step){ return <></> }
+                return (
+                    <View style={{ padding:20 }}>
+                        <Text theme='h1' size={40}>{active_step.title}</Text>
+                        <Text theme='description' size={18} color={errors.length > 0 ? Colors.text.warning : Colors.text.success} style={{ marginTop:10 }}>{active_step.description}</Text>
+                    </View>
+                )
+            case 'input':
+                if(!active_step){ return <></> }
+                switch(active_step.step_key){
+                    case 'info':
+                        return (
+                            <View style={{ padding:10 }}>
+                                <Text theme='h1' style={{ marginLeft:10 }}>Group Name</Text>
+                                <TextInput
+                                    value={draft_group.name}
+                                    style={{ margin:10, borderColor:draft_group.name?Colors.text.success:Colors.text.warning }}
+                                    placeholder='Give your group a name ...'
+                                    onChangeText={(text) => setState({ ...wiz_state, draft_group: { ...draft_group, name: text } })}
+                                />
+                                <Text theme='h1' style={{ marginLeft:10 }}>Group Description</Text>
+                                <TextInput
+                                    value={draft_group.description}
+                                    style={{ margin:10, borderColor:draft_group.description?Colors.text.success:Colors.text.warning }}
+                                    placeholder='Add a short description ...'
+                                    onChangeText={(text) => setState({ ...wiz_state, draft_group: { ...draft_group, description: text } })}
+                                />
+                                <Text theme='h1' style={{ marginLeft:10 }}>Invite Code</Text>
+                                <TextInput
+                                    value={draft_group.invite_code}
+                                    style={{ margin:10, borderColor:draft_group.invite_code?Colors.text.success:Colors.text.warning }}
+                                    placeholder='Add a unique code to find your group'
+                                    onChangeText={(text) => setState({ ...wiz_state, draft_group: { ...draft_group, invite_code: text } })}
+                                />
+                            </View>
+                        )
+                    case 'image':
+                        return (
+                            <View style={{ padding:10, justifyContent:'center', alignItems:'center' }}>
+                                <ImageUploader public_id={`${draft_group.group_id}_${Math.random()}`} onFinishUpload={(obj) => setState({ ...wiz_state, draft_group: { ...draft_group, group_image: { ...obj, url: obj.secure_url } } })}>
+                                    {draft_group.group_image?.url ?
+                                    <Image
+                                        source={{ uri: draft_group.group_image.url }}
+                                        style={{ height:wiz_size.width >600 ? 600 : wiz_size.width, width:wiz_size.width >600 ? 600 : wiz_size.width }}
+                                        resizeMode='contain'
+                                    />
+                                    :
+                                    <Icons.ImageIcon size={150} color={Colors.text.h1} />
+                                    }
+                                    <Text style={{ marginTop:10 }} theme='action' textAlign='center' size={18}>{draft_group.group_image?.url ? 'CHANGE':'ADD'} PHOTO</Text>
+                                </ImageUploader>
+                            </View>
+                        )
+                    case 'invite':
+                        return (
+                            <View style={{ padding:10 }}>
+                                <Button
+                                    title={group_players.length == 0 ? 'INVITE FRIENDS' : 'INVITE MORE'}
+                                    type='success'
+                                    onPress={() => onInvitePlayers()}
+                                />
+                                <View style={{ margin:10, marginTop:40 }}>
+                                    <View style={{ flexDirection:'row', flexWrap:'wrap', justifyContent:'center' }}>
+                                        {group_players.filter(gp => gp.status != 'inactive').map((item, index) => {
+                                            return renderPlayers({ item, index })
+                                        })}
+                                    </View>
+                                </View>
+                            </View>
+                        )
+                    case 'success':
+                        return (
+                            <View>
+                                <Image
+                                    source={{ uri:'https://res.cloudinary.com/hoabts6mc/image/upload/v1714410165/Welcome_banner_bqu6cc.webp' }}
+                                    style={{ alignSelf:'center', width:wiz_size.width > 500 ? 500 :wiz_size.width, height:wiz_size.width > 500 ? 500 :wiz_size.width, borderRadius:4 }}
+                                    resizeMode='cover'
+                                />
+                            </View>
+                        )
+                    default: return <></>
+                }
+            default: return <></>
+        }
+    }
+
+    return (
+        <View style={{ flex:1 }}>
+            <View style={{ flex:1 }} onLayout={(ev) => {
+                const { height, width } = ev.nativeEvent.layout;
+                setSize({ height, width })
+            }}>
+                <FlatList
+                    data={sections}
+                    key={'create_group_steps'}
+                    keyExtractor={item => item}
+                    renderItem={renderSections}
+                />
+            </View>
+            {active_step.step_key == 'intro' ?
+            <View type='footer' style={{ flexDirection: 'row', alignItems:'center', padding:10, ...footer_style }}>
+               <Button 
+                    style={{ flex:1 }}
+                    title='GET STARTED!'
+                    type='success'
+                    onPress={() => handleFinishStep(active_step)}
+                />
+            </View>
+            :
+            <View type='footer' style={{ flexDirection: 'row', alignItems:'center', padding:10, ...footer_style }}>
+                <Button 
+                    disabled={loading || active_step?.num == 1 ? true : false} 
+                    float 
+                    onPress={() => {
+                        let prev_step = wizard_steps.find(s => s.num == active_step?.num - 1)
+                        if(!prev_step){ return }
+                        setState({ ...wiz_state, active_step: prev_step })
+                    }}
+                    style={{ borderRadius:100, padding:0, height:50, width:50, justifyContent:'center', alignItems:'center', opacity: active_step?.num == 1 ? 0.5 : 1 }}>
+                    <Icons.ChevronIcon direction='left' size={14} color={Colors.text.h1} />
+                </Button>
+                <View transparent style={{ flex:1 }}>
+                    <Text theme='h1' textAlign='center'>Step {active_step.num} of {wizard_steps.length}</Text>
+                </View>
+                {active_step?.step_key == 'success' ?
+                <Button
+                    type='success'
+                    title='ACTIVATE'
+                    onPress={() => handleFinishStep(active_step)}
+                />
+                :
+                <Button 
+                    float
+                    disabled={loading ? true : false}
+                    loading={loading}
+                    style={{ borderRadius:100, padding:0, height:50, width:50, justifyContent:'center', alignItems:'center', opacity: errors.length > 0 || loading ? 0.5: 1 }}
+                    onPress={() => {
+                        if(errors.length > 0){ return alert(errors.map(e => e)) }
+                        handleFinishStep(active_step)
+                    }}
+                >
+                    <Icons.ChevronIcon direction='right' size={14} color={errors.length > 0 ? Colors.text.h1: Colors.text.success} />
+                </Button>
+                }
+            </View>
+            }
+        </View>
+    )
+}
+
+export default CreateGroupWizard

package/src/Group/components/GroupPlayerActionForm.tsx

@@ -4,13 +4,14 @@ import type { GroupPlayerProps, GroupProps, MyPlayerProps } from '../../types';
 import { GroupApi } from '../api';
 
 type GroupPlayerActionFormProps = {
-    me:MyPlayerProps,
+    me?:MyPlayerProps,
     group:GroupProps,
     group_player?:GroupPlayerProps,
+    onRequestAuthenticate: () => void,
     onResponse:(gp:GroupPlayerProps) => void,
     onClose:() => void
 }
-const GroupPlayerActionForm = ({ group, group_player, onResponse, onClose }:GroupPlayerActionFormProps) => {
+const GroupPlayerActionForm = ({ me, group, group_player, onResponse, onRequestAuthenticate, onClose }:GroupPlayerActionFormProps) => {
     const [ action_loading, setActionLoading ] = useState(false);
     
     const handleAccept = async() => {
@@ -89,7 +90,7 @@ const GroupPlayerActionForm = ({ group, group_player, onResponse, onClose }:Grou
                 }
             </View>
             <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:5, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
-                {group_player?.status == 'invited' ?
+                {me && group_player?.status == 'invited' ?
                 <Button
                     title='DECLINE'
                     type='error'
@@ -99,7 +100,7 @@ const GroupPlayerActionForm = ({ group, group_player, onResponse, onClose }:Grou
                     onPress={() => handleDecline()}
                 />
                 :<></>}
-                {group_player?.status == 'invited' ?
+                {me && group_player?.status == 'invited' ?
                 <Button
                     title='ACCEPT'
                     type='success'
@@ -109,7 +110,7 @@ const GroupPlayerActionForm = ({ group, group_player, onResponse, onClose }:Grou
                     onPress={() => handleAccept()}
                 />
                 :<></>}
-                {group_player?.status == 'active' ?
+                {me && group_player?.status == 'active' ?
                 <Button
                     title='LEAVE GROUP'
                     type='error'
@@ -119,7 +120,16 @@ const GroupPlayerActionForm = ({ group, group_player, onResponse, onClose }:Grou
                     onPress={() => handleLeave()}
                 />
                 :<></>}
-                {!group_player || group_player.status == 'inactive' ?
+                {!me ?
+                <Button
+                    title='SIGN IN / UP'
+                    type='success'
+                    loading={action_loading}
+                    style={{ flex:1, opacity: action_loading ? 0.5:1, margin:5 }}
+                    disabled={action_loading}
+                    onPress={() => onRequestAuthenticate()}
+                />
+                :!group_player || group_player.status == 'inactive' ?
                 <Button
                     title='JOIN GROUP'
                     type='success'

package/src/Group/index.tsx

@@ -25,6 +25,7 @@ type GroupComponentProps = {
     onNudgePlayer:(p:PublicPlayerProps, gp:GroupPlayerProps) => void,
     onSelectPlayer:(p:PublicPlayerProps) => void,
     onSelectCompetition:(c:CompetitionProps) => void,
+    onRequestAuthenticate:() => void,
     onSelectPollCampaign:(pc:PollCampaignProps) => void,
     onSelectSquaresCompetition:(sq:SquaresCompetitionProps) => void,
     onCreateEngagement?: (g:GroupProps) => void,
@@ -60,7 +61,7 @@ const member_stat_options:{ stat_key:string, label:string, multiplier:number, pr
     { stat_key: 'original_stake', label: 'Betting Volume', multiplier: 1, prefix: '$' }
 ]
 
-const GroupComponent = ({ refresh_key, group_id, player, mode, onCreateEngagement, onShareGroup, onInvitePlayer, onSelectCompetition, onSelectChat, onSelectPlayer, onNudgePlayer, onSelectPollCampaign, onSelectSquaresCompetition } : GroupComponentProps) => {
+const GroupComponent = ({ refresh_key, group_id, player, mode, onCreateEngagement, onRequestAuthenticate, onShareGroup, onInvitePlayer, onSelectCompetition, onSelectChat, onSelectPlayer, onNudgePlayer, onSelectPollCampaign, onSelectSquaresCompetition } : GroupComponentProps) => {
     const Colors = useColors();
     const leader_options:TimeOptionProps[] = [
         { to: moment().subtract(1, 'days').unix(), from: moment().unix(), option: '24_hours', label: '24 Hours'  },
@@ -670,6 +671,7 @@ const GroupComponent = ({ refresh_key, group_id, player, mode, onCreateEngagemen
                         group={group}
                         group_player={my_group_player}
                         me={player}
+                        onRequestAuthenticate={onRequestAuthenticate}
                         onResponse={(new_gp) => {
                             setGroupData({
                                 ...group_data,

package/src/index.tsx

@@ -58,7 +58,7 @@ import ClaritySmartEvents from './Clarity/SmartEvents';
 import RankingsCard from './RankingsCard';
 import GuideView from './Guide';
 import GroupComponent from './Group';
-
+import CreateGroupWizard from './Group/components/CreateGroupWizard';
 export {
   Authenticator,
   Observer,
@@ -70,6 +70,7 @@ export {
   ManageFilter,
   Ticker,
   Premium,
+  CreateGroupWizard,
   LeaderboardCard,
   GroupComponent,
   LocationTracker,

package/src/types.d.ts

@@ -82,6 +82,13 @@ export interface TourStepProps {
   priority?: number; // lower = higher priority
 };
 
+export interface CreateGroupStepProps {
+    num:number,
+    title:string,
+    step_key:string,
+    description: string
+}
+
 export interface ClarityProps {
   consent: () => void;
   identify: (