be-components 4.7.2 → 4.7.4

package/lib/typescript/lib/module/Bracket/components/BracketCompetitionActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BracketCompetitionActions.d.ts","sourceRoot":"","sources":["../../../../../module/Bracket/components/BracketCompetitionActions.js"],"names":[],"mappings":";AAUA;;;;;;;;;;;;;;;;;;;;;;kGAmjBC;kBA7jB0C,OAAO"}
+{"version":3,"file":"BracketCompetitionActions.d.ts","sourceRoot":"","sources":["../../../../../module/Bracket/components/BracketCompetitionActions.js"],"names":[],"mappings":";AAUA;;;;;;;;;;;;;;;;;;;;;;;kGAqjBC;kBA/jB0C,OAAO"}

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

@@ -1,7 +1,8 @@
 export default BracketRoom;
-declare function BracketRoom({ player_id, width, view_mode, bracket_id, insets, onSelectContest, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }: {
+declare function BracketRoom({ player_id, width, height, view_mode, bracket_id, insets, onSelectContest, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }: {
     player_id: any;
     width: any;
+    height: any;
     view_mode: any;
     bracket_id: any;
     insets: any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Bracket/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;kGA2pBC;kBAxqB0C,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Bracket/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;kGA6pBC;kBA1qB0C,OAAO"}

package/lib/typescript/lib/module/Engage/components/EngageHeader.d.ts

@@ -1,7 +1,8 @@
 export default EngageHeader;
-declare function EngageHeader({ companies, width, onManage, onEvent, onSelectCompany }: {
+declare function EngageHeader({ companies, width, view_mode, onManage, onEvent, onSelectCompany }: {
     companies: any;
     width: any;
+    view_mode: any;
     onManage: any;
     onEvent: any;
     onSelectCompany: any;

package/lib/typescript/lib/module/Engage/components/EngageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EngageHeader.d.ts","sourceRoot":"","sources":["../../../../../module/Engage/components/EngageHeader.js"],"names":[],"mappings":";AAUA;;;;;;kGA0MC;kBApN0C,OAAO"}
+{"version":3,"file":"EngageHeader.d.ts","sourceRoot":"","sources":["../../../../../module/Engage/components/EngageHeader.js"],"names":[],"mappings":";AAUA;;;;;;;kGAkMC;kBA5M0C,OAAO"}

package/lib/typescript/lib/module/Engage/index.d.ts

@@ -1,6 +1,8 @@
 export default EngageModule;
-declare function EngageModule({ insets, onSelectBracketCompetition, onSelectCompetition, onSelectSquaresCompetition, onSelectCompetitionSeason, onCreateSeason, onCreateCompetition, onCreateBracketCompetition, onCreateSquares, onFocusPosition, onManage, onEvent, onSelectCompany }: {
+declare function EngageModule({ view_mode, insets, onBracketRoom, onSelectBracketCompetition, onSelectCompetition, onSelectSquaresCompetition, onSelectCompetitionSeason, onCreateSeason, onCreateCompetition, onCreateBracketCompetition, onCreateSquares, onFocusPosition, onManage, onEvent, onSelectCompany }: {
+    view_mode: any;
     insets: any;
+    onBracketRoom: any;
     onSelectBracketCompetition: any;
     onSelectCompetition: any;
     onSelectSquaresCompetition: any;

package/lib/typescript/lib/module/Engage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Engage/index.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;kGAqdC;kBApe0C,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Engage/index.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;kGAklBC;kBAjmB0C,OAAO"}

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

@@ -4,6 +4,7 @@ type BracketCompetitionActionProps = {
     bracket_id: string;
     player?: MyPlayerProps;
     view_mode: 'mobile' | 'desktop';
+    height_override?: number;
     competition_id?: string;
     hide_image?: boolean;
     image_width?: number;
@@ -34,6 +35,6 @@ type BracketCompetitionActionProps = {
     onEnterCompetition: (bc: BracketCompetitionProps, cpb: CompetitionPlayerBracketProps, player_bracket?: PlayerBracketProps) => void;
     onLeaveCompetition: (bc: BracketCompetitionProps, cpb: CompetitionPlayerBracketProps) => void;
 };
-declare const BracketCompetitionActions: ({ competition_id, hide_image, image_height, onCreateNewCompetition, onManage, image_width, player, player_brackets, insets, onRequestAuthenticate, onSelectCompetition, onFoundCompetition, onFocusPosition, onEnterCompetition, onLeaveCompetition, competition_result_types, player_balance, view_mode, bracket_id, player_bracket, competition_player_brackets }: BracketCompetitionActionProps) => React.JSX.Element;
+declare const BracketCompetitionActions: ({ competition_id, height_override, hide_image, image_height, onCreateNewCompetition, onManage, image_width, player, player_brackets, insets, onRequestAuthenticate, onSelectCompetition, onFoundCompetition, onFocusPosition, onEnterCompetition, onLeaveCompetition, competition_result_types, player_balance, view_mode, bracket_id, player_bracket, competition_player_brackets }: BracketCompetitionActionProps) => React.JSX.Element;
 export default BracketCompetitionActions;
 //# sourceMappingURL=BracketCompetitionActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BracketCompetitionActions.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketCompetitionActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAS5K,KAAK,6BAA6B,GAAG;IACjC,UAAU,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAC,MAAM,CAAC;IACvB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,QAAQ,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IACjD,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,eAAe,EAAC,kBAAkB,EAAE,CAAC;IACrC,2BAA2B,EAAC,6BAA6B,EAAE,CAAC;IAC5D,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAC;IACrB,qBAAqB,EAAC,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACxD,kBAAkB,EAAC,CAAC,EAAE,EAAC,uBAAuB,EAAE,GAAG,EAAC,6BAA6B,EAAE,cAAc,CAAC,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC/H,kBAAkB,EAAC,CAAC,EAAE,EAAC,uBAAuB,EAAE,GAAG,EAAC,6BAA6B,KAAK,IAAI,CAAA;CAC7F,CAAA;AAGD,QAAA,MAAM,yBAAyB,wWAAwW,6BAA6B,sBA6Vna,CAAA;AAED,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"BracketCompetitionActions.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketCompetitionActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAS5K,KAAK,6BAA6B,GAAG;IACjC,UAAU,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,cAAc,CAAC,EAAC,MAAM,CAAC;IACvB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,QAAQ,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IACjD,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,eAAe,EAAC,kBAAkB,EAAE,CAAC;IACrC,2BAA2B,EAAC,6BAA6B,EAAE,CAAC;IAC5D,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAC;IACrB,qBAAqB,EAAC,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACxD,kBAAkB,EAAC,CAAC,EAAE,EAAC,uBAAuB,EAAE,GAAG,EAAC,6BAA6B,EAAE,cAAc,CAAC,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC/H,kBAAkB,EAAC,CAAC,EAAE,EAAC,uBAAuB,EAAE,GAAG,EAAC,6BAA6B,KAAK,IAAI,CAAA;CAC7F,CAAA;AAGD,QAAA,MAAM,yBAAyB,yXAAyX,6BAA6B,sBA6Vpb,CAAA;AAED,eAAe,yBAAyB,CAAA"}

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

@@ -11,6 +11,7 @@ type BracketRoomProps = {
         left: number;
     };
     width: number;
+    height?: number;
     player_balance?: PlayerBalanceProps;
     bracket_competition_id?: string;
     onManageCompetition: (bracket_competition_id: string) => void;
@@ -29,6 +30,6 @@ type BracketRoomProps = {
     onClose?: () => void;
     onCreateNewCompetition?: (bracket_id?: string) => void;
 };
-declare const BracketRoom: ({ player_id, width, view_mode, bracket_id, insets, onSelectContest, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }: BracketRoomProps) => React.JSX.Element;
+declare const BracketRoom: ({ player_id, width, height, view_mode, bracket_id, insets, onSelectContest, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }: BracketRoomProps) => React.JSX.Element;
 export default BracketRoom;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Bracket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAyF,kBAAkB,EAAE,sBAAsB,EAAsB,eAAe,EAAE,MAAM,UAAU,CAAC;AAW9O,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAA;KAAE,CAAC;IAClE,KAAK,EAAC,MAAM,CAAC;IACb,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,mBAAmB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,kBAAkB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzE,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,eAAe,CAAC,EAAC,CAAC,WAAW,EAAC,eAAe,EAAE,OAAO,EAAC,YAAY,EAAE,mBAAmB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,KAAK,IAAI,CAAA;IACvN,OAAO,CAAC,EAAC,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACvD,CAAA;AAID,QAAA,MAAM,WAAW,0NAA0N,gBAAgB,sBAggB1P,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Bracket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAyF,kBAAkB,EAAE,sBAAsB,EAAsB,eAAe,EAAE,MAAM,UAAU,CAAC;AAW9O,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAA;KAAE,CAAC;IAClE,KAAK,EAAC,MAAM,CAAC;IACb,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,mBAAmB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,kBAAkB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzE,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,eAAe,CAAC,EAAC,CAAC,WAAW,EAAC,eAAe,EAAE,OAAO,EAAC,YAAY,EAAE,mBAAmB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,KAAK,IAAI,CAAA;IACvN,OAAO,CAAC,EAAC,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACvD,CAAA;AAID,QAAA,MAAM,WAAW,kOAAkO,gBAAgB,sBAigBlQ,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/src/Engage/components/EngageHeader.d.ts

@@ -3,10 +3,11 @@ import type { BEEventProps, CompanyProps } from '../../types';
 type EngageHeaderProps = {
     companies: CompanyProps[];
     width: number;
+    view_mode?: 'desktop' | 'mobile';
     onEvent?: (be_event: BEEventProps) => void;
     onSelectCompany?: (company: CompanyProps) => void;
     onManage?: () => void;
 };
-declare const EngageHeader: ({ companies, width, onManage, onEvent, onSelectCompany }: EngageHeaderProps) => React.JSX.Element;
+declare const EngageHeader: ({ companies, width, view_mode, onManage, onEvent, onSelectCompany }: EngageHeaderProps) => React.JSX.Element;
 export default EngageHeader;
 //# sourceMappingURL=EngageHeader.d.ts.map

package/lib/typescript/src/Engage/components/EngageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EngageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/Engage/components/EngageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU9D,KAAK,iBAAiB,GAAG;IACrB,SAAS,EAAC,YAAY,EAAE,CAAC;IACzB,KAAK,EAAC,MAAM,CAAC;IACb,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAC,CAAC,OAAO,EAAC,YAAY,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,YAAY,6DAA6D,iBAAiB,sBAqI/F,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"EngageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/Engage/components/EngageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU9D,KAAK,iBAAiB,GAAG;IACrB,SAAS,EAAC,YAAY,EAAE,CAAC;IACzB,KAAK,EAAC,MAAM,CAAC;IACb,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAC,CAAC,OAAO,EAAC,YAAY,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,YAAY,wEAAwE,iBAAiB,sBAmI1G,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -6,9 +6,11 @@ type EngageModuleProps = {
         top: number;
         bottom: number;
     };
+    view_mode?: 'desktop' | 'mobile';
     onEvent?: (be_event: BEEventProps) => void;
     onFocusPosition?: (pos: FocusPositionProps) => void;
-    onManage: () => void;
+    onManage?: () => void;
+    onBracketRoom?: () => void;
     onCreateSeason?: () => void;
     onSelectCompany?: (c: CompanyProps) => void;
     onCreateCompetition?: () => void;
@@ -19,6 +21,6 @@ type EngageModuleProps = {
     onSelectSquaresCompetition: (sc: SquaresCompetitionProps) => void;
     onSelectCompetitionSeason: (cs: CompetitionSeasonProps) => void;
 };
-declare const EngageModule: ({ insets, onSelectBracketCompetition, onSelectCompetition, onSelectSquaresCompetition, onSelectCompetitionSeason, onCreateSeason, onCreateCompetition, onCreateBracketCompetition, onCreateSquares, onFocusPosition, onManage, onEvent, onSelectCompany }: EngageModuleProps) => React.JSX.Element;
+declare const EngageModule: ({ view_mode, insets, onBracketRoom, onSelectBracketCompetition, onSelectCompetition, onSelectSquaresCompetition, onSelectCompetitionSeason, onCreateSeason, onCreateCompetition, onCreateBracketCompetition, onCreateSquares, onFocusPosition, onManage, onEvent, onSelectCompany }: EngageModuleProps) => React.JSX.Element;
 export default EngageModule;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Engage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAgB,YAAY,EAA8B,gBAAgB,EAA8B,sBAAsB,EAAoC,kBAAkB,EAAkC,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAenT,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IACvC,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAC,CAAC,GAAG,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAC,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAC,CAAC,CAAC,EAAC,YAAY,KAAK,IAAI,CAAC;IAC1C,mBAAmB,CAAC,EAAC,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B,CAAC,EAAC,MAAM,IAAI,CAAC;IACvC,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjD,0BAA0B,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAChE,0BAA0B,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAChE,yBAAyB,EAAC,CAAC,EAAE,EAAC,sBAAsB,KAAK,IAAI,CAAA;CAChE,CAAA;AAID,QAAA,MAAM,YAAY,8PAEf,iBAAiB,sBA4XnB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Engage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAgB,YAAY,EAA8B,gBAAgB,EAA8B,sBAAsB,EAAoC,kBAAkB,EAAkC,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAenT,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IACvC,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAA;IAC7B,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAC,CAAC,GAAG,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAC,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAC,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAC,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAC,CAAC,CAAC,EAAC,YAAY,KAAK,IAAI,CAAC;IAC1C,mBAAmB,CAAC,EAAC,MAAM,IAAI,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B,CAAC,EAAC,MAAM,IAAI,CAAC;IACvC,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjD,0BAA0B,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAChE,0BAA0B,EAAC,CAAC,EAAE,EAAC,uBAAuB,KAAK,IAAI,CAAC;IAChE,yBAAyB,EAAC,CAAC,EAAE,EAAC,sBAAsB,KAAK,IAAI,CAAA;CAChE,CAAA;AAID,QAAA,MAAM,YAAY,wRAEf,iBAAiB,sBAkcnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/package.json

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

package/src/Bracket/components/BracketCompetitionActions.tsx

@@ -13,6 +13,7 @@ type BracketCompetitionActionProps = {
     bracket_id:string,
     player?:MyPlayerProps,
     view_mode:'mobile'|'desktop',
+    height_override?:number,
     competition_id?:string,
     hide_image?:boolean,
     image_width?:number,
@@ -35,7 +36,7 @@ type BracketCompetitionActionProps = {
 }
 
 const sections = ['active_competition', 'leaderboard', 'actions', 'competitions'];
-const BracketCompetitionActions = ({ competition_id, hide_image, image_height, onCreateNewCompetition, onManage, image_width, player, player_brackets, insets, onRequestAuthenticate, onSelectCompetition, onFoundCompetition, onFocusPosition, onEnterCompetition, onLeaveCompetition, competition_result_types, player_balance, view_mode, bracket_id, player_bracket, competition_player_brackets }:BracketCompetitionActionProps) => {
+const BracketCompetitionActions = ({ competition_id, height_override, hide_image, image_height, onCreateNewCompetition, onManage, image_width, player, player_brackets, insets, onRequestAuthenticate, onSelectCompetition, onFoundCompetition, onFocusPosition, onEnterCompetition, onLeaveCompetition, competition_result_types, player_balance, view_mode, bracket_id, player_bracket, competition_player_brackets }:BracketCompetitionActionProps) => {
     const Colors = useColors();
     const [ search_data, setSearchData ] = useState<{
         visible:boolean,
@@ -318,7 +319,7 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, o
     }
 
     return (
-        <View transparent style={{ flex:1 }}>
+        <View transparent style={{ flexGrow:1 }}>
             <FlatList
                 key={`comp_actions_list`}
                 keyExtractor={(item) => item}
@@ -362,7 +363,7 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, o
                 style={{ flex:1 }}
             >
                 <View type='blur' style={view_mode == 'desktop' ? { flex:1, justifyContent:'center', alignItems:'center' } : { flex:1, justifyContent:'flex-end', padding:10, paddingBottom:(insets?.bottom ?? 0)+10 }}>
-                    <View float style={view_mode == 'desktop' ? {  width:500, maxHeight: height - 40 }: { maxHeight: height - 20 - (insets?.bottom ?? 0) - (insets?.top ?? 0)}}>
+                    <View float style={view_mode == 'desktop' ? {  width:500, maxHeight: height_override ?? (height - 40) }: { flexGrow:1, maxHeight: height - 20 - (insets?.bottom ?? 0) - (insets?.top ?? 0)}}>
                         {active_competition ?
                         <CompetitionLeaderboard
                             bracket_competition_id={active_competition.bracket_competition_id}

package/src/Bracket/index.tsx

@@ -17,6 +17,7 @@ type BracketRoomProps = {
     bracket_id?:string,
     insets?: { top:number, bottom:number, right:number, left:number },
     width:number,
+    height?:number,
     player_balance?:PlayerBalanceProps,
     bracket_competition_id?:string,
     onManageCompetition:(bracket_competition_id:string) => void,
@@ -31,7 +32,7 @@ type BracketRoomProps = {
 const sections = ['header', 'home', 'bracket_selector', 'bracket']
 const MAX_WIDTH = 1200
 
-const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onSelectContest, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }:BracketRoomProps) => {
+const BracketRoom = ({ player_id, width, height, view_mode, bracket_id, insets, onSelectContest, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }:BracketRoomProps) => {
     const Colors = useColors();
     const [ loading, setLoading ] = useState<string|undefined>(undefined);
     const [ show_competition_actions, setShowCompetitionActions ] = useState(false);
@@ -313,6 +314,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onSelect
                                     
                                     {active_bracket_id ?
                                     <BracketCompetitionActions
+                                        height_override={height}
                                         view_mode={view_mode}
                                         onRequestAuthenticate={() => {
                                             setShowCompetitionActions(false);

package/src/Engage/components/EngageHeader.tsx

@@ -13,12 +13,13 @@ import { Button, Text, View } from '../../Components/Themed';
 type EngageHeaderProps = {
     companies:CompanyProps[],
     width:number,
+    view_mode?:'desktop'|'mobile',
     onEvent?:(be_event:BEEventProps) => void,
     onSelectCompany?:(company:CompanyProps) => void,
     onManage?:() => void
 }
 
-const EngageHeader = ({ companies, width, onManage, onEvent, onSelectCompany }:EngageHeaderProps) => {
+const EngageHeader = ({ companies, width, view_mode, onManage, onEvent, onSelectCompany }:EngageHeaderProps) => {
     const [ active_company, setActiveComany ] = useState<number>(0);
     const [ search, setSearch ] = useState<{
         loading:boolean,
@@ -80,27 +81,25 @@ const EngageHeader = ({ companies, width, onManage, onEvent, onSelectCompany }:E
     return (
         <View type = 'header'>
             <LinearGradient colors={[Colors.views.background, Colors.views.header ]} style={{ padding:20, flexDirection:'row', alignItems:'center' }}>
-                <View float style={{ borderRadius:100, height:75, width:75, backgroundColor:Colors.text.white, justifyContent:'center', alignItems:'center', ...view_styles.float }}>
+                <View float style={{ borderRadius:100,  width:view_mode == 'desktop' ? 75: 50, height:view_mode == 'desktop' ? 75: 50, justifyContent:'center', alignItems:'center', ...view_styles.float }}>
                     {company ?
                     <Image
                         source={{ uri: company.company_image?.url }}
-                        style={{ height:50, width:50 }}
+                        style={{ height:view_mode=='desktop'?50:30, width:view_mode=='desktop'?50:30 }}
                         resizeMode='cover'
                     />
                     :<></>}
                 </View>
                 <View transparent style={{ flex:1, marginLeft:20 }}>
-                    <Text size={20} weight='bold' color={Colors.text.h1}>Engage with our partners</Text>
-                    <Text style={{ marginTop:10 }} size={14} weight='regular' color={Colors.text.h1}>Competitions, squares, brackets are all brought to you without fees thanks to our amazing partners.</Text>
+                    <Text theme='h1' color={Colors.text.h1}>Engage with our partners</Text>
+                    <Text style={{ marginTop:5 }} size={14} theme='description'>Competitions, squares, brackets are all brought to you without fees thanks to our amazing partners.</Text>
                 </View>
-                {onManage ?
-                <View style={{ position:'absolute', bottom:5, right:10 }}>
+                {onManage && view_mode == 'desktop' ?
                     <Button
-                        title='MANAGE'
+                        title='Manage'
                         type='success'
                         onPress={() => onManage()}
                     />
-                </View>
                 :<></>}
             </LinearGradient>
             <View transparent style={{ padding:10 }}>

package/src/Engage/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, FlatList, KeyboardAvoidingView, Modal, Platform } from 'react-native';
+import { ActivityIndicator, FlatList, Image, KeyboardAvoidingView, Modal, Platform } from 'react-native';
 import type { BEEventProps, BracketCompetitionProps, BracketProps, CompanyProps, CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, EventProps, FocusPositionProps, LeagueProps, PublicPlayerProps, SquaresCompetitionProps } from '../types';
 import { EngageApi, EngageHelpers } from './api';
 import CompetitionCard from './components/CompetitionCard';
@@ -18,9 +18,11 @@ import { useColors } from '../constants/useColors';
 type EngageModuleProps = {
     player_id?:string,
     insets?: { top:number, bottom:number },
+    view_mode?:'desktop'|'mobile'
     onEvent?:(be_event:BEEventProps) => void,
     onFocusPosition?:(pos:FocusPositionProps) => void,
-    onManage:() => void,
+    onManage?:() => void,
+    onBracketRoom?:() => void,
     onCreateSeason?:() => void,
     onSelectCompany?:(c:CompanyProps) => void,
     onCreateCompetition?:() => void,
@@ -34,7 +36,7 @@ type EngageModuleProps = {
 
 const engage_sections = ['header','toggle', 'private','engagements']
 
-const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition, onSelectSquaresCompetition, onSelectCompetitionSeason,
+const EngageModule = ({ view_mode, insets, onBracketRoom, onSelectBracketCompetition, onSelectCompetition, onSelectSquaresCompetition, onSelectCompetitionSeason,
     onCreateSeason, onCreateCompetition, onCreateBracketCompetition, onCreateSquares, onFocusPosition, onManage, onEvent, onSelectCompany
  }:EngageModuleProps) => {
     const [ module_size, setModuleSize ] = useState({ width:0, height:0 });
@@ -45,7 +47,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
     }>({
         connected: false
     });
-    const [ active_tab, setActiveTab ] = useState('competitions');
+    const [ active_tab, setActiveTab ] = useState('brackets');
     const [ module_data, setModuleData ] = useState<{
         loading:boolean,
         competitions:CompetitionProps[],
@@ -53,6 +55,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
         competition_types:CompetitionTypeProps[],
         competition_result_types:CompetitionResultTypeProps[],
         competition_payouts:CompetitionPayoutTypeProps[],
+        selected_bracket?:BracketProps,
         events:EventProps[],
         leagues:LeagueProps[],
         brackets:BracketProps[],
@@ -75,10 +78,14 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
         bracket_competitions:[],
         players:[]
     });
-    const { loading, competitions, competition_seasons, competition_result_types, squares_competitions, brackets, leagues, bracket_competitions, events, competition_types, companies, players } = module_data;
-
+    const { loading, competitions, selected_bracket, competition_seasons, competition_result_types, squares_competitions, brackets, leagues, bracket_competitions, events, competition_types, companies, players } = module_data;
     const Colors = useColors();
-
+    const available_brackets = brackets.filter(b => bracket_competitions.map(bc => bc.bracket_id).includes(b.bracket_id))
+    let visible_bracket_competitions = [ ...bracket_competitions ]
+    if(selected_bracket){
+        visible_bracket_competitions = visible_bracket_competitions.filter(bc => bc.bracket_id == selected_bracket.bracket_id);
+    }
+    const engagement_width = view_mode == 'mobile' ? module_size.width - 20 : (module_size.width / 3) - 20
     useEffect(() => {
         EngageApi.setEnvironment();
         getDataFromServer()
@@ -135,7 +142,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
         const company = companies.find(c => c.company_id == data.item.company_id);
         const event = events.find(e => e.event_id == data.item.event_id)
         return (
-            <View transparent style={{ margin:10 }}>
+            <View key={data.item.sq_comp_id.toString()} transparent style={{ margin:10, width: engagement_width }}>
                 <SquaresCompetitionCard
                     squares_competition={data.item}
                     company={company}
@@ -156,7 +163,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
         const league = leagues.find(e => e.league_id == bracket?.league_id)
         if(!competition_result_type){ return <></> }
         return (
-            <View transparent style={{ margin:10 }}>
+            <View key={data.item.bracket_competition_id.toString()} transparent style={{ margin:10, width: engagement_width }}>
                 <BracketCompetitionCard
                     bracket_competition={data.item}
                     company={company}
@@ -182,6 +189,28 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
         )
     }
 
+    const renderBrackets = (data: { item:BracketProps, index:number }) => {
+        const selected = selected_bracket?.bracket_id == data.item.bracket_id ? true : false
+        const league = leagues.find(l => l.league_id == data.item.league_id);
+        return (
+            <Button
+                float
+                type={selected ? 'action' : 'text'}
+                style={{ padding:10, flexDirection:'row', alignItems:'center', margin:4, borderRadius:100 }}
+                onPress={() => selected ? setModuleData({ ...module_data, selected_bracket: undefined }): setModuleData({ ...module_data, selected_bracket:data.item })}
+            >
+                {league ?
+                <Image
+                    source={{ uri: league.league_image }}
+                    style={{ height:25, width:25, marginRight:10 }}
+                    resizeMode='cover'
+                />
+                :<></>}
+                <Text style={{ maxWidth:150 }} textAlign='center' theme='h2' color={selected?Colors.text.white : Colors.text.h1}>{data.item.bracket_name}</Text>
+            </Button>
+        )
+    }
+
     const renderCompetitions = (data: { item:CompetitionProps, index:number }) => {
         const admin = players.find(p => p.player_id == data.item.admin_id);
         const pacer = players.find(p => p.player_id == data.item.pacer_id);
@@ -190,7 +219,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
         const competition_result_type = competition_result_types.find(t => t.competition_result_type_id == data.item.competition_result_type_id);
         if(!competition_type || !competition_result_type){ return <></> }
         return (
-            <View transparent style={{ margin:10 }}>
+            <View key={data.item.competition_id.toString()} transparent style={{ margin:10, width:engagement_width }}>
                 <CompetitionCard 
                     competition={data.item}
                     company={company}
@@ -211,6 +240,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
                     <EngageHeader
                     companies={companies}
                     width={module_size.width}
+                    view_mode={view_mode}
                     onManage={onManage}
                     onEvent={onEvent}
                     onSelectCompany={onSelectCompany}
@@ -218,7 +248,15 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
                 )
             case 'toggle':
                 return (
-                    <View float style={{ margin:10 }}>
+                    <View transparent style={{ margin:10 }}>
+                        {onManage && view_mode == 'mobile' ?
+                            <Button
+                            title='Manage competitions you have created'
+                            style={{ paddingRight:20, alignSelf:'flex-end' }}
+                            type='text'
+                            onPress={() => onManage()}
+                        />
+                        :<></>}
                         <Toggle
                             background_color={Colors.views.header}
                             inactive_title_color={Colors.text.h1}
@@ -290,11 +328,12 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
                                     :<></>}
                                     
                                 </View>
-                                <FlatList
-                                    data={competitions.sort((a,b) => moment(a.scheduled_datetime).unix() - moment(b.scheduled_datetime).unix())}
-                                    renderItem={renderCompetitions}
-                                    keyExtractor={(item) => item.competition_id.toString()}
-                                />
+                                <View style={{ flexDirection:'row', flexWrap:'wrap', justifyContent:'center' }}>
+                                    {competitions.sort((a,b) => moment(a.scheduled_datetime).unix() - moment(b.scheduled_datetime).unix()).map((c, i) => {
+                                        return renderCompetitions({ item: c, index: i })
+                                    })}
+                                </View>
+                                
                             </View>
                         </View>
                         :active_tab == 'squares' ?
@@ -314,15 +353,30 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
                                     :<></>}
                                 </View>
                             </View>
-                            <FlatList
-                                data={squares_competitions.sort((a,b) => moment(a.begin_datetime).unix() - moment(b.begin_datetime).unix())}
-                                renderItem={renderSquaresCompetitions}
-                                keyExtractor={(item) => item.sq_comp_id.toString()}
-                            />
+                            <View style={{ flexDirection:'row', flexWrap:'wrap', justifyContent:'center' }}>
+
+                            {squares_competitions.sort((a,b) => moment(a.begin_datetime).unix() - moment(b.begin_datetime).unix()).map((c, i) => {
+                                return renderSquaresCompetitions({ item: c, index: i })
+                            })}
+                            </View>
                         </View>
                         :active_tab == 'brackets' ?
                         <View transparent>
-                            <View transparent style={{ marginBottom:15, marginTop:10 }}>
+                            <View transparent>
+                                {view_mode == 'mobile' && onBracketRoom ?
+                                <View float style={{ flexDirection:'row', alignItems:'center', margin:4, padding:10, marginBottom:10 }}>
+                                    <View style={{ flex:1, marginRight:10 }}>
+                                        <Text theme='h1'>Bracket Home</Text>
+                                        <Text theme='description'>Go to bracket room to manage all your brackets and find new ones to complete.</Text>
+                                    </View>
+                                    <Button
+                                        type='action'
+                                        title='Bracket Room'
+                                        onPress={() => onBracketRoom()}
+                                    />
+                                </View>
+
+                                :<></>}
                                 <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
                                     <View transparent style={{ flex:1 }}>
                                         <Text theme='h1'>Public Bracket Competitions</Text>
@@ -335,13 +389,29 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
                                         onPress={() => onCreateBracketCompetition()}
                                     />
                                     :<></>}
+                                    {view_mode == 'desktop' && onBracketRoom ?
+                                    <Button
+                                        type='action'
+                                        title='Bracket Room'
+                                        onPress={() => onBracketRoom()}
+                                    />
+                                    :<></>}
+                                </View>
+                            </View>
+                            <View style={{ marginTop:10 }}>
+                                <FlatList
+                                    data={available_brackets}
+                                    key={'bracket_list'}
+                                    horizontal
+                                    renderItem={renderBrackets}
+                                    keyExtractor={(item) => item.bracket_id.toString()}
+                                />
+                                <View style={{ flexDirection:'row', flexWrap:'wrap', justifyContent:'center' }}>
+                                    {visible_bracket_competitions.sort((a,b) => moment(a.scheduled_datetime).unix() - moment(b.scheduled_datetime).unix()).map((c, i) => {
+                                        return renderBracketCompetitions({ item: c, index: i })
+                                    })}
                                 </View>
                             </View>
-                            <FlatList
-                                data={bracket_competitions.sort((a,b) => moment(a.scheduled_datetime).unix() - moment(b.scheduled_datetime).unix())}
-                                renderItem={renderBracketCompetitions}
-                                keyExtractor={(item) => item.bracket_competition_id.toString()}
-                            />
                         </View>
                         :<></>}
                     </View>
@@ -367,14 +437,15 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
             {show_code_prompt ?
             <Modal
                 transparent
-                animationType='slide'
+                animationType={view_mode == 'desktop' ? 'fade': 'slide'}
                 style={{ flex:1 }}
             >
                 <KeyboardAvoidingView
                     style={{ flex:1 }}
                     behavior={Platform.OS == 'ios' ? 'padding' : 'height'}
                 >
-                <View type='blur' style={{ flex:1, justifyContent:'flex-end', paddingBottom:insets?.bottom }}>
+                <View type='blur' style={view_mode == 'desktop'?{ flex:1, justifyContent:'center', alignItems:'center' }:{ flex:1, justifyContent:'flex-end', paddingBottom:insets?.bottom }}>
+                    <View transparent style={view_mode=='desktop'?{ width:500 }: {}}>
                     <PrivateCodePrompt
                         onFocusPosition={onFocusPosition}
                         onFoundBracket={(b) => {
@@ -396,6 +467,7 @@ const EngageModule = ({ insets, onSelectBracketCompetition, onSelectCompetition,
                         }}
                         onClose={() => setShowCodePrompt(false)}
                     />
+                    </View>
                 </View>
                 </KeyboardAvoidingView>
             </Modal>

package/src/Poll/components/PollCard.tsx

@@ -247,8 +247,8 @@ const PollCard = ({ poll_id, height, width, view_mode, poll_response, action_loa
     }
     
     return (
-        <View float nativeID='poll' style={{ borderRadius:22, maxHeight: height-20, width: view_mode == 'desktop'?500:undefined }}>
-            <View transparent style={{ flex:1 }}>
+        <View float nativeID='poll' style={{  borderRadius:22, maxHeight: height-20, width: view_mode == 'desktop'?500:undefined }}>
+            <View transparent style={{ flexGrow:1 }}>
                 {loading || !poll ?
                 <ActivityIndicator style={{ padding:20, alignSelf:'center' }} color={Colors.text.h1} size='large' />
                 :<></>}

package/src/Poll/components/PollOptionCard.tsx

@@ -44,7 +44,7 @@ const PollOptionCard = ({ draft_selected, show_result, poll_option, poll_summary
         <View>
             {poll_option.option_type == 'select' ?
             <Button 
-                style={{ flex:1, flexDirection:'row', alignItems:'center', padding:10, borderRadius:22, borderWidth:1, borderColor:show_result?getResultColor(poll_option.result_ind):Colors.borders.light, backgroundColor:draft_selected?Colors.absolutes.highlights.highlight500Faded:undefined }}
+                style={{ flexGrow:1, flexDirection:'row', alignItems:'center', padding:10, borderRadius:22, borderWidth:1, borderColor:show_result?getResultColor(poll_option.result_ind):Colors.borders.light, backgroundColor:draft_selected?Colors.absolutes.highlights.highlight500Faded:undefined }}
                 onPress={() => onSelect(poll_option)}
                 onLayout={(ev) => {
                     const { width } = ev.nativeEvent.layout