be-components 3.9.7 → 3.9.9

package/lib/typescript/src/Squares/components/PrizeCard.d.ts

@@ -3,9 +3,11 @@ import type { EventProps, PublicPlayerProps, SquarePrizeProps, SquareProps } fro
 type PrizeCardProps = {
     square_prizes: SquarePrizeProps[];
     event?: EventProps;
+    hidden?: boolean;
+    disable_collapse?: boolean;
     squares: SquareProps[];
     players: PublicPlayerProps[];
 };
-declare const PrizeCard: ({ event, square_prizes, players, squares }: PrizeCardProps) => React.JSX.Element;
+declare const PrizeCard: ({ hidden, disable_collapse, event, square_prizes, players, squares }: PrizeCardProps) => React.JSX.Element;
 export default PrizeCard;
 //# sourceMappingURL=PrizeCard.d.ts.map

package/lib/typescript/src/Squares/components/PrizeCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrizeCard.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/PrizeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIhG,KAAK,cAAc,GAAG;IAClB,aAAa,EAAC,gBAAgB,EAAE,CAAA;IAChC,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAC,iBAAiB,EAAE,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,SAAS,+CAA+C,cAAc,sBA+E3E,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"PrizeCard.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/PrizeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIhG,KAAK,cAAc,GAAG;IAClB,aAAa,EAAC,gBAAgB,EAAE,CAAA;IAChC,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,MAAM,CAAC,EAAC,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAC,iBAAiB,EAAE,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,SAAS,yEAAyE,cAAc,sBAmFrG,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/src/Squares/components/ResultsCard.d.ts

@@ -3,10 +3,12 @@ import React from "react";
 type ResultCardProps = {
     square_results: SquareResultProps[];
     squares: SquareProps[];
+    hidden?: boolean;
+    disable_collapse?: boolean;
     home_abbr?: string;
     away_abbr?: string;
     onPlayerSelect: (player: PublicPlayerProps) => void;
 };
-declare const ResultsCard: ({ square_results, squares, home_abbr, away_abbr, onPlayerSelect }: ResultCardProps) => React.JSX.Element;
+declare const ResultsCard: ({ hidden, disable_collapse, square_results, squares, home_abbr, away_abbr, onPlayerSelect }: ResultCardProps) => React.JSX.Element;
 export default ResultsCard;
 //# sourceMappingURL=ResultsCard.d.ts.map

package/lib/typescript/src/Squares/components/ResultsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsCard.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/ResultsCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACpF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,eAAe,GAAG;IACnB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,QAAA,MAAM,WAAW,sEAAsE,eAAe,sBAmDrG,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ResultsCard.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/ResultsCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACpF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,eAAe,GAAG;IACnB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAC,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,QAAA,MAAM,WAAW,gGAAgG,eAAe,sBAuD/H,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/src/Squares/components/SquareOwners.d.ts

@@ -3,8 +3,10 @@ import React from 'react';
 type SquareOwnersCardProps = {
     player_squares: PlayerSquareProps[];
     players: PublicPlayerProps[];
+    hidden?: boolean;
+    disable_collapse?: boolean;
     onPlayerSelect: (player: PublicPlayerProps) => void;
 };
-declare const SquareOwnersCard: ({ player_squares, players, onPlayerSelect }: SquareOwnersCardProps) => React.JSX.Element;
+declare const SquareOwnersCard: ({ hidden, disable_collapse, player_squares, players, onPlayerSelect }: SquareOwnersCardProps) => React.JSX.Element;
 export default SquareOwnersCard;
 //# sourceMappingURL=SquareOwners.d.ts.map

package/lib/typescript/src/Squares/components/SquareOwners.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SquareOwners.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/SquareOwners.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,KAAK,qBAAqB,GAAG;IACzB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,OAAO,EAAC,iBAAiB,EAAE,CAAC;IAC5B,cAAc,EAAC,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAA;CACpD,CAAA;AACD,QAAA,MAAM,gBAAgB,gDAAgD,qBAAqB,sBAqD1F,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SquareOwners.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/SquareOwners.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,KAAK,qBAAqB,GAAG;IACzB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,OAAO,EAAC,iBAAiB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAC,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,cAAc,EAAC,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAA;CACpD,CAAA;AACD,QAAA,MAAM,gBAAgB,0EAA0E,qBAAqB,sBAuDpH,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/typescript/src/Squares/components/SquaresBoard.d.ts

@@ -3,6 +3,8 @@ import React from "react";
 type SquaresBoardProps = {
     squares_competition: SquaresCompetitionProps;
     squares: SquareProps[];
+    hidden?: boolean;
+    disable_collapse?: boolean;
     event?: EventProps;
     onRefreshCompetition: () => void;
     onSquareBid: (square: SquareProps, action: 'add' | 'remove') => void;
@@ -15,6 +17,6 @@ type SquaresBoardProps = {
     square_bids: PlayerSquareProps[];
     draft_square_offers: SquareOfferProps[];
 };
-declare const _default: React.MemoExoticComponent<({ player_id, event, square_bids, draft_square_offers, squares_competition, player_square_history, square_offers, squares, player_squares, onRefreshCompetition, onSquareBid, onSquareOffer }: SquaresBoardProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ hidden, disable_collapse, player_id, event, square_bids, draft_square_offers, squares_competition, player_square_history, square_offers, squares, player_squares, onRefreshCompetition, onSquareBid, onSquareOffer }: SquaresBoardProps) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=SquaresBoard.d.ts.map

package/lib/typescript/src/Squares/components/SquaresBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SquaresBoard.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/SquaresBoard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAK3I,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,KAAK,iBAAiB,GAAG;IACrB,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,oBAAoB,EAAC,MAAM,IAAI,CAAC;IAChC,WAAW,EAAC,CAAC,MAAM,EAAC,WAAW,EAAE,MAAM,EAAC,KAAK,GAAC,QAAQ,KAAK,IAAI,CAAC;IAChE,aAAa,EAAC,CAAC,MAAM,EAAC,WAAW,EAAE,MAAM,EAAC,KAAK,GAAC,QAAQ,KAAK,IAAI,CAAC;IAClE,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,aAAa,EAAC,gBAAgB,EAAE,CAAC;IACjC,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,EAAC,iBAAiB,EAAE,CAAC;IAC1C,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,WAAW,EAAC,iBAAiB,EAAE,CAAC;IAChC,mBAAmB,EAAC,gBAAgB,EAAE,CAAA;CAEzC,CAAA;iPAGC,iBAAiB;AAyMnB,wBAGE"}
+{"version":3,"file":"SquaresBoard.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/SquaresBoard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAK3I,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,KAAK,iBAAiB,GAAG;IACrB,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAC,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,oBAAoB,EAAC,MAAM,IAAI,CAAC;IAChC,WAAW,EAAC,CAAC,MAAM,EAAC,WAAW,EAAE,MAAM,EAAC,KAAK,GAAC,QAAQ,KAAK,IAAI,CAAC;IAChE,aAAa,EAAC,CAAC,MAAM,EAAC,WAAW,EAAE,MAAM,EAAC,KAAK,GAAC,QAAQ,KAAK,IAAI,CAAC;IAClE,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,aAAa,EAAC,gBAAgB,EAAE,CAAC;IACjC,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,EAAC,iBAAiB,EAAE,CAAC;IAC1C,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,WAAW,EAAC,iBAAiB,EAAE,CAAC;IAChC,mBAAmB,EAAC,gBAAgB,EAAE,CAAA;CAEzC,CAAA;2QAIC,iBAAiB;AA6MnB,wBAGE"}

package/lib/typescript/src/Squares/components/SquaresDetails.d.ts

@@ -3,8 +3,10 @@ import React from "react";
 type SquaresDetailsProps = {
     squares_competition: SquaresCompetitionProps;
     squares_type?: SquaresTypeProps;
+    hidden?: boolean;
+    disable_collapse?: boolean;
     squares_payout_type?: SquaresPayoutProps;
 };
-declare const SquaresDetails: ({ squares_competition, squares_type, squares_payout_type }: SquaresDetailsProps) => React.JSX.Element;
+declare const SquaresDetails: ({ hidden, disable_collapse, squares_competition, squares_type, squares_payout_type }: SquaresDetailsProps) => React.JSX.Element;
 export default SquaresDetails;
 //# sourceMappingURL=SquaresDetails.d.ts.map

package/lib/typescript/src/Squares/components/SquaresDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SquaresDetails.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/SquaresDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGhG,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,mBAAmB,GAAG;IACvB,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,YAAY,CAAC,EAAC,gBAAgB,CAAC;IAC/B,mBAAmB,CAAC,EAAC,kBAAkB,CAAA;CAC1C,CAAA;AAED,QAAA,MAAM,cAAc,+DAA+D,mBAAmB,sBAuCrG,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"SquaresDetails.d.ts","sourceRoot":"","sources":["../../../../../src/Squares/components/SquaresDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGhG,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,KAAK,mBAAmB,GAAG;IACvB,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,YAAY,CAAC,EAAC,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAC,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAC,kBAAkB,CAAA;CAC1C,CAAA;AAED,QAAA,MAAM,cAAc,yFAAyF,mBAAmB,sBA0C/H,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Squares/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,YAAY,EAA+G,iBAAiB,EAAsE,uBAAuB,EAAwC,MAAM,UAAU,CAAA;AAoB/S,KAAK,kBAAkB,GAAG;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,WAAW,EAAC,MAAM,CAAC;IACnB,UAAU,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IACvC,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzE,cAAc,EAAC,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAC,CAAC,EAAE,EAAC,YAAY,KAAK,IAAI,CAAA;CACpC,CAAA;AAID,QAAA,MAAM,aAAa,8GAA8G,kBAAkB,sBA8flJ,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Squares/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,YAAY,EAA+G,iBAAiB,EAAsE,uBAAuB,EAAwC,MAAM,UAAU,CAAA;AAoB/S,KAAK,kBAAkB,GAAG;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,WAAW,EAAC,MAAM,CAAC;IACnB,UAAU,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IACvC,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzE,cAAc,EAAC,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAC,CAAC,EAAE,EAAC,YAAY,KAAK,IAAI,CAAA;CACpC,CAAA;AAID,QAAA,MAAM,aAAa,8GAA8G,kBAAkB,sBA+jBlJ,CAAA;AAED,eAAe,aAAa,CAAA"}

package/package.json

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

package/src/Checkout/index.tsx

@@ -142,10 +142,15 @@ const Checkout = ({ item_order, height, account_id, onCancel, onCompleteOrder, o
                 ip_item_order: resp.item_order,
                 ip_transaction: resp.transaction
             });
-            if(resp.transaction.status == 'redirect'){ setRedirectVisible(true) }
+            setRedirectVisible(true)
         } catch (e) {
             console.log(e)
             setError('Unable to complete your order. Please try again or reach out to support if the issue persists')
+            setCheckout({
+                ip_item_order: { ...draft_order, status: 'failed' },
+                ip_transaction: { ...draft_transaction, status: 'failed' }
+            })
+            setRedirectVisible(true);
             setLoading(false);
         }
 

package/src/Competition/components/CompetitionInfoCard.tsx

@@ -7,15 +7,17 @@ import { Button, Text, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 
 type CompetitionInfoCardProps = {
+    hidden?:boolean,
+    disable_collapse?:boolean,
     competition:CompetitionProps,
     competition_type:CompetitionTypeProps,
     competition_result_type:CompetitionResultTypeProps,
     competition_payouts:CompetitionPayoutTypeProps[],
     player?:MyPlayerProps,
 }
-const CompetitionInfoCard = ({ competition, competition_type, competition_result_type, competition_payouts }:CompetitionInfoCardProps) => {
+const CompetitionInfoCard = ({ hidden, disable_collapse, competition, competition_type, competition_result_type, competition_payouts }:CompetitionInfoCardProps) => {
     const C = useColors();
-    const [ expanded, setExpanded ] = useState(false);
+    const [ expanded, setExpanded ] = useState(true);
     
     const cl = competition.market_type == 'FOR_MONEY' ? '$' : 'E'
 
@@ -36,9 +38,12 @@ const CompetitionInfoCard = ({ competition, competition_type, competition_result
         )
     }
 
+    if(hidden){ return <></> }
+
     return (
         <View float nativeID="competition_details">
             <Button 
+            disabled={disable_collapse}
             style={{ flexDirection:'row', alignItems:'center', borderBottomWidth:expanded?1:0, borderColor:C.borders.light }}
             transparent
             onPress={() => setExpanded(!expanded)}>
@@ -50,7 +55,9 @@ const CompetitionInfoCard = ({ competition, competition_type, competition_result
                 <View transparent style={{ margin:10 }}>
                     <Text size={16} color={C.text.success} weight='bold'>{cl}{potential_winnings.toFixed(2)}</Text>
                 </View>
+                {!disable_collapse ?
                 <Icons.ChevronIcon direction={expanded?'up':'down'} color={C.text.h1} size={8} />
+                :<></>}
             </Button>
             {expanded ?
             <View transparent style={{ padding:20 }}>

package/src/Competition/components/CompetitionLeaderboard.tsx

@@ -11,6 +11,8 @@ import { useColors } from "../../constants/useColors"
 type CompetitionLeaderboardProps = {
     competition:CompetitionProps,
     competition_type:CompetitionTypeProps,
+    hidden?:boolean,
+    disable_collapse?:boolean,
     viewer_id?:string,
     height: number,
     width:number,
@@ -20,9 +22,9 @@ type CompetitionLeaderboardProps = {
     onLeaderSelect:(player:PublicPlayerProps) => void
 }
 
-const CompetitionLeaderboard = ({ competition, competition_type, viewer_id, view_mode, onSeeFull, onClose, onLeaderSelect }:CompetitionLeaderboardProps) => {
+const CompetitionLeaderboard = ({ hidden, disable_collapse, competition, competition_type, viewer_id, view_mode, onSeeFull, onClose, onLeaderSelect }:CompetitionLeaderboardProps) => {
     const C = useColors();
-    const [ expanded, setExpanded ] = useState(false);
+    const [ expanded, setExpanded ] = useState(true);
     const [ data, setData ] = useState<{
         loading:boolean,
         competition_results:CompetitionResultProps[],
@@ -111,10 +113,13 @@ const CompetitionLeaderboard = ({ competition, competition_type, viewer_id, view
         )
     }
 
+    if(hidden){ return <></> }
+
     return (
-        <View float nativeID="leaderboard">
+        <View float nativeID="leaderboard" style={{flex:1}}>
             {view_mode == 'short' ?
             <Button 
+            disabled={disable_collapse}
             style={{ flexDirection:'row', alignItems:'center', borderBottomWidth:expanded?1:0, borderColor:C.borders.light }}
             transparent
             onPress={() => setExpanded(!expanded)}>
@@ -123,12 +128,14 @@ const CompetitionLeaderboard = ({ competition, competition_type, viewer_id, view
                     <Text theme="h1">COMPETITION LEADERBOARD</Text>
                     <Text style={{ marginTop: 4 }} theme="description">Leaderboard showing current standings</Text>
                 </View>
+                {!disable_collapse ?
                 <Icons.ChevronIcon direction={expanded?'up':'down'} color={C.text.h1} size={8} />
+                :<></>}
             </Button>
 
             :<></>}
             {expanded || view_mode == 'full' ?
-            <View transparent type='body'>
+            <View transparent type='body' style={{ flex:1 }}>
             {viewer_record && viewer_result && viewer ?
             <View transparent style={{ padding:10, marginBottom:10, borderTopRightRadius:8, borderTopLeftRadius:8, borderBottomWidth:1, borderColor:C.borders.light }}>
                 <Text size={14} theme="h1">MY RESULTS</Text>
@@ -159,11 +166,11 @@ const CompetitionLeaderboard = ({ competition, competition_type, viewer_id, view
                 </Button>
             </View>
             :<></>}
-            <View transparent style={{ padding:10 }}>
+            <View transparent style={{ padding:10, flexGrow:1 }}>
                 {loading ?
                 <ActivityIndicator style={{ alignSelf:'center', padding:10 }} size='large' color={C.text.h1} /> 
                 :<></>}
-                <Text size={14} theme="h1" style={{ marginBottom:10 }}>MY RESULTS</Text>
+                <Text size={14} theme="h1" style={{ marginBottom:10 }}>COMPETITION LEADERS</Text>
                 <FlatList
                     data={results}
                     renderItem={renderResults}
@@ -179,7 +186,9 @@ const CompetitionLeaderboard = ({ competition, competition_type, viewer_id, view
                     onPress={() => onSeeFull()}
                 />
             :<></>}
-            {onClose ?
+            </View>
+            :<></>}
+             {onClose ?
             <View style={{ padding:10, ...view_styles.float }}>
                 <View style={{ padding:10, flexDirection:'row', alignItems:'center', justifyContent:'space-between' }}>
                     {offset > 0 ?
@@ -206,8 +215,6 @@ const CompetitionLeaderboard = ({ competition, competition_type, viewer_id, view
                 />
             </View>
             :<></>}
-            </View>
-            :<></>}
             
         </View>
     )

package/src/Competition/components/CompetitionPlay.tsx

@@ -26,12 +26,14 @@ type CompetitionPlayProps = {
     leagues:LeagueProps[],
     athletes:AthleteProps[],
     events:EventProps[],
+    disable_collapse?:boolean,
     tournaments:TournamentProps[],
     matches:MatchProps[],
     markets:MarketProps[],
     player_picks:PlayerPickProps[],
     onEvent?:(event:BEEventProps) => void,
     height:number,
+    hidden?:boolean,
     width:number,
     pick_loading?:string,
     source?:string,
@@ -42,7 +44,7 @@ type CompetitionPlayProps = {
     back_allowed?:boolean
     onChangeCompetition?: (competition_id:string) => void
 }
-const CompetitionPlay = ( { authenticated_competition_player, pick_loading, competition, competition_type, onPick, competition_matches, competition_match_markets, leagues, athletes, events, tournaments, matches, markets, player_id, player_picks }:CompetitionPlayProps ) => {
+const CompetitionPlay = ( { hidden, disable_collapse, authenticated_competition_player, pick_loading, competition, competition_type, onPick, competition_matches, competition_match_markets, leagues, athletes, events, tournaments, matches, markets, player_id, player_picks }:CompetitionPlayProps ) => {
     const C = useColors();
     //const [ complete_loaded, setCompleteLoaded ] = useState(false);
     const [ contest_view, setContestView ] = useState<'upcoming'|'closed'>('upcoming')
@@ -251,10 +253,12 @@ const CompetitionPlay = ( { authenticated_competition_player, pick_loading, comp
     }
 
 
+    if(hidden){ return <></> }
 
     return (
         <View float nativeID="competition_play">    
             <Button 
+            disabled={disable_collapse}
             style={{ flexDirection:'row', alignItems:'center', borderBottomWidth:expanded?1:0, borderColor:C.borders.light }}
             transparent
             onPress={() => setExpanded(!expanded)}>
@@ -266,7 +270,9 @@ const CompetitionPlay = ( { authenticated_competition_player, pick_loading, comp
                 <View transparent style={{ margin:10 }}>
                     <Text size={16} color={picks_completed?C.text.success:C.text.warning} weight='bold'>{player_picks.filter(pp => pp.status != 'deleted').length}</Text>
                 </View>
+                {!disable_collapse ?
                 <Icons.ChevronIcon direction={expanded?'up':'down'} color={C.text.h1} size={8} />
+                :<></>}
             </Button>
                 {expanded ?
                 <View transparent style={{ ...view_styles.section_body, padding:10 }}>

package/src/Competition/index.tsx

@@ -2,8 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { CompetitionApi, CompetitionHelpers, CompetitionMatchApi, CompetitionPlayerApi, PlayerPicksApi } from './api';
 import { Image, ActivityIndicator, Modal, FlatList, KeyboardAvoidingView, Platform } from 'react-native';
 import { view_styles } from '../constants/styles';
-import { ConfirmationModal, Icons } from '../Components';
-import Colors from '../constants/colors';
+import { ConfirmationModal, Icons, Toggle } from '../Components';
 import type { AthleteProps, BEEventProps, CodeRequestProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, EventProps, FocusPositionProps, LeagueProps, MarketProps, MatchProps, MyPlayerProps, PlayerBalanceProps, PlayerPickProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, TeamProps, TournamentProps } from '../types';
 import CompetitionInfoCard from './components/CompetitionInfoCard';
 import CompetitionLeaderboard from './components/CompetitionLeaderboard';
@@ -30,10 +29,11 @@ type CompetitionModuleProps = {
 }
 
 
-const competition_sections = ['header','join','details','leaderboard','play']
+const competition_sections = ['header','join','test','details','leaderboard','play']
 
 const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManageCompetition, onFocusPosition, onRequestAuthentication, onShareCompetition, onClose, onViewCompetitionSeason }:CompetitionModuleProps) => {
     const C = useColors();
+    const [ active_tab, setActiveTab ] = useState('play');
     const [ viewing_leader, setViewingLeader ] = useState<PublicPlayerProps|undefined>();
     const [ show_full_leaderboard, setShowFullLeaderboard ] = useState(false);
     const [ module_size, setModuleSize ] = useState({ width:0, height:0 });
@@ -52,7 +52,7 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
     const { loading, player_picks, player, player_balance } = my_data;
 
     const [ pick_loading, setPickLoading ] = useState<undefined|string>(undefined)
-
+    const Colors = useColors();
 
     const [ competition_data, setCompetitionData ] = useState<{
         loaded:boolean,
@@ -325,6 +325,8 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
         }
     }
 
+
+
     const renderSections = (data:{ item:string, index:number }) => {
         if(!competition){ return <></> }
         switch(data.item){
@@ -395,10 +397,34 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
                         }
                     </View>
                 )
+            case 'test':
+                return (
+                    <View style={{padding:10}}>
+                        <Toggle
+                            options={[
+                                { key: 'details', label: 'Details', icon: <Icons.MenuIcon size={18} color={active_tab=='details'?Colors.text.white:Colors.text.h1}/> },
+                                { key: 'play', label: 'Play',  icon: <Icons.PickEmIcon size={18} color={active_tab=='play'?Colors.text.white:Colors.text.h1}/> },
+                                { key: 'leaderboard', label: 'Leaders', icon: <Icons.LeaderboardIcon size={18} color={active_tab=='leaderboard'?Colors.text.white:Colors.text.h1}/> }
+                            ]}
+                            title_renderer={(option:any) => {
+                                return (
+                                    <View transparent style={{ flexDirection:'row', alignItems:'center', justifyContent:'center' }}>
+                                        {option.icon}
+                                        <Text style={{ marginLeft:10 }} theme='h1' color={active_tab==option.key?Colors.text.white:Colors.text.h1}>{option.label}</Text>
+                                    </View>
+                                )
+                            }}
+                            onSelectOption={(key) => setActiveTab(key)}
+                            selected_option={active_tab}
+                        />
+                    </View>
+                )
             case 'details':
                 if(!competition||!competition_type||!competition_result_type){ return <></> }
                 return (
                     <CompetitionInfoCard
+                        hidden={active_tab == 'details' ? false : true}
+                        disable_collapse
                         competition={competition}
                         competition_type={competition_type}
                         competition_result_type={competition_result_type}
@@ -409,6 +435,8 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
                 if(!competition_type){ return <></> }
                 return (
                     <CompetitionLeaderboard 
+                        hidden={active_tab == 'leaderboard' ? false : true}
+                        disable_collapse
                         competition={competition}
                         width={module_size.width}
                         competition_type={competition_type}
@@ -423,7 +451,9 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
                 if(!competition || !competition_type){ return <></> }
                 return (
                     <CompetitionPlay
+                        hidden={active_tab == 'play' ? false : true}
                         competition={competition}
+                        disable_collapse
                         competition_type={competition_type}
                         competition_matches={competition_matches}
                         competition_match_markets={competition_match_markets}
@@ -451,7 +481,7 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
     if(!competition || !competition_type || !competition_result_type){
         return (
             <View style={{ flex:1 }}>
-                <ActivityIndicator style={{ padding:20, alignSelf:'center' }} size='large' color={Colors.brand.midnight} />
+                <ActivityIndicator style={{ padding:20, alignSelf:'center' }} size='large' color={Colors.text.h1} />
             </View>
         )
     }
@@ -487,7 +517,7 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
             </View>
             :<></>}
             {show_full_leaderboard ?
-            <View style={{ position:'absolute', bottom:0, left:0, right:0, top:0 }}>
+            <View type='blur' style={{ position:'absolute', bottom:0, left:0, right:0, top:0, paddingTop:20, paddingBottom:confirm_padding }}>
                     <CompetitionLeaderboard 
                         competition={competition}
                         competition_type={competition_type}
@@ -507,6 +537,8 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
                     title={nav_out.title}
                     padding_bottom={confirm_padding}
                     confirm_title={'Edit My Picks'}
+                    cancel_title='Close'
+                    onCancel={() => setNavOut({ ...nav_out, visible:false })}
                     description={nav_out.body}
                     image={competition.image?.url}
                     onConfirm={() => setNavOut({ ...nav_out, visible:false })}
@@ -588,9 +620,9 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
             </View>
             </Modal>
             {competition.status == 'inactive' ?
-            <View style={{ position:'absolute', top:0, left:0, right:0, bottom:0, backgroundColor:Colors.shades.black_faded, justifyContent:'center', alignItems:'center' }}>
-                <View style={{ ...view_styles.section, width: '70%', backgroundColor:Colors.shades.white }}>
-                    <View style={{ ...view_styles.section_header, justifyContent:'center', alignItems:'center', backgroundColor:Colors.shades.shade100 }}>
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+                <View style={{ ...view_styles.section, width: '70%' }}>
+                    <View style={{ ...view_styles.section_header, justifyContent:'center', alignItems:'center' }}>
                         <Text theme='h1'>Competition Has Been Deleted</Text>
                     </View>
                     <View style={{ ...view_styles.section_body, justifyContent:'center', alignItems:'center' }}>
@@ -613,9 +645,9 @@ const CompetitionModule = ({ competition_id, player_id, confirm_padding, onManag
             </View>
             :<></>}
             {competition.status == 'paused' ?
-            <View style={{ position:'absolute', top:0, left:0, right:0, bottom:0, backgroundColor:Colors.shades.black_faded, justifyContent:'center', alignItems:'center' }}>
-                <View style={{ ...view_styles.section, width: '70%', backgroundColor:Colors.shades.white }}>
-                    <View style={{ ...view_styles.section_header, justifyContent:'center', alignItems:'center', backgroundColor:Colors.shades.shade100 }}>
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+                <View style={{ ...view_styles.section, width: '70%' }}>
+                    <View style={{ ...view_styles.section_header, justifyContent:'center', alignItems:'center' }}>
                         <Text theme='h1'>Competition Is Paused</Text>
                     </View>
                     <View style={{ ...view_styles.section_body, justifyContent:'center', alignItems:'center' }}>