be-components 0.7.3 → 0.7.5

package/src/Poll/flashmarket/index.tsx

@@ -0,0 +1,231 @@
+import React, { useEffect, useState } from 'react';
+import { ActivityIndicator, View, Image, TouchableOpacity } from "react-native";
+import type { PollCampaignProps, PollOptionProps, PollProps, PollResponseProps, PollSummaryProps } from '../../types';
+import Colors from '../../constants/colors';
+import { Spring, Text, TextInput } from '../../Components';
+import { PollApi, PollCampaignApi, PollResponseApi, PollResponseHelpers } from '../api';
+import { view_styles } from '../../constants/styles';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+
+type FlashMarketProps = {
+    poll_id:string,
+    next_allowed?:boolean,
+    player_id?:string,
+    onRequestAuthenticate:() => void
+}
+
+const MAX_IMAGE_SIZE = 125
+const MAX_OPTION_WIDTH = 200
+
+const FlashMarket = ({ poll_id, player_id, onRequestAuthenticate }:FlashMarketProps) => {
+    const [ flash_size, setFlashSize ] = useState({ height:0, width:0 });
+    const [ data, setData ] = useState<
+    {
+        loading:boolean,
+        poll_campaign?:PollCampaignProps,
+        poll?:PollProps,
+        poll_options:PollOptionProps[],
+        poll_summaries: PollSummaryProps[],
+        poll_response?:PollResponseProps,
+        show_complete:boolean,
+    }
+    >({
+        loading:false,
+        poll_options: [],
+        poll_summaries: [],
+        show_complete: false
+    })
+
+    const { loading, poll, poll_options, poll_summaries, poll_response } = data;
+
+    let visible_options = poll_options
+    if(poll_response && poll_response.status == 'pending'){ visible_options = poll_options.filter(po => po.poll_option_id == poll_response.poll_option_id) }
+
+    let image_size = flash_size.width * 0.2
+    if(image_size > MAX_IMAGE_SIZE){ image_size = MAX_IMAGE_SIZE }
+    let option_width = (flash_size.width * 0.8 / 2) - 25
+    if(option_width > MAX_OPTION_WIDTH){ option_width = MAX_OPTION_WIDTH }
+
+    useEffect(( ) => {
+        getDataFromServer(poll_id)
+    },[poll_id])
+
+    const getDataFromServer = async(poll_id:string) => {
+        setData({ ...data, loading:true })
+        const resp = await PollApi.getPollById(poll_id);
+        const pc = await PollCampaignApi.getPollCampaignById(resp.poll.poll_campaign_id)
+        let my_response:PollResponseProps | undefined = undefined
+        //First if there is a player_id - lets grab from the server first
+        if(player_id){
+            my_response = await PollResponseApi.getResponseByPollId(poll_id)
+        }
+
+        if(!my_response){
+            //If no-response - check cache
+            let cached_response = await AsyncStorage.getItem(`response:${poll_id}`)
+            if(cached_response){
+                my_response = JSON.parse(cached_response);
+            }
+        }
+        setData({
+            loading:false,
+            poll_campaign: pc,
+            poll: resp.poll,
+            poll_options: resp.poll_options,
+            poll_summaries: resp.poll_summaries,
+            poll_response: my_response,
+            show_complete: my_response && my_response?.status != 'pending' ? true : false
+        })
+    }
+
+    const handleSelectOption = async(po:PollOptionProps) => {
+        if(!poll){ return }
+        if(poll_response && poll_response.status != 'pending'){ return setData({ ...data, show_complete: true }) }
+        let cached_response = await AsyncStorage.getItem(`response:${poll_id}`)
+        if(cached_response){
+            if(JSON.parse(cached_response).poll_option_id == po.poll_option_id){ 
+                await AsyncStorage.removeItem(`response:${poll_id}`)
+                return setData({ ...data, poll_response: undefined }) 
+            }
+        }
+        let stake = poll_response?.stake ?? poll.minimum_stake
+        let draft_response:PollResponseProps = {
+            poll_id:poll.poll_id,
+            poll_option_id:po.poll_option_id,
+            stake: stake,
+            market_type: 'FREE',
+            poll_response_id: '',
+            player_id: '',
+            winnings: 0,
+            response_body: {},
+            status: 'pending',
+            create_datetime: '',
+            last_update_datetime: ''
+        }
+        await AsyncStorage.setItem(`response:${poll_id}`, JSON.stringify(draft_response))
+        
+        setData({
+            ...data,
+            poll_response: draft_response
+        })
+    }
+    
+    const handleSubmit = async() => {
+        if(!poll_response){ return }
+        if(poll_response.status != 'pending'){ return }
+        if(!player_id){ return onRequestAuthenticate() }
+        let stake_number = parseFloat(poll_response.stake as string)
+        if(isNaN(stake_number)){ return }
+        const new_resp = await PollResponseApi.createPollResponse({ ...poll_response, stake: stake_number })
+        const updated_ps = PollResponseHelpers.updateSummariesWithResponse(new_resp, poll_summaries)
+        setData({
+            ...data,
+            poll_response: new_resp,
+            poll_summaries: updated_ps,
+            show_complete: true
+        })
+        await AsyncStorage.removeItem(`response:${poll_id}`)
+    }
+
+
+    //const selected_option = poll_options.find(po => po.poll_option_id == poll_response?.poll_option_id)
+    //const selected_summary = poll_summaries.find(ps => ps.poll_option_id == poll_response?.poll_option_id)
+    //const correct_option = poll_options.find(po => po.result_ind == 'win');
+    //const correct_summary = poll_summaries.find(ps => ps.poll_option_id == correct_option?.poll_option_id);
+
+    const renderPollOptions = (data:{item:PollOptionProps, show_summary?:boolean, index:number}) => {
+        const selected = data.item.poll_option_id == poll_response?.poll_option_id ? true : false
+        const poll_summary = poll_summaries.find(ps => ps.poll_option_id == data.item.poll_option_id);
+        const color = PollResponseHelpers.getOptionColor(data.item, poll_response)
+        return (
+            <View>
+                
+                <TouchableOpacity 
+                //disabled={poll_response && poll_response.status != 'pending' ? true : false}
+                style={{ flexDirection:'row', width:option_width, alignItems:'center', margin:5, borderRadius:22, padding:10, borderWidth:selected?1:0, borderColor:Colors.brand.midnight, backgroundColor:color, ...view_styles.float }}
+                onPress={() => handleSelectOption(data.item)}>
+                    {data.show_summary && poll_summary ?
+                    <View style={{ position:'absolute', top:0, left:0, bottom:0, borderRadius:22, backgroundColor:color, opacity:0.6, width: option_width * poll_summary.pct }}/>
+                    :<></>}
+                    <Text style={{ flex:1 }} size={14} color={Colors.brand.midnight} weight={'bold'} textAlign={data.show_summary?'left':'center'}>{data.item.option_name}</Text>
+                    {data.show_summary && poll_summary ?
+                    <Text style={{ marginLeft:10, padding:5, borderRadius:selected?100:0, backgroundColor:selected?Colors.shades.white:undefined, ...view_styles.float }} size={12} color={Colors.brand.midnight} weight='bold' >{(poll_summary.pct*100).toFixed()}%</Text>
+                    :<></>}
+                </TouchableOpacity>
+            </View>
+        )
+    }
+
+    if(loading || !poll){
+        return (
+            <View>
+                <ActivityIndicator size={'large'} color={Colors.brand.midnight}/>
+            </View>
+        )
+    }
+
+    return (
+        <View style={{ flex:1 }}>
+            <View style={{ backgroundColor:Colors.shades.white, flexDirection:'row' }} onLayout={(ev) => {
+            const { height, width } = ev.nativeEvent.layout;
+            setFlashSize({ height, width })
+        }}>
+                {!poll_response || poll_response.status != 'pending' ?
+                <View style={{ padding:10 }}>
+                    <Image
+                        source={{ uri: poll.poll_image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1718979933/question_mark_ro0ac5.webp' }}
+                        style={{ height:image_size, width:image_size }}
+                        resizeMode='cover'
+                    />
+                </View>
+                :<></>}
+                <View style={{ flex:1 }} nativeID='question'>
+                    <View style={{ padding:10, borderBottomWidth:1, borderBottomColor:Colors.shades.shade600 }}>
+                        <Text size={16} color={Colors.brand.midnight} weight='bold'>{poll.poll_question}</Text>
+                    </View>
+                    <View nativeID='poll_options' style={{ flex:1, padding:5, flexDirection:'row', flexWrap:'wrap', justifyContent:'center', alignItems:'center'}}>
+                        {visible_options.sort((a,b) => a.priority - b.priority).map((po, i) => {
+                            return renderPollOptions({ item:po, index:i, show_summary:poll_response && poll_response.status != 'pending' ? true : false })
+                        })}
+                    </View>
+                </View>
+                {poll_response?.status == 'pending' ?
+                <Spring
+                    slide='horizontal'
+                    to={0}
+                    from={100}
+                >
+                    <View style={{justifyContent:'space-between', backgroundColor:Colors.shades.shade600 }}>
+                        <View style={{ padding:10, borderBottomWidth:1, borderBottomColor:Colors.shades.shade100 }}>
+                            <Text size={16} color={Colors.brand.midnight} textAlign='center' weight='bold'>{poll.confidence_allowed ? 'HOW MUCH?': 'ARE YOU SURE?'}</Text>
+                        </View>
+                        {poll.confidence_allowed ?
+                        <View style={{ flex:1, padding:5 }}>
+                            <View style={{flexDirection:'row', backgroundColor:Colors.shades.white, borderRadius:22 }}>
+                                <Text style={{ padding:10 }}>{poll.market_type == 'FOR_MONEY' ? '$' : 'E'}</Text>
+                                <TextInput
+                                    style={{ padding:10, borderWidth:0, borderTopLeftRadius:0, borderBottomLeftRadius:0, backgroundColor:'transparent', width: flash_size.width * 0.22,}}
+                                    autoFocus
+                                    value={poll_response.stake as string}
+                                    onChangeText={(text) => setData({
+                                        ...data,
+                                        poll_response: { ...poll_response, stake:text }
+                                    })}
+                                />
+                            </View>
+                        </View>
+                        :<View style={{flex:1}} />}
+                        <TouchableOpacity style={{ marginTop:10, backgroundColor:Colors.utility.success, padding:10, paddingLeft:20, paddingRight:20, justifyContent:'center', alignItems:'center' }}
+                        onPress={() => handleSubmit()}>
+                            <Text weight='bold' size={14} color={Colors.shades.white}>SUBMIT</Text>
+                        </TouchableOpacity>
+                    </View>
+                </Spring>
+                :<></>}
+            </View>
+        </View>
+    )
+}
+
+export default FlashMarket

package/src/Poll/index.tsx

@@ -0,0 +1,45 @@
+import React, { useEffect, useState } from 'react';
+import CampaignPlay from "./components/CampaignPlay"
+import { PollCampaignApi } from './api';
+import FlashMarket from './flashmarket';
+
+
+type PollCampaignModuleProps = {
+    poll_campaign_id?:string,
+    poll_id?:string,
+    player_id?:string,
+    height?:number,
+    width?:number,
+    type: 'campaign' | 'poll',
+    onRequestAuthenticate: () => void
+}
+const PollCampaign = ({ poll_campaign_id, poll_id, type, player_id, onRequestAuthenticate }: PollCampaignModuleProps ) => {
+    const [ loaded, setLoaded ] = useState(false);
+    useEffect(() => {
+        PollCampaignApi.setEnvironment();
+        setLoaded(true)
+    },[])
+    if(!loaded){ return <></> }
+    if(type == 'campaign' && poll_campaign_id){
+        return (
+            <CampaignPlay
+                onRequestAuthenticate={() => console.log('')}
+                poll_campaign_id={poll_campaign_id}
+                onFinished={() => console.log('finished!!')}
+            />
+        )
+    }
+    if(type == 'poll' && poll_id){
+        return (
+            <FlashMarket
+                poll_id={poll_id}
+                player_id={player_id}
+                onRequestAuthenticate={onRequestAuthenticate}
+            />
+        )
+    }
+    return <></>
+
+}
+
+export default PollCampaign

package/src/ProfileManager/Components/BasicInfoManager.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, TouchableOpacity, ScrollView } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
-import type { MyPlayerProps } from '../api/types';
 import Colors from '../../constants/colors';
 import { ProfileApi } from '../api';
 import { button_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../../types';
 
 type BasicInfoManagerProps = {
     player:MyPlayerProps,

package/src/ProfileManager/Components/BasicStatus.tsx

@@ -2,9 +2,8 @@ import React from 'react';
 import { View, Image, ScrollView } from 'react-native';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
-import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
-import type { MyPlayerProps } from '../api/types';
 
 type BasicStatusProps = {
     player:MyPlayerProps,

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -3,17 +3,23 @@ import { ActivityIndicator, View, Image } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi, ProfileHelpers } from '../api';
-import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
-import type { MyPlayerProps } from '../api/types';
+import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 
 type CodeRedeemProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
     onVerify:() => void,
+    onRedeemCode:(code_details:{
+        code_request?:CodeRequestProps,
+        promo?:PromoProps,
+        player_referral?:PlayerReferralProps,
+        reward_option?:RewardOptionProps,
+        referrer?:PublicPlayerProps
+    }) => void,
     onClose:() => void
 }
 
-const CodeRedeem = ({ walkthrough, onVerify, onClose }:CodeRedeemProps) => {
+const CodeRedeem = ({ walkthrough, onVerify, onClose, onRedeemCode }:CodeRedeemProps) => {
     const [ loading, setLoading ] = useState(false);
     const [ show_reward, setShowReward ] = useState(false);
     const [ action_loading, setActionLoading ] = useState(false);
@@ -58,6 +64,7 @@ const CodeRedeem = ({ walkthrough, onVerify, onClose }:CodeRedeemProps) => {
         setShowReward(true);
         setTimeout(() => {
             setData({ ...request_response })
+            onRedeemCode(request_response)
             setActionLoading(false);
         }, 2000);
     }

package/src/ProfileManager/Components/DOBManager.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import type { MyPlayerProps } from '../api/types';
 import moment from 'moment-mini';
 import { View, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi } from '../api';
 import { button_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../../types';
 
 type DOBManagerProps = {
     player:MyPlayerProps,

package/src/ProfileManager/Components/EmailManager.tsx

@@ -3,9 +3,9 @@ import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';
-import type { MyPlayerProps } from '../api/types';
 import { button_styles, view_styles } from '../../constants/styles';
 import { ProfileApi, ProfileHelpers } from '../api';
+import type { MyPlayerProps } from '../../types';
 
 
 type EmailManagerProps = {

package/src/ProfileManager/Components/PasswordManager.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import { View, FlatList, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
-import type { MyPlayerProps, PasswordStateProps } from '../api/types';
+import type { PasswordStateProps } from '../api/types';
 import Colors from '../../constants/colors';
 import { ProfileApi, ProfileHelpers } from '../api';
 import { button_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../../types';
 
 type PasswordManagerProps = {
     player:MyPlayerProps,

package/src/ProfileManager/Components/PhoneManager.tsx

@@ -3,9 +3,9 @@ import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';
-import type { MyPlayerProps } from '../api/types';
 import { button_styles, view_styles } from '../../constants/styles';
 import { ProfileApi, ProfileHelpers } from '../api';
+import type { MyPlayerProps } from '../../types';
 
 
 type PhoneManagerProps = {

package/src/ProfileManager/Components/ProfilePicManager.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
 import { Image, View, ScrollView, TouchableOpacity } from "react-native"
-import type { MyPlayerProps } from "../api/types"
 import { Button, Icons, Text } from '../../Components';
 import ImageUploader from '../../Components/ImageUploader';
 import Colors from '../../constants/colors';
 import { ProfileApi } from '../api';
 import { button_styles } from '../../constants/styles';
+import type { MyPlayerProps } from '../../types';
 
 type ProfilePicManagerProps = {
     player:MyPlayerProps, 

package/src/ProfileManager/Components/ProfileWelcome.tsx

@@ -3,9 +3,8 @@ import { View, Image, ScrollView } from 'react-native';
 import Colors from '../../constants/colors';
 import { Button, Icons, Text } from '../../Components';
 import { ProfileHelpers } from '../api';
-import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
-import type { MyPlayerProps } from '../api/types';
 
 
 type ProfileWelcomeProps = {

package/src/ProfileManager/Components/ProfileWizard.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { View, FlatList, TouchableOpacity, Image, Linking } from 'react-native';
-import type {MyPlayerProps, ProfileLevelProps, ProfileStepProps, SettingProps } from "../api/types"
+import type { ProfileLevelProps, ProfileStepProps, SettingProps } from "../api/types"
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
 import BasicInfoManager from './BasicInfoManager';
@@ -13,7 +13,7 @@ import VouchCard from './VouchCard';
 import ProfilePicManager from './ProfilePicManager';
 import ProfileWelcome from './ProfileWelcome';
 import CodeRedeem from './CodeRedeem';
-import type { CodeRequestProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 import SettingsManager from './SettingsManager';
 import { ProfileApi } from '../api';
 import { view_styles } from '../../constants/styles';
@@ -32,6 +32,13 @@ type ProfileWizardProps = {
     init_walkthrough?:{
         level: 'basic'|'verify'
     },
+    onRedeemCode:(code_details:{
+        code_request?:CodeRequestProps,
+        promo?:PromoProps,
+        player_referral?:PlayerReferralProps,
+        reward_option?:RewardOptionProps,
+        referrer?:PublicPlayerProps
+    }) => void,
     profile_attribute?:'basic'|'phone'|'email'|'dob'|'password'|'vouch'|'notification'|'preferences',
     onClose:() => void,
     onNextStep:(step:string) => void,
@@ -42,7 +49,7 @@ type ProfileWizardProps = {
 }
 //                        { num:5, check: 'code', label: 'Promo', description: `Lets get you started with some promo bucks!`, complete:false },
 
-const ProfileWizard = ({  player, hide_powered_by, settings, player_settings, init_walkthrough, show_welcome, onVouching, onNextStep, profile_attribute, width, hidden_groups, hidden_levels, hidden_steps, onUpdatePlayerSetting, onPlayerUpdate, onSelectLevel, onClose, onLogout }:ProfileWizardProps) => {
+const ProfileWizard = ({  player, hide_powered_by, settings, player_settings, onRedeemCode, init_walkthrough, show_welcome, onVouching, onNextStep, profile_attribute, width, hidden_groups, hidden_levels, hidden_steps, onUpdatePlayerSetting, onPlayerUpdate, onSelectLevel, onClose, onLogout }:ProfileWizardProps) => {
     const [ draft_player, setDraftPlayer ] = useState(player);
     const [ show_code_request, setShowCodeRequest ] = useState(false);
     const [ welcome_hidden, setWelcomeHidden ] = useState(false);
@@ -395,6 +402,10 @@ const ProfileWizard = ({  player, hide_powered_by, settings, player_settings, in
                     walkthrough={false}
                     player={draft_player}
                     onClose={() => setShowCodeRequest(false)}
+                    onRedeemCode={(cd) => {
+                        setCodeDetails(cd)
+                        onRedeemCode(cd)
+                    }}
                     onVerify={() => {
                         let verify_level = groups[0]?.profile_levels[1]
                         if(!verify_level){ return }

package/src/ProfileManager/Components/SettingsManager.tsx

@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import { ScrollView, View, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';
-import type { MyPlayerProps, SettingProps } from '../api/types';
-import type { PlayerSettingProps } from '../../types';
+import type { SettingProps } from '../api/types';
+import type { MyPlayerProps, PlayerSettingProps } from '../../types';
 import { ProfileApi } from '../api';
 
 type SettingsManagerProps = {

package/src/ProfileManager/Components/VouchCard.tsx

@@ -4,9 +4,8 @@ import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
 import { ProfileApi, ProfileHelpers } from '../api';
 import moment from 'moment-mini';
-import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
+import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
-import type { MyPlayerProps } from '../api/types';
 
 type VouchCardProps = {
     player:MyPlayerProps,

package/src/ProfileManager/api/index.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
-import type { MyPlayerProps, PasswordStateProps, PlayerBalanceProps, SettingProps } from './types';
+import type { PasswordStateProps, SettingProps } from './types';
 import { APIOverrides } from '../../ApiOverrides';
-import type { CodeRequestProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
+import type { CodeRequestProps, MyPlayerProps, PlayerBalanceProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 
 let AUTH_SVC_API = '';
 let VOUCH_ID = '';

package/src/ProfileManager/api/types.d.ts

@@ -37,38 +37,3 @@ export interface SettingProps {
 }
 
 
-export interface PlayerBalanceProps {
-    player_balance_id:string,
-    player_id:string,
-    free_market_balance:number,
-    balance:number,
-    promo_balance:number,
-    create_datetime:any,
-    last_udpate_datetime:any
-}
-
-
-export interface MyPlayerProps {
-    player_id:string, 
-    profile_pic:string, 
-    username:string, 
-    first_name:string,
-    last_name:string, 
-    email:string, 
-    type:'premium'|'freemium',
-    anonymous:boolean,
-    role:'player'|'admin',
-    guide_me?:boolean,
-    dob?:string,
-    auto_generated:boolean,
-    no_password:boolean,
-    open_to_challenges:boolean,
-    verified:boolean, //Email verification 
-    phone:string, 
-    phone_verified:boolean, 
-    vouched_status: 'verified'|'unverified'|'failed', 
-    bio?:string,
-    terms_agreed_on?:any,
-    create_datetime:any, 
-    last_update_datetime:any
-}

package/src/ProfileManager/index.tsx

@@ -4,8 +4,8 @@ import Colors from '../constants/colors';
 import { Text } from '../Components';
 import ProfileWizard from './Components/ProfileWizard';
 import { ProfileApi } from './api';
-import type { MyPlayerProps, PlayerBalanceProps, SettingProps } from './api/types';
-import type { PlayerSettingProps } from '../types';
+import type { SettingProps } from './api/types';
+import type { CodeRequestProps, MyPlayerProps, PlayerBalanceProps, PlayerReferralProps, PlayerSettingProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../types';
 
 type ProfileOverviewProps = {
     width:number,
@@ -20,6 +20,13 @@ type ProfileOverviewProps = {
     onClose:() => void,
     onVouchStart?:() => void,
     onLogout:() => void,
+    onRedeemCode:(code_details:{
+        code_request?:CodeRequestProps,
+        promo?:PromoProps,
+        player_referral?:PlayerReferralProps,
+        reward_option?:RewardOptionProps,
+        referrer?:PublicPlayerProps
+    }) => void,
     onNextStep?:(step:string) => void,
     onPlayerUpdate?:(p:MyPlayerProps, attribute?:string) => void,
     profile_attribute?:'basic'|'phone'|'email'|'dob'|'password'|'vouch'|'notification'|'preferences',
@@ -28,7 +35,7 @@ type ProfileOverviewProps = {
     }
 }
 
-const ProfileManager = ({ profile_attribute, hide_profile_header, player, hide_powered_by, onPlayerUpdate, onNextStep, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, width, onClose, onLogout }: ProfileOverviewProps ) => {
+const ProfileManager = ({ profile_attribute, hide_profile_header, player, hide_powered_by, onRedeemCode, onPlayerUpdate, onNextStep, onVouchStart, show_welcome, hidden_groups, hidden_steps, hidden_levels, walkthrough, width, onClose, onLogout }: ProfileOverviewProps ) => {
     const [ loading, setLoading ] = useState(false);
     const [ vouching, setVouching ] = useState(false);
     const [ draft_player, setDraftPlayer ] = useState<MyPlayerProps>();
@@ -113,6 +120,7 @@ const ProfileManager = ({ profile_attribute, hide_profile_header, player, hide_p
                                 if(active && onVouchStart){ onVouchStart() }
                                 setVouching(active)
                             }}
+                            onRedeemCode={onRedeemCode}
                             settings={settings}
                             show_welcome={show_welcome}
                             hide_powered_by={hide_powered_by}

package/src/Wallet/api/index.ts

@@ -1,7 +1,6 @@
 import axios from 'axios';
 import { APIOverrides } from '../../ApiOverrides';
-import type { ACHDetailProps, AccountActionProps, AccountLimitProps, AccountProps, AccountSnoozeProps, CardDetailProps, CodeRequestProps, ItemOrderProps, ItemProps, PlayerAddressProps, PlayerDepositLimitProps, PlayerReferralProps, PlayerWithdrawLimitProps, PromoProps, PublicPlayerProps, RewardOptionProps, TransactionDetailProps, TransactionProps, WalletSettingsProps } from '../../types';
-import type { MyPlayerProps, PlayerBalanceProps } from '../../ProfileManager/api/types';
+import type { ACHDetailProps, AccountActionProps, AccountLimitProps, AccountProps, AccountSnoozeProps, CardDetailProps, CodeRequestProps, ItemOrderProps, ItemProps, MyPlayerProps, PlayerAddressProps, PlayerBalanceProps, PlayerDepositLimitProps, PlayerReferralProps, PlayerWithdrawLimitProps, PromoProps, PublicPlayerProps, RewardOptionProps, TransactionDetailProps, TransactionProps, WalletSettingsProps } from '../../types';
 import moment from 'moment-mini';
 import Colors from '../../constants/colors';
 
@@ -157,9 +156,12 @@ const ItemOrderApi = {
 }
 
 const ItemOrderHelpers = {
-    genDepositOrder : (item:ItemProps, account:AccountProps):ItemOrderProps => {
+    genDepositOrder : (item:ItemProps, account?:AccountProps):ItemOrderProps => {
         let amount = 25
-        let fee = account.transaction_fee * amount
+        let fee = 0
+        if(account){
+            fee = account.transaction_fee * amount
+        }
         let total_amount = amount + fee
         return {
             items: [{

package/src/Wallet/components/ACHAddCard.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { View, TouchableOpacity, Image, ScrollView } from 'react-native';
-import type { MyPlayerProps } from '../../ProfileManager/api/types';
-import type { AccountProps } from '../../types';
+import type { AccountProps, MyPlayerProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
 import { button_styles } from '../../constants/styles';

package/src/Wallet/components/AddressManager.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import { FlatList, TouchableOpacity, View, ScrollView } from 'react-native';
-import type { LocationProps, PlayerAddressProps } from '../../types';
-import type { MyPlayerProps } from '../../ProfileManager/api/types';
+import type { LocationProps, MyPlayerProps, PlayerAddressProps } from '../../types';
 import { WalletApi, WalletHelpers } from '../api';
 import AddressCard from './AddressCard';
 import { Button, Text, TextInput } from '../../Components';

package/src/Wallet/components/DepositCard.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, Image, ScrollView } from "react-native";
-import type { MyPlayerProps } from '../../ProfileManager/api/types';
-import type { AccountProps, AccountSnoozeProps, CodeRequestProps, ItemOrderProps, PlayerDepositLimitProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, WalletSettingsProps } from '../../types';
+import type { AccountProps, AccountSnoozeProps, CodeRequestProps, ItemOrderProps, MyPlayerProps, PlayerDepositLimitProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, WalletSettingsProps } from '../../types';
 import { ItemOrderApi, ItemOrderHelpers, WalletApi } from '../api';
 import Colors from '../../constants/colors';
 import { Button, Icons, Text, TextInput } from '../../Components';

package/src/Wallet/components/FundAccountCard.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { View, TouchableOpacity, Image, ScrollView } from 'react-native';
-import type { MyPlayerProps } from '../../ProfileManager/api/types';
-import type { AccountProps, CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
+import type { AccountProps, CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
 import { button_styles, view_styles } from '../../constants/styles';