be-components 7.5.6 → 7.5.8

package/src/BetRouter/layouts/DesktopAdminLayout.tsx

@@ -11,9 +11,10 @@ import LeagueParticipants from '../components/admin/LeagueParticipants';
 import AutoFillView from '../components/admin/AutoFillView';
 import ConfigManager from '../components/admin/ConfigManager';
 import JobManager from '../components/admin/JobManager';
+import RouterMarkets from '../components/admin/RouterMarkets';
 
 type NavigationSection = 'info' | 'contests' | 'participants';
-type GlobalTool = 'jobs' | 'auto-link' | 'auto-fill' | 'config';
+type GlobalTool = 'jobs' | 'auto-link' | 'auto-fill' | 'config' | 'router-markets';
 
 type DesktopAdminLayoutProps = {
     insets: { top: number; bottom: number; left: number; right: number };
@@ -279,6 +280,7 @@ const DesktopAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                                 paddingLeft: 16,
                                 backgroundColor: selectedTool === 'config' ? Colors.views.header : 'transparent',
                                 borderRadius: 4,
+                                marginBottom: 2,
                             }}
                         >
                             <Text
@@ -288,6 +290,23 @@ const DesktopAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                                 Config Manager
                             </Text>
                         </TouchableOpacity>
+
+                        <TouchableOpacity
+                            onPress={() => selectTool('router-markets')}
+                            style={{
+                                padding: 10,
+                                paddingLeft: 16,
+                                backgroundColor: selectedTool === 'router-markets' ? Colors.views.header : 'transparent',
+                                borderRadius: 4,
+                            }}
+                        >
+                            <Text
+                                theme={selectedTool === 'router-markets' ? 'h2' : 'description'}
+                                size={13}
+                            >
+                                Router Markets
+                            </Text>
+                        </TouchableOpacity>
                     </View>
                 </ScrollView>
             </View>
@@ -318,6 +337,10 @@ const DesktopAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                             <ConfigManager />
                         )}
 
+                        {selectedTool === 'router-markets' && (
+                            <RouterMarkets />
+                        )}
+
                         {!selectedTool && selectedLeague && selectedSection === 'info' && (
                             <LeagueInfo league={selectedLeague} />
                         )}

package/src/BetRouter/layouts/MobileAdminLayout.tsx

@@ -11,9 +11,10 @@ import LeagueParticipants from '../components/admin/LeagueParticipants';
 import AutoFillView from '../components/admin/AutoFillView';
 import ConfigManager from '../components/admin/ConfigManager';
 import JobManager from '../components/admin/JobManager';
+import RouterMarkets from '../components/admin/RouterMarkets';
 
 type NavigationSection = 'info' | 'contests' | 'participants';
-type GlobalTool = 'jobs' | 'auto-link' | 'auto-fill' | 'config';
+type GlobalTool = 'jobs' | 'auto-link' | 'auto-fill' | 'config' | 'router-markets';
 type Screen = 'menu' | 'league' | 'tool';
 
 type MobileAdminLayoutProps = {
@@ -164,6 +165,7 @@ const MobileAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                                 borderRadius: 8,
                                 borderWidth: 1,
                                 borderColor: Colors.borders.light,
+                                marginBottom: 8,
                                 flexDirection: 'row',
                                 alignItems: 'center',
                                 justifyContent: 'space-between'
@@ -177,6 +179,28 @@ const MobileAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                             </View>
                             <Icons.ChevronIcon size={20} color={Colors.text.descriptionLight} direction="right" />
                         </TouchableOpacity>
+
+                        <TouchableOpacity
+                            onPress={() => handleSelectTool('router-markets')}
+                            style={{
+                                padding: 12,
+                                backgroundColor: Colors.views.header,
+                                borderRadius: 8,
+                                borderWidth: 1,
+                                borderColor: Colors.borders.light,
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                justifyContent: 'space-between'
+                            }}
+                        >
+                            <View transparent>
+                                <Text theme='h2' size={16}>Router Markets</Text>
+                                <Text theme='description' size={12} style={{ marginTop: 4 }}>
+                                    Manage router markets and sides
+                                </Text>
+                            </View>
+                            <Icons.ChevronIcon size={20} color={Colors.text.descriptionLight} direction="right" />
+                        </TouchableOpacity>
                     </View>
 
                     {/* Leagues Section */}
@@ -358,7 +382,10 @@ const MobileAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                         </TouchableOpacity>
                         <View transparent style={{ flex: 1 }}>
                             <Text theme='h1' size={20}>
-                                {selectedTool === 'jobs' ? 'Job Manager' : selectedTool === 'auto-fill' ? 'Auto-Fill Manager' : 'Config Manager'}
+                                {selectedTool === 'jobs' ? 'Job Manager' :
+                                 selectedTool === 'auto-fill' ? 'Auto-Fill Manager' :
+                                 selectedTool === 'router-markets' ? 'Router Markets' :
+                                 'Config Manager'}
                             </Text>
                         </View>
                         {onClose && (
@@ -375,6 +402,7 @@ const MobileAdminLayout = ({ insets, onClose, initialContestId, initialLeagueId
                         {selectedTool === 'jobs' && <JobManager />}
                         {selectedTool === 'auto-fill' && <AutoFillView />}
                         {selectedTool === 'config' && <ConfigManager />}
+                        {selectedTool === 'router-markets' && <RouterMarkets />}
                     </View>
                 </ScrollView>
             </View>

package/src/BetRouter/types/api-contracts.ts

@@ -844,6 +844,105 @@ export const ApiContracts = {
     }
   },
 
+  'POST /markets/router': {
+    auth: false,
+    body: {
+      market_key: '' as string,
+      market_label: '' as string,
+      market_description: '' as string,
+      category: '' as 'game_result' | 'team_stat' | 'player_stat' | 'game_stat',
+      variable_required: false as boolean,
+      default_variable_type: '' as 'total' | 'spread',
+      allow_multiple_participants: false as boolean,
+      participant_type: '' as 'team' | 'player' | 'event',
+      status: '' as 'active' | 'inactive'
+    },
+    responses: {
+      201: {} as SuccessResponse & {
+        router_market: RouterMarketProps
+      },
+      400: {} as ErrorResponse
+    }
+  },
+
+  'PATCH /markets/router/:router_market_id': {
+    auth: false,
+    params: {
+      router_market_id: '' as string
+    },
+    body: {} as Partial<Omit<RouterMarketProps, 'router_market_id' | 'create_datetime'>>,
+    responses: {
+      200: {} as SuccessResponse & {
+        router_market: RouterMarketProps
+      },
+      400: {} as ErrorResponse,
+      404: {} as ErrorResponse & {
+        router_market_id: string
+      }
+    }
+  },
+
+  'DELETE /markets/router/:router_market_id': {
+    auth: false,
+    params: {
+      router_market_id: '' as string
+    },
+    responses: {
+      200: {} as SuccessResponse,
+      400: {} as ErrorResponse,
+      404: {} as ErrorResponse & {
+        router_market_id: string
+      }
+    }
+  },
+
+  'POST /markets/sides': {
+    auth: false,
+    body: {
+      router_market_id: '' as string,
+      side_type: '' as string,
+      side_key: '' as string,
+      renderer: '' as string
+    },
+    responses: {
+      201: {} as SuccessResponse & {
+        router_market_side: RouterMarketSideProps
+      },
+      400: {} as ErrorResponse
+    }
+  },
+
+  'PATCH /markets/sides/:market_side_id': {
+    auth: false,
+    params: {
+      market_side_id: '' as string
+    },
+    body: {} as Partial<Omit<RouterMarketSideProps, 'market_side_id' | 'create_datetime'>>,
+    responses: {
+      200: {} as SuccessResponse & {
+        router_market_side: RouterMarketSideProps
+      },
+      400: {} as ErrorResponse,
+      404: {} as ErrorResponse & {
+        market_side_id: string
+      }
+    }
+  },
+
+  'DELETE /markets/sides/:market_side_id': {
+    auth: false,
+    params: {
+      market_side_id: '' as string
+    },
+    responses: {
+      200: {} as SuccessResponse,
+      400: {} as ErrorResponse,
+      404: {} as ErrorResponse & {
+        market_side_id: string
+      }
+    }
+  },
+
   // ========== Liquidity Routes ==========
   'GET /liquidity/contest/:router_contest_id': {
     auth: false,
@@ -1156,8 +1255,7 @@ export type ExtractRequestParams<T extends keyof ApiContract> =
   ApiContract[T] extends { params: infer P } ? P : never;
 
 export type ExtractSuccessResponse<T extends keyof ApiContract> =
-  ApiContract[T] extends { responses: { 200: infer R } } ? R :
-  ApiContract[T] extends { responses: { 201: infer R } } ? R : never;
+  ApiContract[T] extends { responses: { 200: infer R } } ? R : never;
 
 export type ExtractErrorResponse<T extends keyof ApiContract> =
   ApiContract[T] extends { responses: { 400: infer R } } ? R :

package/src/BetRouter/types/credentials.ts

@@ -1,6 +1,11 @@
 // Partner Credential Types
 // These define what inputs are needed for each partner
 
+//import { BetOpenlyCredentialProps as BetOpenlyCredentialPropsImport } from "../partners/betopenly/cred.types"
+
+// Re-export BetOpenly credentials
+export type BetOpenlyCredentialProps = any
+
 export interface KalshiCredentialProps {
     api_key: string
     private_key_pem: string
@@ -14,12 +19,6 @@ export interface BettorEdgeCredentialProps {
     expire_datetime?: any // timestamp with timezone
 }
 
-export interface BetOpenlyCredentialProps {
-    user_id: string
-    username: string
-    password: string
-}
-
 // Union type of all possible credentials
 export type PartnerCredentialProps = KalshiCredentialProps | BettorEdgeCredentialProps | BetOpenlyCredentialProps
 

package/src/Components/ViewportObserver.tsx

@@ -3,7 +3,7 @@ import { Platform } from 'react-native';
 
 export const useIsInViewport = (ref:any) => {
     const [ isIntersecting, setIsIntersecting ] = useState(false);
-  
+
   if(Platform.OS != 'web'){ return true }
 
   const observer = useMemo(
@@ -11,15 +11,26 @@ export const useIsInViewport = (ref:any) => {
       new IntersectionObserver(([entry]) => {
           if(!entry){ return }
           setIsIntersecting(entry.isIntersecting)
+      },
+      {
+        rootMargin: '100px' // Trigger 100px before element enters viewport
       }
       ),
     [],
   );
-  
+
   useEffect(() => {
     if(!ref?.current){ return }
     //if(Platform.OS != 'web'){ return }
     observer.observe(ref.current);
+
+    // Check if already in viewport on mount
+    const rect = ref.current.getBoundingClientRect();
+    const isVisible = rect.top < window.innerHeight + 100 && rect.bottom > -100;
+    if(isVisible) {
+      setIsIntersecting(true);
+    }
+
     return () => {
       observer.disconnect();
     };

package/src/ProfileManager/Components/BasicInfoManager.tsx

@@ -135,7 +135,7 @@ const BasicInfoManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate
                                 placeholder='First Name'
                                 onFocusPosition={onFocusPosition}
                                 placeholderTextColor={Colors.brand.slate}
-                                editable={player.vouched_status != 'verified' ? true : false}
+                                editable={player.vouched_status != 'unverified' ? false : true}
                                 style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
                                 onChangeText={(text) => setDraftPlayer({ ...draft_player, first_name: text })}
                             />
@@ -153,11 +153,24 @@ const BasicInfoManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate
                                 
                                 onFocusPosition={onFocusPosition}
                                 placeholderTextColor={Colors.brand.slate}
-                                editable={player.vouched_status != 'verified' ? true : false}
+                                editable={player.vouched_status != 'unverified' ? false : true}
                                 style={{ flex:1, borderTopLeftRadius:0, borderBottomLeftRadius:0 }}
                                 onChangeText={(text) => setDraftPlayer({ ...draft_player, last_name: text })}
                             />
                         </View>
+                        {player.vouched_status !== 'unverified' && (
+                            <View style={{ marginTop: 15, padding: 15, backgroundColor:'rgba(255, 193, 7, 0.1)', borderRadius: 8, borderWidth: 1, borderColor: C.absolutes.utility.warning }}>
+                                <View transparent style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
+                                    <Icons.AlertIcon size={20} color={C.text.warning}/>
+                                    <View transparent style={{ flex: 1, marginLeft:10 }}>
+                                        <Text theme='h2' size={14} style={{ marginBottom: 8 }}>Name Update Restricted</Text>
+                                        <Text theme='description' size={12} style={{ lineHeight: 18 }}>
+                                            Your account verification status prevents name updates. Please contact support for assistance with changing your legal name.
+                                        </Text>
+                                    </View>
+                                </View>
+                            </View>
+                        )}
                     </View> 
                 )
             default: return <></>

package/src/ProfileManager/Components/DOBManager.tsx

@@ -105,7 +105,7 @@ const DOBManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, onNe
                                 onFocusPosition={onFocusPosition}
                                 keyboardType='default'
                                 placeholder='01/01/2005'
-                                editable={player.vouched_status == 'verified' ? false : true}
+                                editable={player.vouched_status == 'unverified' ? true : false}
                                 style={{ flex:1 }}
                                 onChangeText={(text) => handleDOBChange(text)}
                             />
@@ -128,6 +128,19 @@ const DOBManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, onNe
                         : age_error ?
                         <Text size={14} color={C.text.warning}>{age_error}</Text>
                         :<></>}
+                        {player.vouched_status !== 'unverified' && (
+                            <View style={{ marginTop: 15, padding: 15, backgroundColor:'rgba(255, 193, 7, 0.1)', borderRadius: 8, borderWidth: 1, borderColor: C.absolutes.utility.warning }}>
+                                <View transparent style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
+                                    <Icons.AlertIcon size={20} color={C.text.warning}/>
+                                    <View transparent style={{ flex: 1, marginLeft:10 }}>
+                                        <Text theme='h2' size={14} style={{ marginBottom: 8 }}>DOB Update Restricted</Text>
+                                        <Text theme='description' size={12} style={{ lineHeight: 18 }}>
+                                            Your account verification status prevents DOB updates. Please contact support for assistance with changing your date of birth.
+                                        </Text>
+                                    </View>
+                                </View>
+                            </View>
+                        )}
                     </View>
                 )
             default:return <></>

package/src/ProfileManager/Components/EmailManager.tsx

@@ -39,7 +39,8 @@ const EmailManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, on
 
     const is_changed = draft_player.email?.toLowerCase() != player.email?.toLowerCase() ? true : false
     const token_valid = verify_token.token != '' ? true : false
-    const update_allowed = valid && is_changed ? true : false
+    const can_update_email = player.vouched_status === 'unverified'
+    const update_allowed = valid && is_changed && can_update_email ? true : false
     
     const handleUpdatePlayer = async() => {
         try {
@@ -112,6 +113,7 @@ const EmailManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, on
                             </View>
                             <TextInput
                                 autoFocus
+                                editable={player.vouched_status == 'unverified' ? true : false}
                                 value={draft_player.email}
                                 keyboardType='email-address'
                                 onFocusPosition={onFocusPosition}
@@ -143,6 +145,19 @@ const EmailManager = ({ player, walkthrough, onFocusPosition, onPlayerUpdate, on
                         {update_error ?
                         <Text style={{ marginTop:10 }} theme='warning'>{update_error}</Text>
                         :<></>}
+                        {player.vouched_status !== 'unverified' && (
+                            <View style={{ marginTop: 15, padding: 15, backgroundColor:'rgba(255, 193, 7, 0.1)', borderRadius: 8, borderWidth: 1, borderColor: C.absolutes.utility.warning }}>
+                                <View transparent style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
+                                    <Icons.AlertIcon size={20} color={C.text.warning}/>
+                                    <View transparent style={{ flex: 1, marginLeft:10 }}>
+                                        <Text theme='h2' size={14} style={{ marginBottom: 8 }}>Email Update Restricted</Text>
+                                        <Text theme='description' size={12} style={{ lineHeight: 18 }}>
+                                            Your account verification status prevents email updates. Please contact support for assistance with changing your email address.
+                                        </Text>
+                                    </View>
+                                </View>
+                            </View>
+                        )}
                     </View>
                 )
             default: return <></>

package/src/ProfileManager/Components/PhoneManager.tsx

@@ -119,6 +119,7 @@ const PhoneManager = ({ player, walkthrough, onPlayerUpdate, onFocusPosition, on
                                 value={ProfileHelpers.formatPhone(draft_player.phone)}
                                 keyboardType='phone-pad'
                                 autoFocus
+                                editable={player.vouched_status == 'unverified' ? true : false}
                                 onFocusPosition={onFocusPosition}
                                 style={{ flex:1 }}
                                 onChangeText={(text) => handlePhoneChange(text)}
@@ -145,6 +146,19 @@ const PhoneManager = ({ player, walkthrough, onPlayerUpdate, onFocusPosition, on
                         {update_error ?
                         <Text style={{ marginTop:10 }} theme='warning'>{update_error}</Text>
                         :<></>}
+                        {player.vouched_status !== 'unverified' && (
+                            <View style={{ marginTop: 15, padding: 15, backgroundColor:'rgba(255, 193, 7, 0.1)', borderRadius: 8, borderWidth: 1, borderColor: C.absolutes.utility.warning }}>
+                                <View transparent style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
+                                    <Icons.AlertIcon size={20} color={C.text.warning}/>
+                                    <View transparent style={{ flex: 1, marginLeft:10 }}>
+                                        <Text theme='h2' size={14} style={{ marginBottom: 8 }}>Phone Update Restricted</Text>
+                                        <Text theme='description' size={12} style={{ lineHeight: 18 }}>
+                                            Your account verification status prevents phone updates. Please contact support for assistance with changing your phone number.
+                                        </Text>
+                                    </View>
+                                </View>
+                            </View>
+                        )}
                     </View>
                 )
             default: return <></>

package/src/ProfileManager/Components/VouchCard.tsx

@@ -77,7 +77,7 @@ const VouchCard = ({ player, view_mode, walkthrough, insets, code_details, onVou
     const startVouchingPlayer = async() => {
         setVouchLoading(true);
         const me = await ProfileApi.getMyDetails();
-        if(me.player.vouched_status != 'unverified'){
+        if(!['unverified','reverify'].includes(me.player.vouched_status)){
             return onPlayerUpdate(me.player);
         }
         if(Platform.OS != 'web'){
@@ -135,7 +135,7 @@ const VouchCard = ({ player, view_mode, walkthrough, insets, code_details, onVou
                     </View>
                 )
             case 'disclaimer':
-                if(player.vouched_status != 'unverified'){ return <></> }
+                if(!['unverified','reverify'].includes(player.vouched_status)){ return <></> }
                 return (
                     <View style={{ padding:10 }}>
                         <Button 
@@ -271,7 +271,15 @@ const VouchCard = ({ player, view_mode, walkthrough, insets, code_details, onVou
                     type='success'
                     onPress={() => startVouchingPlayer()}
                 />
-
+                : player.vouched_status == 'reverify' ? 
+                <Button
+                    title={'REVERIFY NOW'}
+                    loading={vouching || vouch_loading}
+                    disabled={!scan_ready || vouch_loading || verify_errors.length > 0}
+                    style={{ flex:3, opacity:scan_ready && scan_ready&&!vouching&&verify_errors.length == 0?1:0.5 }}
+                    type='success'
+                    onPress={() => startVouchingPlayer()}
+                />
                 : player.vouched_status == 'failed' ?
                 <View style={{ flex:3, margin:4, borderRadius: 8, padding:10, backgroundColor:Colors.shades.shade100 }}>
                     <Text size={16} color={Colors.brand.midnight} textAlign='center' weight='semibold'>Account In Review</Text>
@@ -299,7 +307,7 @@ const VouchCard = ({ player, view_mode, walkthrough, insets, code_details, onVou
                                 <Text style={{marginTop:4}} theme='description'>Use the prompts below to verify.  Please reach out to support if you have any issues.</Text>
                             </View>
                         </View>
-                    {player?.vouched_status == 'unverified' && vouching ?
+                    {(player?.vouched_status == 'unverified'||player?.vouched_status == 'reverify') && vouching ?
                     <View style={{ flex:1 }}>
                     {Platform.OS == 'web' ?
                         <View style={{ flex:1 }}>

package/src/types.d.ts

@@ -128,7 +128,7 @@ export interface PublicPlayerProps {
     vouched_id?:string,
     phone_verified:boolean,
     bio?:string,
-    vouched_status:'unverified' | 'failed' | 'verified',
+    vouched_status:'unverified' | 'failed' | 'verified'|'reverify',
 }
 
 
@@ -456,7 +456,7 @@ export interface CompanyPlayerProps {
     phone:number,
     verified:boolean,
     phone_verified:boolean,
-    vouched_status:'verified'|'unverified'|'failed'
+    vouched_status:'verified'|'unverified'|'failed'|'reverify'
     code_used:string,
     revenue:number,
     create_datetime:any
@@ -784,7 +784,7 @@ export interface MyPlayerProps {
     verified:boolean, //Email verification 
     phone:string, 
     phone_verified:boolean, 
-    vouched_status: 'verified'|'unverified'|'failed', 
+    vouched_status: 'verified'|'unverified'|'failed'|'reverify', 
     bio?:string,
     terms_agreed_on?:any,
     create_datetime:any,