be-components 1.2.2 → 1.2.4

package/lib/typescript/src/Competition/components/CompetitionPlay.d.ts

@@ -1,20 +1,34 @@
 import React from 'react';
-import type { CompanyProps } from "../../types";
+import type { AthleteProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPlayerProps, CompetitionProps, CompetitionTypeProps, LeagueProps, MarketProps, PlayerPickProps } from "../../types";
+import type { EventProps, MatchProps, TournamentProps } from "../../types";
 import type { BEEventProps } from "../../Observer/api/types";
 type CompetitionPlayProps = {
     player_id?: string;
-    competition_id: string;
-    company?: CompanyProps;
+    authenticated_competition_player?: CompetitionPlayerProps;
+    competition: CompetitionProps;
+    competition_type: CompetitionTypeProps;
+    competition_players: CompetitionPlayerProps[];
+    competition_matches: CompetitionMatchProps[];
+    competition_match_markets: CompetitionMatchMarketProps[];
+    leagues: LeagueProps[];
+    athletes: AthleteProps[];
+    events: EventProps[];
+    tournaments: TournamentProps[];
+    matches: MatchProps[];
+    markets: MarketProps[];
+    player_picks: PlayerPickProps[];
     onEvent?: (event: BEEventProps) => void;
     height: number;
     width: number;
+    pick_loading?: string;
     source?: string;
+    onPick: (pp: PlayerPickProps, event_title: string, event_start: string) => void;
     onGoBack?: () => void;
     hide_player?: boolean;
     onRequestAuthentication: () => void;
     back_allowed?: boolean;
     onChangeCompetition?: (competition_id: string) => void;
 };
-declare const CompetitionPlay: ({ player_id, company, source, back_allowed, onGoBack, competition_id, width, height, hide_player, onChangeCompetition, onRequestAuthentication }: CompetitionPlayProps) => React.JSX.Element;
+declare 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) => React.JSX.Element;
 export default CompetitionPlay;
 //# sourceMappingURL=CompetitionPlay.d.ts.map

package/lib/typescript/src/Competition/components/CompetitionPlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompetitionPlay.d.ts","sourceRoot":"","sources":["../../../../../src/Competition/components/CompetitionPlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAkC,YAAY,EAAsW,MAAM,aAAa,CAAC;AAwBpb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IACxB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,MAAM,CAAC;IACtB,OAAO,CAAC,EAAC,YAAY,CAAC;IACtB,OAAO,CAAC,EAAC,CAAC,KAAK,EAAC,YAAY,KAAK,IAAI,CAAC;IACtC,MAAM,EAAC,MAAM,CAAC;IACd,KAAK,EAAC,MAAM,CAAC;IACb,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAC,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAC,MAAM,KAAK,IAAI,CAAA;CACxD,CAAA;AACD,QAAA,MAAM,eAAe,qJAAsJ,oBAAoB,sBA43B9L,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"CompetitionPlay.d.ts","sourceRoot":"","sources":["../../../../../src/Competition/components/CompetitionPlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAM/M,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAO3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IACxB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,gCAAgC,CAAC,EAAC,sBAAsB,CAAA;IACxD,WAAW,EAAC,gBAAgB,CAAC;IAC7B,gBAAgB,EAAC,oBAAoB,CAAC;IACtC,mBAAmB,EAAC,sBAAsB,EAAE,CAAC;IAC7C,mBAAmB,EAAC,qBAAqB,EAAE,CAAC;IAC5C,yBAAyB,EAAC,2BAA2B,EAAE,CAAC;IACxD,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,WAAW,EAAC,eAAe,EAAE,CAAC;IAC9B,OAAO,EAAC,UAAU,EAAE,CAAC;IACrB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,YAAY,EAAC,eAAe,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAC,CAAC,KAAK,EAAC,YAAY,KAAK,IAAI,CAAC;IACtC,MAAM,EAAC,MAAM,CAAC;IACd,KAAK,EAAC,MAAM,CAAC;IACb,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,MAAM,EAAC,CAAC,EAAE,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAC,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAC,MAAM,KAAK,IAAI,CAAA;CACxD,CAAA;AACD,QAAA,MAAM,eAAe,iOAAkO,oBAAoB,sBA4R1Q,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/src/Competition/components/LeaderPicks.d.ts

@@ -4,6 +4,7 @@ type LeaderPicksProps = {
     competition: CompetitionProps;
     markets: MarketProps[];
     events: EventProps[];
+    width: number;
     matches: MatchProps[];
     tournaments: TournamentProps[];
     athletes: AthleteProps[];
@@ -17,6 +18,6 @@ type LeaderPicksProps = {
     onPrevious?: () => void;
     onClose: () => void;
 };
-declare const LeaderPicks: ({ markets, events, matches, athletes, competition, competition_type, competition_matches, competition_match_markets, leader, height, onClose, onNext, onPrevious }: LeaderPicksProps) => React.JSX.Element;
+declare const LeaderPicks: ({ markets, events, matches, athletes, competition, competition_type, competition_matches, competition_match_markets, leader, height, width, onClose, onNext, onPrevious }: LeaderPicksProps) => React.JSX.Element;
 export default LeaderPicks;
 //# sourceMappingURL=LeaderPicks.d.ts.map

package/lib/typescript/src/Competition/components/LeaderPicks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeaderPicks.d.ts","sourceRoot":"","sources":["../../../../../src/Competition/components/LeaderPicks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,KAAK,EAAE,YAAY,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,gBAAgB,EAAkD,oBAAoB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAmB,iBAAiB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAMhS,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAC,gBAAgB,CAAC;IAC7B,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,OAAO,EAAC,UAAU,EAAE,CAAC;IACrB,WAAW,EAAC,eAAe,EAAE,CAAC;IAC9B,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,gBAAgB,EAAC,oBAAoB,CAAC;IACtC,mBAAmB,EAAC,qBAAqB,EAAE,CAAC;IAC5C,yBAAyB,EAAC,2BAA2B,EAAE,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAC,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAC,MAAM,IAAI,CAAA;IAClB,UAAU,CAAC,EAAC,MAAM,IAAI,CAAC;IACvB,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,WAAW,uKAAuK,gBAAgB,sBAsLvM,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"LeaderPicks.d.ts","sourceRoot":"","sources":["../../../../../src/Competition/components/LeaderPicks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,KAAK,EAAE,YAAY,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,gBAAgB,EAAkD,oBAAoB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAmB,iBAAiB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAMhS,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAC,gBAAgB,CAAC;IAC7B,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,KAAK,EAAC,MAAM,CAAA;IACZ,OAAO,EAAC,UAAU,EAAE,CAAC;IACrB,WAAW,EAAC,eAAe,EAAE,CAAC;IAC9B,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,gBAAgB,EAAC,oBAAoB,CAAC;IACtC,mBAAmB,EAAC,qBAAqB,EAAE,CAAC;IAC5C,yBAAyB,EAAC,2BAA2B,EAAE,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAC,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAC,MAAM,IAAI,CAAA;IAClB,UAAU,CAAC,EAAC,MAAM,IAAI,CAAC;IACvB,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,WAAW,8KAA8K,gBAAgB,sBAsL9M,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import type { BEEventProps } from '../Observer/api/types';
+import type { CompetitionProps } from '../types';
 type CompetitionModuleProps = {
     player_id?: string;
     competition_id: string;
     onEvent?: (event: BEEventProps) => void;
-    onRequestAuthentication: () => void;
+    onRequestAuthentication: (auth_strategy_id?: string) => void;
+    onShareCompetition: (competition: CompetitionProps) => void;
 };
-declare const CompetitionModule: ({ competition_id, player_id, onEvent, onRequestAuthentication }: CompetitionModuleProps) => React.JSX.Element | undefined;
+declare const CompetitionModule: ({ competition_id, player_id, onRequestAuthentication, onShareCompetition }: CompetitionModuleProps) => React.JSX.Element;
 export default CompetitionModule;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Competition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,KAAK,sBAAsB,GAAG;IAC1B,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,MAAM,CAAC;IACtB,OAAO,CAAC,EAAC,CAAC,KAAK,EAAC,YAAY,KAAK,IAAI,CAAC;IACtC,uBAAuB,EAAC,MAAM,IAAI,CAAA;CACrC,CAAA;AAED,QAAA,MAAM,iBAAiB,oEAAoE,sBAAsB,kCAoBhH,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Competition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,KAAK,EAA0I,gBAAgB,EAAqR,MAAM,UAAU,CAAC;AAU5c,KAAK,sBAAsB,GAAG;IAC1B,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,MAAM,CAAC;IACtB,OAAO,CAAC,EAAC,CAAC,KAAK,EAAC,YAAY,KAAK,IAAI,CAAC;IACtC,uBAAuB,EAAC,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAC,CAAC,WAAW,EAAC,gBAAgB,KAAK,IAAI,CAAA;CAC5D,CAAA;AAED,QAAA,MAAM,iBAAiB,+EAA+E,sBAAsB,sBAyf3H,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/lib/typescript/src/Components/Icons.d.ts

@@ -25,11 +25,13 @@ declare const _default: {
     OwnedSquareIcon: ({ color, size }: IconProps) => React.JSX.Element;
     InProgressIcon: ({ color, size }: IconProps) => React.JSX.Element;
     LockClosedIcon: ({ color, size }: IconProps) => React.JSX.Element;
+    SelectorIcon: ({ color, size }: IconProps) => React.JSX.Element;
     CloseIcon: ({ color, size }: IconProps) => React.JSX.Element;
     BettorEdgeIcon: ({ color, size }: IconProps) => React.JSX.Element;
     BirthdayIcon: ({ color, size }: IconProps) => React.JSX.Element;
     CheckIcon: ({ color, size }: IconProps) => React.JSX.Element;
     LogoutIcon: ({ color, size }: IconProps) => React.JSX.Element;
+    PodiumIcon: ({ color, size, secondary_color }: IconProps) => React.JSX.Element;
     ImageIcon: ({ color, size }: IconProps) => React.JSX.Element;
     MenuIcon: ({ color }: IconProps) => React.JSX.Element;
     MoreIcon: ({ color, direction, size }: IconProps) => React.JSX.Element;

package/lib/typescript/src/Components/Icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/Components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,SAAS,CAAC,EAAC,IAAI,GAAC,MAAM,GAAC,MAAM,GAAC,OAAO,CAAA;CACxC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqkCD,wBAyDC"}
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/Components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,SAAS,CAAC,EAAC,IAAI,GAAC,MAAM,GAAC,MAAM,GAAC,OAAO,CAAA;CACxC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsmCD,wBA2DC"}

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

@@ -0,0 +1,13 @@
+import type { BestAvailableOrderProps, EventProps, MatchProps, PublicPlayerProps, TournamentProps } from "../../types";
+export { PromotedOrderApi, PromotedOrderHelpers };
+declare const PromotedOrderApi: {
+    setEnvironment: () => void;
+    getPlayersByPlayerIds: (player_ids: string[]) => Promise<PublicPlayerProps[]>;
+};
+declare const PromotedOrderHelpers: {
+    getContestDetails: (order: BestAvailableOrderProps, event?: EventProps, tournament?: TournamentProps, match?: MatchProps) => {
+        contest_title: string;
+        contest_time_detail: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/PromotedOrder/api/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAItH,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAA;AAGjD,QAAA,MAAM,gBAAgB;;wCAKuB,MAAM,EAAE,KAAE,QAAQ,iBAAiB,EAAE,CAAC;CAKlF,CAAA;AAGD,QAAA,MAAM,oBAAoB;+BACI,uBAAuB,UAAS,UAAU,eAAc,eAAe,UAAS,UAAU,KAAE;QAAE,aAAa,EAAC,MAAM,CAAC;QAAC,mBAAmB,EAAC,MAAM,CAAA;KAAE;CAmB7K,CAAA"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { BestAvailableOrderProps, EventProps, MarketProps, MatchProps, TournamentProps } from "../types";
+type PromotedOrderProps = {
+    player_id?: string;
+    order: BestAvailableOrderProps;
+    market: MarketProps;
+    event?: EventProps;
+    tournament?: TournamentProps;
+    match?: MatchProps;
+    onShareOrder: (order: BestAvailableOrderProps) => void;
+    onViewMarket: (order: BestAvailableOrderProps) => void;
+    onBuyOrder: (order: BestAvailableOrderProps) => void;
+    onRejectOrder: (order: BestAvailableOrderProps) => void;
+};
+declare const PromotedOrder: ({ order, player_id, event, tournament, match }: PromotedOrderProps) => React.JSX.Element;
+export default PromotedOrder;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/PromotedOrder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAqB,eAAe,EAAE,MAAM,UAAU,CAAC;AAKjI,KAAK,kBAAkB,GAAG;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,KAAK,EAAC,uBAAuB,CAAC;IAC9B,MAAM,EAAC,WAAW,CAAC;IACnB,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,UAAU,CAAC,EAAC,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,YAAY,EAAC,CAAC,KAAK,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,CAAC,KAAK,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACtD,UAAU,EAAC,CAAC,KAAK,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACnD,aAAa,EAAC,CAAC,KAAK,EAAC,uBAAuB,KAAK,IAAI,CAAA;CACxD,CAAA;AAED,QAAA,MAAM,aAAa,mDAAmD,kBAAkB,sBAgCvF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -17,5 +17,6 @@ import AdServer, { AdProvider } from "./AdServer";
 import BracketRoom from "./Bracket";
 import SocketManager from './Socket';
 import SquaresModule from "./Squares";
-export { Authenticator, Observer, BEEventApi, BELinkApi, ProfileManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Checkout, PollCampaign, PollCampaignApi, PollApi, CompetitionModule, AdServer, AdProvider, BracketRoom, SquaresModule, SocketManager };
+import PromotedOrder from "./PromotedOrder";
+export { Authenticator, Observer, BEEventApi, BELinkApi, ProfileManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Checkout, PollCampaign, PollCampaignApi, PollApi, CompetitionModule, AdServer, AdProvider, BracketRoom, SquaresModule, SocketManager, PromotedOrder };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAC9C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,aAAa,MAAM,UAAU,CAAC;AACrC,OAAO,aAAa,MAAM,WAAW,CAAC;AAGtC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAC9C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,aAAa,MAAM,UAAU,CAAC;AACrC,OAAO,aAAa,MAAM,WAAW,CAAC;AACtC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,aAAa,EACd,CAAA"}

package/package.json

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

package/src/Competition/components/CompetitionInfoCard.tsx

@@ -1,46 +1,21 @@
-import React from 'react';
-import { Image, TouchableOpacity, View } from "react-native"
-import type { CompetitionProps, CompetitionTypeProps, MyPlayerProps } from "../../types"
-import moment from 'moment-mini';
-import { Button, Icons, Text } from '../../Components';
-import { CompetitionApi, CompetitionHelpers } from '../api';
+import React, { useState } from 'react';
+import { TouchableOpacity, View, Image, FlatList } from "react-native"
+import type { CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, MyPlayerProps } from "../../types"
+import { Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
-import { BELinkApi } from '../../Observer';
+import { view_styles } from '../../constants/styles';
+import { CompetitionHelpers } from '../api';
 
 type CompetitionInfoCardProps = {
     competition:CompetitionProps,
     competition_type:CompetitionTypeProps,
-    onViewEvents: () => void,
+    competition_result_type:CompetitionResultTypeProps,
+    competition_payouts:CompetitionPayoutTypeProps[],
     player?:MyPlayerProps,
-    onEnter: (competition_id:string) => void,
-    onLeave:() => void,
-    onViewPrize?:() => void,
-    onViewRules: () => void,
-    can_leave?:boolean
 }
-const CompetitionInfoCard = ({ player, competition, competition_type, onViewEvents, onEnter, onLeave, can_leave, onViewRules }:CompetitionInfoCardProps) => {
-
-
-
-    const handleShare = async() => {
-        let redirect_url = `https://app.bettoredge.com/competition/play/${competition.competition_id}`
-        if(player){ 
-            const { player_referral } = await CompetitionApi.getMyReferralCode() 
-            redirect_url += `?refer=${player_referral.referral_code}`
-        }
-        const { url } = await BELinkApi.generateShortLink({
-            generator:'player',
-            link_type: 'user_generated_link',
-            link_sub_type:'competition_link',
-            type_id: competition.competition_id,
-            status: 'active',
-            redirect_url
-        })
-        BELinkApi.share(competition.competition_name, undefined, url)
-    }
-
-
-    const can_enter = moment().isBefore(moment(competition.scheduled_datetime))
+const CompetitionInfoCard = ({ competition, competition_type, competition_result_type, competition_payouts }:CompetitionInfoCardProps) => {
+    const [ expanded, setExpanded ] = useState(false);
+    
     const cl = competition.market_type == 'FOR_MONEY' ? '$' : 'E'
 
     let potential_winnings = competition.ticket_revenue
@@ -51,6 +26,86 @@ const CompetitionInfoCard = ({ player, competition, competition_type, onViewEven
         if(potential_winnings < competition.guaranteed_payout){ potential_winnings = competition.guaranteed_payout }
     }
 
+    const renderPayouts = (data: { item:CompetitionPayoutTypeProps, index:number }) => {
+        return (
+            <View style={{ ...view_styles.body_row, padding:8, borderBottomWidth:1, borderColor:Colors.shades.shade600 }}>
+                <Text style={{ flex:1 }} theme='header_2'>{CompetitionHelpers.formatPlace(data.item.tier)}{data.item.tier!= 1 ? ' Or Better': ''}</Text>
+                <Text theme='header_2'>Split {data.item.payout}%</Text>
+            </View>
+        )
+    }
+
+    return (
+        <View nativeID="competition_details" style={{ ...view_styles.section, minWidth:350 }}>
+            <TouchableOpacity style={view_styles.section_header} onPress={() => setExpanded(!expanded)}>
+                <Icons.SettingsIcon size={18} color={Colors.brand.midnight} />
+                <View style={{ flex:1, marginLeft:10 }}>
+                    <Text theme="header">COMPETITION DETAILS</Text>
+                    <Text style={{ marginTop: 4 }} theme="body_2">Detailed Information on this competition</Text>
+                </View>
+                <View style={{ margin:10 }}>
+                    <Text color={Colors.utility.success} weight='bold'>{cl}{potential_winnings.toFixed(2)}</Text>
+                </View>
+                <Icons.ChevronIcon direction={expanded?'up':'down'} color={Colors.brand.midnight} size={8} />
+            </TouchableOpacity>
+            {expanded ?
+            <View style={{ ...view_styles.section_body }}>
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="body">Competition Type</Text>
+                    <Text theme="header_2">{competition_type.type.toUpperCase()}</Text>
+                </View>
+                {competition_type.type == 'pick' ?
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="body">Max Pick Count</Text>
+                    <Text theme="header_2">{competition.max_pick_count} Picks</Text>
+                </View>
+                :
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="body">Initial Balance</Text>
+                    <Text theme="header_2">E{competition.initial_balance}</Text>
+                </View>
+                }
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="body">Current Payout</Text>
+                    <Text theme="header_2">{cl}{potential_winnings.toFixed(2)}</Text>
+                </View>
+                {competition.prize_override ?
+                <View style={{ padding:10, borderRadius:8, backgroundColor:Colors.incentive.gold_faded }}>
+                    <Text size={14} color={Colors.incentive.gold} weight='bold'>Additional Prize</Text>
+                    <View style={view_styles.body_row}>
+                        <Image
+                            source={{ uri: competition.prize_image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1649737862/be_logo_jte2ux.webp' }}
+                            style={{ height:50, width:50, borderRadius:4 }}
+                            resizeMode='cover'
+                        />
+                        <Text style={{ marginLeft:10 }} size={14} weight='bold' color={Colors.brand.midnight}>{competition.prize_override}</Text>
+                    </View>
+                </View>
+                :<></>}
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="body">Entries</Text>
+                    <Text theme="header_2">{competition.tickets_sold} / {competition.available_tickets}</Text>
+                </View>
+                <View style={view_styles.body_row}>
+                    <Text style={{flex:1}} theme="body">Payout Type</Text>
+                    <Text theme="header_2">{competition_result_type.label.toUpperCase()}</Text>
+                </View>
+                <View style={{ padding:10, borderRadius:8, backgroundColor:Colors.shades.shade100 }}>
+                    <Text style={{ padding:5 }} theme="header_2">{competition_result_type.description}</Text>
+                    <View style={{ padding:10 }}>
+                        <FlatList
+                            data={competition_payouts.sort((a,b) => b.tier - a.tier)}
+                            renderItem={renderPayouts}
+                            keyExtractor={(item) => item.competition_payout_type_id.toString()}
+                        />
+                    </View>
+                </View>
+            </View>
+            :<></>}
+        </View>
+    )
+
+    /*
     return (
         <View>
             <View nativeID="competition_info">
@@ -144,6 +199,7 @@ const CompetitionInfoCard = ({ player, competition, competition_type, onViewEven
             </View>
         </View>
     )
+        */
 }
 
 export default CompetitionInfoCard

package/src/Competition/components/CompetitionLeaderboard.tsx

@@ -1,22 +1,25 @@
 import React, { useEffect, useState } from "react"
 import { FlatList, Image, ScrollView, TouchableOpacity, View, ActivityIndicator } from "react-native"
 import type { CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionTypeProps, PublicPlayerProps } from "../../types"
-import { CompetitionApi, CompetitionResultApi } from "../api"
+import { CompetitionApi, CompetitionHelpers, CompetitionResultApi } from "../api"
 import { Button, Icons, Text } from "../../Components"
 import Colors from "../../constants/colors"
+import { view_styles } from "../../constants/styles"
 
 type CompetitionLeaderboardProps = {
     competition:CompetitionProps,
     competition_type:CompetitionTypeProps,
     viewer_id?:string,
     height: number,
+    width:number,
     view_mode: 'short'|'full',
+    onClose?:() => void,
     onSeeFull: () => void,
     onLeaderSelect:(player:PublicPlayerProps) => void
 }
 
-const CompetitionLeaderboard = ({ competition, competition_type, height, viewer_id, view_mode, onSeeFull, onLeaderSelect }:CompetitionLeaderboardProps) => {
-
+const CompetitionLeaderboard = ({ competition, competition_type, width, height, viewer_id, view_mode, onSeeFull, onClose, onLeaderSelect }:CompetitionLeaderboardProps) => {
+    const [ expanded, setExpanded ] = useState(false);
     const [ data, setData ] = useState<{
         loading:boolean,
         competition_results:CompetitionResultProps[],
@@ -31,8 +34,7 @@ const CompetitionLeaderboard = ({ competition, competition_type, height, viewer_
         offset:0
     })
 
-    const { loading, competition_results, competition_records, players } = data
-
+    const { loading, competition_results, competition_records, players, offset } = data
     let results = [ ...competition_results ];
     
     if(view_mode == 'short'){ results = results.filter((r,i) => r ? i < 3 : i < 3) }
@@ -83,7 +85,7 @@ const CompetitionLeaderboard = ({ competition, competition_type, height, viewer_
                 </View>
                 :
                 <View nativeID="place" style={{ padding:5 }}>
-                    <Text size={12} color={Colors.brand.midnight} weight="bold">{data.item.place}</Text>
+                    <Text size={12} color={Colors.brand.midnight} weight="bold">{CompetitionHelpers.formatPlace(data.item.place)}</Text>
                 </View>
                 }
                 <View nativeID="image" style={{ paddingLeft:10, paddingRight:10 }}>
@@ -107,18 +109,28 @@ const CompetitionLeaderboard = ({ competition, competition_type, height, viewer_
             </TouchableOpacity>
         )
     }
+
     return (
-        <View style={{ flex:1, height, backgroundColor:Colors.shades.shade100  }}>
-            {view_mode == 'full' && viewer_record && viewer_result && viewer ?
+        <View style={{ ...view_styles.section, margin:view_mode == 'full'?0:10, minWidth:350, height:view_mode == 'full'?height:undefined, width: view_mode == 'full' ? width: undefined }}>
+            {view_mode == 'short' ?
+            <TouchableOpacity style={view_styles.section_header} onPress={() => setExpanded(!expanded)}>
+                <Icons.PodiumIcon size={18} color={Colors.brand.midnight} />
+                <View style={{ flex:1, marginLeft:10 }}>
+                    <Text theme="header">COMPETITION LEADERBOARD</Text>
+                    <Text style={{ marginTop: 4 }} theme="body_2">Leaderboard showing current standings</Text>
+                </View>
+                <Icons.ChevronIcon direction={expanded?'up':'down'} color={Colors.brand.midnight} size={8} />
+            </TouchableOpacity>
+            :<></>}
+            {expanded || view_mode == 'full' ?
+            <View style={{ ...view_styles.section_body }}>
+            {viewer_record && viewer_result && viewer ?
             <View>
-                {competition ?
-                <Text style={{ padding:20 }} size={18} color={Colors.brand.midnight} weight='bold' textAlign="center">{competition.competition_name}</Text>
-                :<></>}
-                 <View style={{ backgroundColor:Colors.brand.midnight, padding:10, marginBottom:10 }}>
-                    <Text size={18} color={Colors.shades.white} weight='bold' textAlign="center">Your Position</Text>
-                    <TouchableOpacity style={{ flexDirection:'row', marginTop:15, marginBottom:10, alignItems:'center', borderRadius:22, backgroundColor:Colors.shades.white, padding:8, paddingLeft:15, paddingRight:15}}>
+                 <View style={{ backgroundColor:Colors.brand.midnight, padding:10, marginBottom:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                    <Text size={14} color={Colors.shades.white} weight='regular'>MY RESULTS</Text>
+                    <TouchableOpacity style={{ flexDirection:'row', marginTop:10, marginBottom:10, alignItems:'center', borderRadius:22, backgroundColor:Colors.shades.white, padding:8, paddingLeft:15, paddingRight:15}}>
                         <View nativeID="place" style={{ padding:5 }}>
-                            <Text size={12} color={Colors.brand.midnight} weight="bold">{viewer_result.place}</Text>
+                            <Text size={12} color={Colors.brand.midnight} weight="bold">{CompetitionHelpers.formatPlace(viewer_result.place)}</Text>
                         </View>
                         <View nativeID="image" style={{ paddingLeft:10, paddingRight:10 }}>
                             <Image
@@ -142,7 +154,7 @@ const CompetitionLeaderboard = ({ competition, competition_type, height, viewer_
                 </View>
             </View>
             :<></>}
-            <ScrollView>
+            <ScrollView style={{ backgroundColor:Colors.shades.shade100, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
                 {loading ?
                 <ActivityIndicator style={{ alignSelf:'center', padding:10 }} size='large' color={Colors.brand.midnight} /> 
                 :<></>}
@@ -156,26 +168,42 @@ const CompetitionLeaderboard = ({ competition, competition_type, height, viewer_
             {view_mode == 'short' ?
                 <Button
                     style={{ backgroundColor:undefined }}
-                    title='See Full Leaderboard'
+                    title='View Full Leaderboard'
                     title_color={Colors.brand.electric}
                     title_size={14}
-                    title_weight="regular"
                     onPress={() => onSeeFull()}
                 />
-            :
+            :<></>}
+            {onClose ?
+            <View style={{ padding:10, ...view_styles.float }}>
+                <View style={{ padding:10, flexDirection:'row', alignItems:'center', justifyContent:'space-between' }}>
+                    {offset > 0 ?
+                    <Button
+                        title='PREV'
+                        title_color={Colors.brand.electric}
+                        backgroundColor='transparent'
+                        onPress={() => getLeaderboardFromServer(competition.competition_id, offset - 1)}
+                    />
+                    :<View/>}
+                    <Button
+                        title='NEXT'
+                        title_color={Colors.brand.electric}
+                        backgroundColor='transparent'
+                        onPress={() => getLeaderboardFromServer(competition.competition_id, offset + 1)}
+                    />
+                </View>
                 <Button
-                    style={{ margin:10 }}
                     title='Close'
-                    title_color={Colors.brand.electric}
-                    borderWidth={1}
-                    borderRadius={22}
-                    padding={15}
-                    borderColor={Colors.brand.electric}
-                    title_size={14}
-                    title_weight="regular"
-                    onPress={() => onSeeFull()}
+                    style={{ padding:15 }}
+                    title_color={Colors.shades.white}
+                    backgroundColor={Colors.utility.error}
+                    onPress={() => onClose()}
                 />
-            }
+            </View>
+            :<></>}
+            </View>
+            :<></>}
+            
         </View>
     )
 }