be-components 0.3.4 → 0.3.5

package/lib/typescript/src/ProfileManager/Components/SettingsManager.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
-import type { SettingProps } from '../api/types';
+import type { MyPlayerProps, SettingProps } from '../api/types';
 import type { PlayerSettingProps } from '../../types';
 type SettingsManagerProps = {
     title: string;
     description: string;
+    player: MyPlayerProps;
     settings: SettingProps[];
     icon: any;
     player_settings: PlayerSettingProps[];
     onUpdatePlayerSetting: (ps: PlayerSettingProps) => void;
 };
-declare const SettingsManager: ({ title, description, icon, settings, player_settings, onUpdatePlayerSetting }: SettingsManagerProps) => React.JSX.Element;
+declare const SettingsManager: ({ player, title, description, icon, settings, player_settings, onUpdatePlayerSetting }: SettingsManagerProps) => React.JSX.Element;
 export default SettingsManager;
 //# sourceMappingURL=SettingsManager.d.ts.map

package/lib/typescript/src/ProfileManager/Components/SettingsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/SettingsManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,IAAI,EAAC,GAAG,CAAC;IACT,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,qBAAqB,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAA;CACxD,CAAA;AAED,QAAA,MAAM,eAAe,mFAAmF,oBAAoB,sBA4H3H,CAAA;AAUD,eAAe,eAAe,CAAA"}
+{"version":3,"file":"SettingsManager.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/SettingsManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAC,aAAa,CAAC;IACrB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,IAAI,EAAC,GAAG,CAAC;IACT,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,qBAAqB,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAA;CACxD,CAAA;AAED,QAAA,MAAM,eAAe,2FAA2F,oBAAoB,sBAmInI,CAAA;AAUD,eAAe,eAAe,CAAA"}

package/lib/typescript/src/ProfileManager/Components/VouchCard.d.ts

@@ -1,10 +1,19 @@
 import React from 'react';
-import type { MyPlayerProps } from '../api/types';
+import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps } from '../api/types';
+import type { PublicPlayerProps } from '../../types';
 type VouchCardProps = {
     player: MyPlayerProps;
+    walkthrough?: boolean;
+    code_details: {
+        code_request?: CodeRequestProps;
+        referrer?: PublicPlayerProps;
+        promo?: PromoProps;
+        player_referral?: PlayerReferralProps;
+    };
     onPlayerUpdate: (player: MyPlayerProps) => void;
+    onClaimGift: () => void;
     onClose: () => void;
 };
-declare const VouchCard: ({ player, onPlayerUpdate, onClose }: VouchCardProps) => React.JSX.Element;
+declare const VouchCard: ({ player, walkthrough, code_details, onPlayerUpdate, onClaimGift, onClose }: VouchCardProps) => React.JSX.Element;
 export default VouchCard;
 //# sourceMappingURL=VouchCard.d.ts.map

package/lib/typescript/src/ProfileManager/Components/VouchCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VouchCard.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/VouchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlD,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,SAAS,wCAAwC,cAAc,sBA8PpE,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"VouchCard.d.ts","sourceRoot":"","sources":["../../../../../src/ProfileManager/Components/VouchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGrG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGrD,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,YAAY,EAAE;QACV,YAAY,CAAC,EAAC,gBAAgB,CAAC;QAC/B,QAAQ,CAAC,EAAC,iBAAiB,CAAC;QAC5B,KAAK,CAAC,EAAC,UAAU,CAAC;QAClB,eAAe,CAAC,EAAC,mBAAmB,CAAA;KACvC,CAAA;IACD,cAAc,EAAC,CAAC,MAAM,EAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAC,MAAM,IAAI,CAAC;IACvB,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,SAAS,gFAAgF,cAAc,sBAyS5G,CAAA;AAED,eAAe,SAAS,CAAA"}

package/package.json

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

package/src/ApiOverrides/index.ts

@@ -8,7 +8,7 @@ const ENVIRONMENT_ENDPOINTS = {
     DEVELOPMENT: {
         AUTH_SVC_API: 'http://localhost:5000',
         VOUCH_ID: 'adqEZph8t*_NBFy6u_l4!t~Hin6kpK',
-        VOUCHED_CALLBACK_URL: 'https://d98b-75-168-152-8.ngrok-free.app/v1/players/vouch/hook',
+        VOUCHED_CALLBACK_URL: 'https://1f9b-64-159-204-178.ngrok-free.app/v1/players/vouch/hook',
         VOUCHED_SANDBOX: true,
         EVENT_SVC_API: 'http://localhost:3002',
         SOCIAL_SVC_API: 'http://localhost:3011'
@@ -44,13 +44,15 @@ export { APIOverrides }
 
 const APIOverrides = {
     start: async({ env, no_cache }: { env:'PRODUCTION'|'STAGING'|'DEVELOPMENT', no_cache:boolean }):Promise<AuthStateProps> => {
+        
         APIOverrides.setEnvironment(env);
         let distinct_id = await APIOverrides.getDistinctID();
+        APIOverrides.setDistinctToken(distinct_id);
         const session_id = v4();
+        APIOverrides.setSessionToken(session_id)
         auth_state = { authenticated: false, distinct_id, session_id }
         if(no_cache){ return auth_state }
         let cached_token = await AsyncStorage.getItem('access_token');
-        console.log(cached_token)
         if(!cached_token){ return { authenticated: false, distinct_id, session_id } }
         let cached_refresh_token = await AsyncStorage.getItem('refresh_token');
         if(!cached_refresh_token){ return { authenticated: false, distinct_id, session_id } }
@@ -94,7 +96,7 @@ const APIOverrides = {
         const { access_token, player_id, refresh_token, expire_datetime, distinct_id } = auth_response
         if(!access_token || !refresh_token || !player_id){ return { result: 'fail' } }
         APIOverrides.setBearerToken(access_token);
-        APIOverrides.setRefreshTokenInterceptor(access_token, distinct_id, options.cache)
+        APIOverrides.setRefreshTokenInterceptor(access_token, distinct_id)
         if(options.cache){
             await APIOverrides.cacheTokens(access_token, player_id, refresh_token, expire_datetime)
         }
@@ -113,9 +115,9 @@ const APIOverrides = {
     getEndpoints: () => {
         return ENDPOINTS
     },
-    cacheTokens: async(access_token:string, player_id:string, refresh_token?:string, expire_datetime?:any) => {
+    cacheTokens: async(access_token:string, player_id?:string, refresh_token?:string, expire_datetime?:any) => {
         await AsyncStorage.setItem('access_token', access_token);
-        await AsyncStorage.setItem('player_id', player_id);
+        if(player_id){ await AsyncStorage.setItem('player_id', player_id) };
         if(refresh_token){ await AsyncStorage.setItem('refresh_token', refresh_token) }
         if(expire_datetime){ await AsyncStorage.setItem('auth_expire_time', expire_datetime) }
     },
@@ -140,17 +142,34 @@ const APIOverrides = {
             delete axios.defaults.headers.common['Authorization'];
         }
     },
-    refreshToken: async(token:string, distinct_id:string):Promise<{refresh_token:string, access_token:string, expire_datetime:string } | undefined> => {
+    setDistinctToken: (distinct_id?:string) => {
+        if (distinct_id) {
+            axios.defaults.headers.common['distinctid'] = distinct_id;
+        } else {
+            delete axios.defaults.headers.common['distinctid'];
+        }
+    },
+    setSessionToken: (session_id?:string) => {
+        if (session_id) {
+            axios.defaults.headers.common['sessionid'] = session_id;
+        } else {
+            delete axios.defaults.headers.common['sessionid'];
+        }
+    },
+    refreshToken: async(token:string, distinct_id:string):Promise<{refresh_token:string, access_token:string, expire_datetime:string, player_id:string } | undefined> => {
         try {
+            console.log('REFRESHING TOKEN!!!!')
             let AUTH_SVC_API = ENDPOINTS['AUTH_SVC_API']
             const resp = await axios.post(`${AUTH_SVC_API}/v1/players/tokens/token/refresh`, { refresh_token:token, device_id:distinct_id })
+            console.log(resp.data)
             return resp.data
         } catch (error) {
+            console.log(error)
+            console.log('THERE WAS AN ERROR')
             return undefined
         }
-
     },
-    setRefreshTokenInterceptor: async(token:string, distinct_id:string, cache?:boolean) => {
+    setRefreshTokenInterceptor: async(token:string, distinct_id:string) => {
         //Set the endpoint based on the environment that is past        
         axios.interceptors.response.use((response) => {
             return response
@@ -164,17 +183,14 @@ const APIOverrides = {
             }
             //If the user gets a 401 - check for a refresh_token and attempt to get another access token to use the request
             if(error?.response?.status === 401 && !originalRequest._retry) {
-                console.log('IN HERE!!!')
                 originalRequest._retry = true;
                 let refresh_resp = await APIOverrides.refreshToken(token, distinct_id);
                 if(!refresh_resp){
                     return Promise.reject({ message: 'Unable to authenticate request' })
                 }
-                const { access_token, refresh_token, expire_datetime } = refresh_resp;
+                const { player_id, access_token, refresh_token, expire_datetime } = refresh_resp;
                 APIOverrides.setBearerToken(access_token)
-                if(cache){
-                    await APIOverrides.cacheTokens(access_token, refresh_token, expire_datetime);
-                }
+                await APIOverrides.cacheTokens(access_token, player_id, refresh_token, expire_datetime);
                 return Promise.resolve(axios({ ...originalRequest, headers: { ...originalRequest.headers, Authorization: `Bearer ${access_token}` }}));
             }
             return Promise.reject(error)

package/src/Authenticator/Components/LoginForm.tsx

@@ -117,7 +117,7 @@ const LoginForm = ({ width, visible, onRegister, onAuthenticated }:LoginFormProp
         <View style={{ flex:1, width }}>
             {!login_try.visible ?
             <View style={{ flex:1 }}>
-                <View style={{ padding:30 }}>
+                <View style={{ padding:20 }}>
                     <View>
                         <Text size={18} color={Colors.brand.midnight} weight='bold'>Login Using My:</Text>
                     </View>

package/src/Authenticator/index.tsx

@@ -26,7 +26,6 @@ const Authenticator = ({ visible, auth_strategy_id, default_view, company_id, so
     const [ company, setCompany ] = useState<CompanyProps>();
     const [ distinct_id, setDistinctID ] = useState<string>();
     const [ active_view, setActiveView ] = useState(default_view ?? 'register')
-
     useEffect(() => {
         getWidgetData();
     },[])

package/src/ProfileManager/Components/BasicStatus.tsx

@@ -5,7 +5,6 @@ import Colors from '../../constants/colors';
 import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps } from '../api/types';
 import type { PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
-import { ProfileHelpers } from '../api';
 
 type BasicStatusProps = {
     player:MyPlayerProps,
@@ -21,7 +20,7 @@ type BasicStatusProps = {
 
 const BasicStatus = ({ onVerify, code_details, player, onClose }:BasicStatusProps) => {
 
-    const { code_request, promo, referrer } = code_details;
+    const { code_request, promo } = code_details;
 
     const getStatus = (p:MyPlayerProps) => {
         let errors:string[] = []
@@ -50,7 +49,8 @@ const BasicStatus = ({ onVerify, code_details, player, onClose }:BasicStatusProp
                             <Text weight='bold' size={16} color={Colors.shades.white}>FREE TO PLAY - ENGAGED!</Text>
                             <Text style={{ marginTop:5 }} color={Colors.shades.white} size={14} textAlign='left'>Your profile is ready to go for play money betting and all our FREE TO PLAY games.</Text>
                         </View>
-                    </View>  
+                    </View> 
+                    {player.vouched_status != 'verified' ? 
                     <View style={{ padding:10, flexDirection:'row' }}>
                         <Icons.AlertIcon color={Colors.utility.warning} size={32}/>
                         <View style={{ flex:1, marginLeft:20 }}>
@@ -72,19 +72,29 @@ const BasicStatus = ({ onVerify, code_details, player, onClose }:BasicStatusProp
                         }
                         </View>
                     </View>
+                    :
+                    <View style={{ padding:10, flexDirection:'row' }}>
+                        <Icons.CheckCirlceIcon color={Colors.utility.success} size={32}/>
+                        <View style={{ flex:1, marginLeft:20 }}>
+                            <Text weight='bold' size={16} color={Colors.shades.white}>REAL MONEY - ENGAGED!</Text>
+                            <Text style={{ marginTop:5 }} color={Colors.shades.white} size={14} textAlign='left'>Way to go! Your profile is ready to go for real-money activities!</Text>
+                        </View>
+                    </View> 
+                    }
                 </View>  
             </ScrollView>
-            {code_request && promo ?
+            {code_request && !['closed','fulfilled'].includes(code_request.status) && promo ?
             <View style={{ margin:15, marginTop:-50, flexDirection:'row', backgroundColor:Colors.shades.white, borderRadius:8, ...view_styles.float }}>
                 <View style={{ padding:10, justifyContent:'center' }}>
                     <Icons.GiftIcon size={40} color={Colors.incentive.gold} />
                 </View>
                 <View style={{flex:1, backgroundColor:Colors.incentive.gold_faded, padding:10 }}>
-                    <Text style={{ paddingBottom:10, borderBottomWidth:1, borderBottomColor:Colors.shades.shade600 }} size={16} color={Colors.brand.midnight} weight='bold'>@{referrer?.username} has a gift for you</Text>
-                    <Text style={{ paddingTop:5 }} size={12} color={Colors.brand.midnight} weight='semibold'>{ProfileHelpers.getReferralDescription(promo)}</Text>
+                    <Text style={{ paddingBottom:10, borderBottomWidth:1, borderBottomColor:Colors.shades.shade600 }} size={16} color={Colors.brand.midnight} weight='bold'>Verify to claim your gift!</Text>
+                    <Text style={{ paddingTop:5 }} size={12} color={Colors.brand.midnight} weight='semibold'>Did you know on average it only takes 3 minutes to complete the verification process?</Text>
                 </View>
             </View>
             :<></>}
+            {player.vouched_status != 'verified' ?
             <View nativeID='action_row' style={{ flexDirection:'row', padding:10 }}>
                 <Button
                     title='DO IT LATER'
@@ -105,6 +115,19 @@ const BasicStatus = ({ onVerify, code_details, player, onClose }:BasicStatusProp
                     onPress={() => onVerify()}
                 />
             </View>
+            :
+            <View nativeID='action_row' style={{ flexDirection:'row', padding:10 }}>
+                <Button
+                    title='CLOSE'
+                    style={{ flex:3, marginRight:5 }}
+                    padding={15}
+                    borderWidth={1}
+                    borderColor={Colors.brand.electric}
+                    title_color={Colors.brand.electric}
+                    onPress={() => onClose()}
+                />
+            </View>
+            }
         </View>
     )
 }

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -9,12 +9,11 @@ import type { PublicPlayerProps } from '../../types';
 type CodeRedeemProps = {
     player:MyPlayerProps,
     walkthrough?:boolean,
-    onNext:() => void,
     onVerify:() => void,
     onClose:() => void
 }
 
-const CodeRedeem = ({ walkthrough, onNext, onVerify, onClose }:CodeRedeemProps) => {
+const CodeRedeem = ({ walkthrough, onVerify, onClose }:CodeRedeemProps) => {
     const [ loading, setLoading ] = useState(false);
     const [ show_reward, setShowReward ] = useState(false);
     const [ action_loading, setActionLoading ] = useState(false);
@@ -76,13 +75,14 @@ const CodeRedeem = ({ walkthrough, onNext, onVerify, onClose }:CodeRedeemProps)
     const change_allowed = !loading && ProfileHelpers.isChangeCodeAllowed(code_request) ? true : false
     return (
         <View style={{ flex:1 }}>
-            <View style={{ flex:1 }}>
-            <View style={{ padding:10 }}>
-                <Text weight='bold' size={16} textAlign='left' color={Colors.brand.midnight}>Referral Code</Text>
-                <Text style={{ marginTop:5 }} color={Colors.brand.midnight} size={14} textAlign='left'>You can find the code used to sign up for your account below. Feel free to change it before redeeming.</Text>
-            </View>
-                <View style={{ padding:10 }}>
-                    <View style={{ backgroundColor:Colors.shades.white, borderRadius:22, flexDirection:'row', alignItems:'center' }}>
+            <View style={{ flex:1, padding:20 }}>
+            <View style={{ padding:20 }}>
+                    <Text size={30} color={Colors.brand.midnight} weight='bold'>How Did You Find Us?</Text>
+                    <Text style={{ marginTop:15 }} size={16} color={Colors.brand.midnight} weight='regular'>All new players are eligible for a one-time sign up bonus. Below is the code / referrer used during sign up.</Text>
+                </View>
+                <View style={{ padding:10, marginTop:20 }}>
+                    <Text size={20} weight='bold' textAlign='center' color={Colors.brand.midnight}>CODE USED</Text>
+                    <View style={{ marginTop:20, backgroundColor:Colors.shades.white, borderRadius:22, flexDirection:'row', alignItems:'center' }}>
                         <View style={{ paddingLeft:15, paddingRight:15 }}>
                             <Icons.USDIcon
                                 color={Colors.brand.midnight}
@@ -131,37 +131,44 @@ const CodeRedeem = ({ walkthrough, onNext, onVerify, onClose }:CodeRedeemProps)
                     <Text size={14} color={Colors.utility.warning}>{'ERROR GOES HERE'}</Text>
                     :<></>}
                 </View>
-                <View style={{ margin:10, padding:5, backgroundColor:Colors.shades.white, borderRadius:8 }}>
-                    {referrer ?
-                        <View nativeID='referrer_details' style={{ flexDirection:'row', padding:5, borderBottomColor:Colors.shades.shade600, borderBottomWidth:1 }}>
-                            <Image
-                                source={{ uri:referrer.profile_pic }}
-                                style={{ height:50, width:50, borderRadius:8 }}
-                                resizeMode='cover'
-                            />
-                            <View style={{ flex:1, marginLeft:20 }}>
-                                <Text size={16} weight='bold'>Referred By: {referrer.first_name} {referrer.last_name}</Text>
-                                <Text style={{ marginTop:5 }} size={14} weight='regular'>@{referrer.username}</Text>
-                            </View>
-
-                        </View>
-                    :<></>}
+                {!reward_option ?
+                <View style={{ padding:10, marginTop:20 }}>
+                    <Text size={20} weight='bold' textAlign='center' color={Colors.brand.midnight}>CODE OFFER</Text>
                     {promo ?
-                    <View style={{ marginTop:5, padding:10 }}>
-                        <Text size={16} color={Colors.brand.midnight} weight='bold' textAlign='left'>Code Offer</Text>
-                        <Text style={{ marginTop:5 }} size={14} color={Colors.brand.midnight} weight='regular' textAlign='left'>{ProfileHelpers.getReferralDescription(promo)}</Text>
-                        {reward_option ?
-                        <View style={{ marginTop:10, backgroundColor:Colors.highlights.highlight400Faded, padding:10, borderRadius:8 }}>
-                            <Text size={14} color={Colors.brand.midnight} weight='bold'>AWARD REDEEMED: {reward_option.reward_name}</Text>
-                            {code_request && promo && ['referral_sweepstakes','referral_code'].includes(promo.type) ?
-                            <Text style={{ marginTop:4 }} size={14} color={Colors.brand.midnight} weight='bold'>KICKBACK STATUS: {code_request.status == 'fulfilled' ? 'Pending Deposit': 'Kickback received'}</Text>
-                            :<></>}
-                        </View>
+                    <View style={{ marginTop:20, backgroundColor:Colors.shades.white, borderRadius:8, padding:10 }}>
+                        <Text style={{ marginTop:5 }} size={14} color={Colors.brand.midnight} weight='regular' textAlign='center'>{ProfileHelpers.getReferralDescription(promo)}</Text>
+                    </View>
+                    :<></>}
+                </View>
+                :
+                <View style={{ padding:10, marginTop:20 }}>
+                    <Text size={20} weight='bold' textAlign='center' color={Colors.brand.midnight}>CODE REDEEMED</Text>
+                    {reward_option ?
+                    <View style={{ marginTop:10, backgroundColor:Colors.highlights.highlight400Faded, padding:10, borderRadius:8 }}>
+                        <Text size={14} color={Colors.brand.midnight} weight='semibold'>AWARDED: {reward_option.reward_name}</Text>
+                        {code_request && promo && ['referral_sweepstakes','referral_code'].includes(promo.type) ?
+                        <Text style={{ marginTop:10 }} size={14} color={Colors.brand.midnight} weight='semibold'>KICKBACK STATUS: {code_request.status == 'fulfilled' ? 'Referrer will get the same reward amount after you make your first deposit': 'Kickback received'}</Text>
                         :<></>}
                     </View>
                     :<></>}
                 </View>
+                }
             </View>
+            {referrer ?
+            <View style={{ margin:10, marginRight:30, marginLeft:30, padding:5, backgroundColor:Colors.shades.white, borderRadius:8 }}>
+                    <View nativeID='referrer_details' style={{ flexDirection:'row', padding:5}}>
+                        <Image
+                            source={{ uri:referrer.profile_pic }}
+                            style={{ height:50, width:50, borderRadius:8 }}
+                            resizeMode='cover'
+                        />
+                        <View style={{ flex:1, marginLeft:20 }}>
+                            <Text size={16} weight='bold'>Referred By: {referrer.first_name} {referrer.last_name}</Text>
+                            <Text style={{ marginTop:5 }} size={14} weight='regular'>@{referrer.username}</Text>
+                        </View>
+                    </View>
+                </View>
+            :<></>}
             <View style={{ flexDirection:'row', padding:10 }}>
                 <Button
                     title={walkthrough ? 'SKIP' : 'CLOSE'}
@@ -170,7 +177,7 @@ const CodeRedeem = ({ walkthrough, onNext, onVerify, onClose }:CodeRedeemProps)
                     title_color={Colors.brand.electric}
                     borderWidth={1}
                     padding={15}
-                    onPress={() => walkthrough ? onNext() : onClose()}
+                    onPress={() =>  onClose()}
                 />
                 {code_request?.status == 'requested' ?
                     <Button

package/src/ProfileManager/Components/ProfileWelcome.tsx

@@ -37,7 +37,7 @@ const ProfileWelcome = ({ player, code_details, width, onStartSetup, onClose }:P
                     resizeMode='cover'
                 />
             </ScrollView>
-            {code_request && promo ?
+            {code_request && !['closed','fulfilled'].includes(code_request.status) && promo ?
             <View style={{ margin:15, marginTop:-50, flexDirection:'row', backgroundColor:Colors.shades.white, borderRadius:8, ...view_styles.float }}>
                 <View style={{ padding:10, justifyContent:'center' }}>
                     <Icons.GiftIcon size={40} color={Colors.incentive.gold} />