be-components 1.0.0 → 1.0.2

package/lib/typescript/src/Bracket/components/BracketCompetitionCard.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { BracketCompetitionProps, CompetitionPlayerBracketProps, CompetitionResultTypeProps, PlayerBracketProps } from '../../types';
+type BracketCompetitionCardProps = {
+    visible: boolean;
+    player_id?: string;
+    bracket_competition_id?: string;
+    height: number;
+    onViewBracket: (bracket_id: string) => void;
+    onUpdateMyData: (data: {
+        bracket_id: string;
+        player_brackets: PlayerBracketProps[];
+        competition_player_brackets: CompetitionPlayerBracketProps[];
+    }) => void;
+    onShareCompetition: (bracket_competition_id: string) => void;
+    onEnterCompetition: (resp: {
+        competition_player_bracket: CompetitionPlayerBracketProps;
+        bracket_competition: BracketCompetitionProps;
+    }) => void;
+    onLeaveCompetition: (resp: {
+        competition_player_bracket: CompetitionPlayerBracketProps;
+        bracket_competition: BracketCompetitionProps;
+    }) => void;
+    competition_result_types: CompetitionResultTypeProps[];
+    my_comp_player_brackets: CompetitionPlayerBracketProps[];
+    my_player_brackets: PlayerBracketProps[];
+    onClose: () => void;
+};
+declare const BracketCompetitionCard: ({ visible, player_id, height, my_comp_player_brackets, competition_result_types, my_player_brackets, bracket_competition_id, onUpdateMyData, onViewBracket, onClose, onLeaveCompetition, onShareCompetition, onEnterCompetition }: BracketCompetitionCardProps) => React.JSX.Element;
+export default BracketCompetitionCard;
+//# sourceMappingURL=BracketCompetitionCard.d.ts.map

package/lib/typescript/src/Bracket/components/BracketCompetitionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketCompetitionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketCompetitionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAuE,6BAA6B,EAAE,0BAA0B,EAAE,kBAAkB,EAAqB,MAAM,aAAa,CAAC;AAQlO,KAAK,2BAA2B,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,MAAM,EAAC,MAAM,CAAA;IACb,aAAa,EAAC,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,eAAe,EAAC,kBAAkB,EAAE,CAAC;QAAC,2BAA2B,EAAC,6BAA6B,EAAE,CAAA;KAAC,KAAK,IAAI,CAAC;IACvJ,kBAAkB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,IAAI,EAAE;QAAC,0BAA0B,EAAC,6BAA6B,CAAC;QAAC,mBAAmB,EAAC,uBAAuB,CAAA;KAAC,KAAK,IAAI,CAAC;IAC5I,kBAAkB,EAAE,CAAC,IAAI,EAAE;QAAC,0BAA0B,EAAC,6BAA6B,CAAC;QAAC,mBAAmB,EAAC,uBAAuB,CAAA;KAAC,KAAK,IAAI,CAAC;IAC5I,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,uBAAuB,EAAC,6BAA6B,EAAE,CAAC;IACxD,kBAAkB,EAAC,kBAAkB,EAAE,CAAC;IACxC,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,sBAAsB,sOAAsO,2BAA2B,sBA2R5R,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/typescript/src/Bracket/components/BracketCompetitionSelector.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BracketCompetitionProps, BracketProps, LeagueProps } from '../../types';
+type BracketCompetitionSelectorProps = {
+    visible: boolean;
+    leagues: LeagueProps[];
+    brackets: BracketProps[];
+    onClose: () => void;
+    onCompetitionSelect: (bracket_competition: BracketCompetitionProps) => void;
+};
+declare const BracketCompetitionSelector: ({ visible, leagues, brackets, onClose, onCompetitionSelect }: BracketCompetitionSelectorProps) => React.JSX.Element;
+export default BracketCompetitionSelector;
+//# sourceMappingURL=BracketCompetitionSelector.d.ts.map

package/lib/typescript/src/Bracket/components/BracketCompetitionSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketCompetitionSelector.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketCompetitionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAMtF,KAAK,+BAA+B,GAAG;IACnC,OAAO,EAAC,OAAO,CAAC;IAChB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,mBAAmB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAA;CAC5E,CAAA;AACD,QAAA,MAAM,0BAA0B,iEAAiE,+BAA+B,sBAyG/H,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/lib/typescript/src/Bracket/components/BracketPlay/BracketNavigator.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { BracketGroupProps, BracketRoundProps } from '../../../types';
+type BracketNavigatorProps = {
+    bracket_rounds: BracketRoundProps[];
+    bracket_groups: BracketGroupProps[];
+    selected_round?: BracketRoundProps;
+    selected_group?: BracketGroupProps;
+    onSelectRound: (r: BracketRoundProps) => void;
+    onSelectGroup: (g: BracketGroupProps) => void;
+    onClose: () => void;
+};
+declare const BracketNavigator: ({ bracket_rounds, bracket_groups, selected_round, selected_group, onSelectGroup, onSelectRound, onClose }: BracketNavigatorProps) => React.JSX.Element;
+export default BracketNavigator;
+//# sourceMappingURL=BracketNavigator.d.ts.map

package/lib/typescript/src/Bracket/components/BracketPlay/BracketNavigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketNavigator.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/BracketNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAI3E,KAAK,qBAAqB,GAAG;IACzB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,cAAc,CAAC,EAAC,iBAAiB,CAAC;IAClC,cAAc,CAAC,EAAC,iBAAiB,CAAC;IAClC,aAAa,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,gBAAgB,8GAA8G,qBAAqB,sBAwDxJ,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/typescript/src/Bracket/components/BracketPlay/BracketRound.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { AthleteProps, BracketRoundProps, PlayerBracketPickProps, RoundEventProps, TeamProps } from '../../../types';
+type BracketRoundSectionProps = {
+    player_bracket_id?: string;
+    player_bracket_picks: PlayerBracketPickProps[];
+    bracket_round: BracketRoundProps;
+    round_events: RoundEventProps[];
+    teams: TeamProps[];
+    athletes: AthleteProps[];
+    hide_titles?: boolean;
+    width: number;
+    orientation: 'left' | 'right';
+    active_bracket_group_id?: string;
+    onPick: (player_bracket_pick: PlayerBracketPickProps) => void;
+    bracket_size: {
+        width: number;
+        height: number;
+    };
+    left_bar?: boolean;
+    right_bar?: boolean;
+};
+declare const BracketRoundSection: ({ bracket_round, teams, round_events, width, hide_titles, player_bracket_picks, active_bracket_group_id, onPick }: BracketRoundSectionProps) => React.JSX.Element;
+export default BracketRoundSection;
+//# sourceMappingURL=BracketRound.d.ts.map

package/lib/typescript/src/Bracket/components/BracketPlay/BracketRound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketRound.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/BracketRound.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK1H,KAAK,wBAAwB,GAAG;IAC5B,iBAAiB,CAAC,EAAC,MAAM,CAAC;IAC1B,oBAAoB,EAAE,sBAAsB,EAAE,CAAC;IAC/C,aAAa,EAAC,iBAAiB,CAAC;IAChC,YAAY,EAAC,eAAe,EAAE,CAAC;IAC/B,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,KAAK,EAAC,MAAM,CAAC;IACb,WAAW,EAAC,MAAM,GAAC,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAC,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,mBAAmB,EAAC,sBAAsB,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE;QAAE,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IAC9C,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,SAAS,CAAC,EAAC,OAAO,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,mBAAmB,sHAAsH,wBAAwB,sBAuDtK,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/lib/typescript/src/Bracket/components/BracketPlay/RoundEvent.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { AthleteProps, EventProps, PlayerBracketPickProps, RoundEventProps, TeamProps } from "../../../types";
+type RoundEventCardProps = {
+    round_event: RoundEventProps;
+    round_events: RoundEventProps[];
+    event?: EventProps;
+    player_bracket_pick?: PlayerBracketPickProps;
+    away_team?: TeamProps;
+    home_team?: TeamProps;
+    away_placeholder_team?: TeamProps;
+    home_placeholder_team?: TeamProps;
+    away_athlete?: AthleteProps;
+    home_athlete?: AthleteProps;
+    width: number;
+    no_pick?: boolean;
+    away_placeholder_pick?: PlayerBracketPickProps;
+    home_placeholder_pick?: PlayerBracketPickProps;
+    onPick: (player_bracket_pick: PlayerBracketPickProps) => void;
+};
+declare const RoundEventCard: ({ event, away_team, away_placeholder_team, home_placeholder_team, home_team, width, no_pick, round_event, player_bracket_pick, away_placeholder_pick, home_placeholder_pick, onPick }: RoundEventCardProps) => React.JSX.Element;
+export default RoundEventCard;
+//# sourceMappingURL=RoundEvent.d.ts.map

package/lib/typescript/src/Bracket/components/BracketPlay/RoundEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/RoundEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAKlH,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAC,eAAe,CAAC;IAC5B,YAAY,EAAC,eAAe,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,mBAAmB,CAAC,EAAC,sBAAsB,CAAC;IAC5C,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAC,SAAS,CAAC;IACjC,qBAAqB,CAAC,EAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,KAAK,EAAC,MAAM,CAAC;IACb,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAC,sBAAsB,CAAC;IAC9C,qBAAqB,CAAC,EAAC,sBAAsB,CAAC;IAC9C,MAAM,EAAC,CAAC,mBAAmB,EAAC,sBAAsB,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED,QAAA,MAAM,cAAc,0LAA0L,mBAAmB,sBA6NhO,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/Bracket/components/BracketPlay/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { CompetitionPlayerBracketProps, PlayerBracketProps } from '../../../types';
+type BracketPlayProps = {
+    visible: boolean;
+    room_size: {
+        width: number;
+        height: number;
+    };
+    player_bracket_id?: string;
+    bracket_id?: string;
+    player_id?: string;
+    onRequestAuthenticate: () => void;
+    onChangePlayerBracket: (bracket_id: string) => void;
+    onClose: () => void;
+    onPlayerBracketUpdate: (pb: PlayerBracketProps, cpbs: CompetitionPlayerBracketProps[]) => void;
+};
+declare const BracketPlay: ({ visible, player_id, room_size, bracket_id, player_bracket_id, onClose, onPlayerBracketUpdate, onChangePlayerBracket, onRequestAuthenticate }: BracketPlayProps) => React.JSX.Element;
+export default BracketPlay;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/Bracket/components/BracketPlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAoE,6BAA6B,EAAsC,kBAAkB,EAA8B,MAAM,gBAAgB,CAAC;AAQ1N,KAAK,gBAAgB,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAC;QAAE,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,CAAC,EAAC,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qBAAqB,EAAE,CAAC,EAAE,EAAC,kBAAkB,EAAE,IAAI,EAAC,6BAA6B,EAAE,KAAK,IAAI,CAAC;CAChG,CAAA;AAGD,QAAA,MAAM,WAAW,mJAAmJ,gBAAgB,sBAyNnL,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/src/Bracket/components/BracketSelector.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BracketProps, LeagueProps } from '../../types';
+type BracketSelectorProps = {
+    visible: boolean;
+    brackets: BracketProps[];
+    leagues: LeagueProps[];
+    onSelectBracket: (bracket: BracketProps) => void;
+    onClose: () => void;
+};
+declare const BracketSelector: ({ visible, leagues, brackets, onSelectBracket, onClose }: BracketSelectorProps) => React.JSX.Element;
+export default BracketSelector;
+//# sourceMappingURL=BracketSelector.d.ts.map

package/lib/typescript/src/Bracket/components/BracketSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketSelector.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK7D,KAAK,oBAAoB,GAAG;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,eAAe,EAAC,CAAC,OAAO,EAAC,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,eAAe,6DAA6D,oBAAoB,sBAqErG,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/src/Bracket/components/CompetitionLeaderboard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CompetitionPlayerBracketProps, PlayerBracketProps } from '../../types';
+type CompetitionLeaderboardProps = {
+    bracket_competition_id: string;
+    my_competition_player_brackets: CompetitionPlayerBracketProps[];
+    my_player_brackets: PlayerBracketProps[];
+    view_mode: 'short' | 'full';
+    show_champions?: boolean;
+    onViewFull?: () => void;
+    onClose?: () => void;
+};
+declare const CompetitionLeaderboard: ({ bracket_competition_id, my_competition_player_brackets, my_player_brackets, view_mode, show_champions, onViewFull, onClose }: CompetitionLeaderboardProps) => React.JSX.Element;
+export default CompetitionLeaderboard;
+//# sourceMappingURL=CompetitionLeaderboard.d.ts.map

package/lib/typescript/src/Bracket/components/CompetitionLeaderboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitionLeaderboard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/CompetitionLeaderboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAgB,6BAA6B,EAAE,kBAAkB,EAAgC,MAAM,aAAa,CAAC;AAMjI,KAAK,2BAA2B,GAAG;IAC/B,sBAAsB,EAAC,MAAM,CAAC;IAC9B,8BAA8B,EAAC,6BAA6B,EAAE,CAAC;IAC/D,kBAAkB,EAAC,kBAAkB,EAAE,CAAC;IACxC,SAAS,EAAE,OAAO,GAAC,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,sBAAsB,mIAAmI,2BAA2B,sBAgJzL,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/typescript/src/Bracket/components/JoinCompetitionCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { BracketCompetitionProps, CompetitionPlayerBracketProps, PlayerBracketProps } from '../../types';
+type JoinCompetitionCardProps = {
+    player_bracket: PlayerBracketProps;
+    bracket_competition: BracketCompetitionProps;
+    onEnterCompetition: (cpb: CompetitionPlayerBracketProps) => void;
+    onClose: () => void;
+};
+declare const JoinCompetitionCard: ({ player_bracket, bracket_competition, onEnterCompetition, onClose }: JoinCompetitionCardProps) => React.JSX.Element;
+export default JoinCompetitionCard;
+//# sourceMappingURL=JoinCompetitionCard.d.ts.map

package/lib/typescript/src/Bracket/components/JoinCompetitionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoinCompetitionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/JoinCompetitionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAI9G,KAAK,wBAAwB,GAAG;IAC5B,cAAc,EAAC,kBAAkB,CAAC;IAClC,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,kBAAkB,EAAC,CAAC,GAAG,EAAC,6BAA6B,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,mBAAmB,yEAAyE,wBAAwB,sBAiDzH,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/lib/typescript/src/Bracket/components/PlayerBracketManager.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { AthleteProps, BracketCompetitionProps, CompetitionPlayerBracketProps, PlayerBracketProps, TeamProps } from '../../types';
+type PlayerBracketManagerProps = {
+    visible: boolean;
+    width: number;
+    teams: TeamProps[];
+    athletes: AthleteProps[];
+    player_bracket?: PlayerBracketProps;
+    competition_player_brackets: CompetitionPlayerBracketProps[];
+    bracket_competitions: BracketCompetitionProps[];
+    onUpdateBracket: (pb: PlayerBracketProps) => void;
+    onEditPicks: (pb: PlayerBracketProps) => void;
+    onSelectCompetition: (bc: BracketCompetitionProps) => void;
+    onClose: () => void;
+};
+declare const PlayerBracketManager: ({ visible, teams, athletes, player_bracket, bracket_competitions, competition_player_brackets, onEditPicks, onSelectCompetition, onUpdateBracket, onClose }: PlayerBracketManagerProps) => React.JSX.Element;
+export default PlayerBracketManager;
+//# sourceMappingURL=PlayerBracketManager.d.ts.map

package/lib/typescript/src/Bracket/components/PlayerBracketManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerBracketManager.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/PlayerBracketManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKvI,KAAK,yBAAyB,GAAG;IAC7B,OAAO,EAAC,OAAO,CAAC;IAChB,KAAK,EAAC,MAAM,CAAC;IACb,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,2BAA2B,EAAC,6BAA6B,EAAE,CAAC;IAC5D,oBAAoB,EAAC,uBAAuB,EAAE,CAAC;IAC/C,eAAe,EAAE,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAO,IAAI,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,oBAAoB,gKAAgK,yBAAyB,sBA6MlN,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/typescript/src/Bracket/components/PlayerBrackets.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { AthleteProps, BracketCompetitionProps, BracketProps, CompetitionPlayerBracketProps, LeagueProps, PlayerBracketProps, TeamProps } from '../../types';
+type PlayerBracketSelectorProps = {
+    visible: boolean;
+    brackets: BracketProps[];
+    leagues: LeagueProps[];
+    teams: TeamProps[];
+    athletes: AthleteProps[];
+    player_brackets: PlayerBracketProps[];
+    bracket_competitions: BracketCompetitionProps[];
+    competition_player_brackets: CompetitionPlayerBracketProps[];
+    onClose: () => void;
+    onSelect: (pb: PlayerBracketProps) => void;
+};
+declare const PlayerBracketSelector: ({ visible, brackets, leagues, teams, athletes, player_brackets, onSelect, onClose }: PlayerBracketSelectorProps) => React.JSX.Element;
+export default PlayerBracketSelector;
+//# sourceMappingURL=PlayerBrackets.d.ts.map

package/lib/typescript/src/Bracket/components/PlayerBrackets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerBrackets.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/PlayerBrackets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,YAAY,EAAE,6BAA6B,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKlK,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAC,OAAO,CAAC;IAChB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,eAAe,EAAC,kBAAkB,EAAE,CAAC;IACrC,oBAAoB,EAAC,uBAAuB,EAAE,CAAC;IAC/C,2BAA2B,EAAC,6BAA6B,EAAE,CAAA;IAC3D,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAC;CAC5C,CAAA;AAED,QAAA,MAAM,qBAAqB,wFAAwF,0BAA0B,sBAgG5I,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/typescript/src/Bracket/components/RoomMenu.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type OptionType = {
+    key: string;
+    label: string;
+    description: string;
+};
+type RoomMenuProps = {
+    visible: boolean;
+    onClose?: () => void;
+    onOptionSelect: (option: OptionType) => void;
+};
+declare const RoomMenu: ({ visible, onOptionSelect, onClose }: RoomMenuProps) => React.JSX.Element;
+export default RoomMenu;
+//# sourceMappingURL=RoomMenu.d.ts.map

package/lib/typescript/src/Bracket/components/RoomMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomMenu.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/RoomMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,UAAU,GAAG;IAAE,GAAG,EAAC,MAAM,CAAC;IAAC,KAAK,EAAC,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAOnE,KAAK,aAAa,GAAG;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAC,MAAM,IAAI,CAAC;IACpB,cAAc,EAAC,CAAC,MAAM,EAAC,UAAU,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,QAAA,MAAM,QAAQ,yCAA0C,aAAa,sBA+CpE,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+type BracketRoomProps = {
+    player_id?: string;
+    bracket_id?: string;
+    bracket_competition_id?: string;
+    onShareCompetition: (bracket_competition_id: string) => void;
+    onRequestAuthenticate: () => void;
+    onClose?: () => void;
+};
+declare const BracketRoom: ({ player_id, bracket_id, bracket_competition_id, onRequestAuthenticate, onShareCompetition, onClose }: BracketRoomProps) => React.JSX.Element | undefined;
+export default BracketRoom;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Bracket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,kBAAkB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,WAAW,0GAA0G,gBAAgB,kCAmP1I,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -14,5 +14,6 @@ import PollCampaign from "./Poll";
 import { PollCampaignApi, PollApi } from "./Poll/api";
 import CompetitionModule from "./Competition";
 import AdServer, { AdProvider } from "./AdServer";
-export { Authenticator, Observer, BEEventApi, BELinkApi, ProfileManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Checkout, PollCampaign, PollCampaignApi, PollApi, CompetitionModule, AdServer, AdProvider };
+import BracketRoom from "./Bracket";
+export { Authenticator, Observer, BEEventApi, BELinkApi, ProfileManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Checkout, PollCampaign, PollCampaignApi, PollApi, CompetitionModule, AdServer, AdProvider, BracketRoom };
 //# 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;AAElD,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,EACX,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;AAEpC,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,EACZ,CAAA"}

package/package.json

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

package/src/AdServer/components/CompanyAdCard.tsx

@@ -6,12 +6,12 @@ import { useIsInViewport } from '../../Components/ViewportObserver';
 
 type CompanyAdCardProps = {
     company_ad: CompanyAdvertisementProps
+    size: { width: number, height:number }
     ad_type:AdTypeProps,
     onClickAd: (ad:CompanyAdvertisementProps) => void,
     onViewAd: (ad:CompanyAdvertisementProps) => void
 }
-const CompanyAdCard = ({ company_ad, ad_type, onClickAd, onViewAd }:CompanyAdCardProps) => {
-
+const CompanyAdCard = ({ company_ad, size, ad_type, onClickAd, onViewAd }:CompanyAdCardProps) => {
     const ref = useRef(null)
     const isInViewport = useIsInViewport(ref)
 
@@ -20,11 +20,22 @@ const CompanyAdCard = ({ company_ad, ad_type, onClickAd, onViewAd }:CompanyAdCar
         onViewAd(company_ad)
     },[isInViewport])
 
+    const getSize = () => {
+        if(!company_ad){ return { width:0, height:0 } }
+        let ratio = ad_type.height / ad_type.width
+        let buffer = size.width - ad_type.width
+        if(buffer < 30){
+            let new_width = size.width - 30
+            return { width: new_width, height: new_width * ratio }
+        }
+        return { width:ad_type.width, height:ad_type.height }
+    }
+    const { width, height } = getSize();
     return (
         <TouchableOpacity ref={ref} onPress={() => onClickAd(company_ad)}>
             <Image
                 source={{ uri: company_ad.ad_creative.url }}
-                style={{ width: ad_type.width, height: ad_type.height }}
+                style={{ width, height }}
                 resizeMode='cover'
             />
         </TouchableOpacity>

package/src/AdServer/index.tsx

@@ -76,6 +76,7 @@ export const AdProvider = ({ children, role, distinct_id, session_id }:AdProvide
 }
 
 const AdServer = ({ placement, ad_type, role, onViewAd, onClickAd }:AdServerProps) => {
+    const [ size, setSize ] = useState({ width:0, height:0 });
 
     const data = useContext(AdContext);
     let my_role = role;
@@ -90,10 +91,14 @@ const AdServer = ({ placement, ad_type, role, onViewAd, onClickAd }:AdServerProp
     const active_ad = selectedable_ads[Math.floor(Math.random()*selectedable_ads.length)]
     if(!active_ad || !active_type || my_role == 'premium'){ return <></> }
         return (
-        <View style={{ flex:1, justifyContent:'center', alignItems:'center' }}>
+        <View style={{ flex:1, justifyContent:'center', alignItems:'center' }} onLayout={(ev) => {
+            const { width, height } = ev.nativeEvent.layout;
+            setSize({ width, height })
+        }}>
             <CompanyAdCard
                 company_ad={active_ad}
                 ad_type={active_type}
+                size={size}
                 onViewAd={(ad) => {
                     onViewAd({
                         event_name:'ad_view',