be-components 3.3.0 → 3.3.2

package/lib/typescript/src/MarketComponents/components/AthleteMarket/index.d.ts

@@ -7,7 +7,9 @@ type AthleteMarketProps = {
     hide_stat_banner?: boolean;
     width?: number;
     market: MarketProps;
+    direction?: 'horizontal' | 'vertical';
     league?: LeagueProps;
+    hide_image?: boolean;
     show_event?: boolean;
     hide_liquidity?: boolean;
     latest_trades: TradeProps[];
@@ -25,6 +27,6 @@ type AthleteMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-declare const _default: React.MemoExoticComponent<({ event, show_event, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: AthleteMarketProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ event, show_event, hide_image, direction, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: AthleteMarketProps) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/AthleteMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/AthleteMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AASrL,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAC,UAAU,CAAC;IACjB,UAAU,EAAC,MAAM,GAAC,YAAY,GAAC,OAAO,CAAC;IACvC,OAAO,EAAC,YAAY,CAAC;IACrB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,CAAC,IAAI,EAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,SAAS,CAAC;QAAC,OAAO,EAAC,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAClH,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;yQAE2O,kBAAkB;AAiG9P,wBAKE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/AthleteMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AASrL,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAC,UAAU,CAAC;IACjB,UAAU,EAAC,MAAM,GAAC,YAAY,GAAC,OAAO,CAAC;IACvC,OAAO,EAAC,YAAY,CAAC;IACrB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,SAAS,CAAC,EAAC,YAAY,GAAC,UAAU,CAAC;IACnC,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,CAAC,IAAI,EAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,SAAS,CAAC;QAAC,OAAO,EAAC,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAClH,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;gSAEkQ,kBAAkB;AAqGrR,wBAKE"}

package/lib/typescript/src/MarketComponents/components/AthleteTournamentMarket/index.d.ts

@@ -7,7 +7,9 @@ type AthleteTournamentMarketProps = {
     hide_stat_banner?: boolean;
     width?: number;
     market: MarketProps;
+    hide_image?: boolean;
     show_event?: boolean;
+    direction?: 'horizontal' | 'vertical';
     hide_liquidity?: boolean;
     latest_trades: TradeProps[];
     best_available_orders: BestAvailableOrderProps[];
@@ -24,6 +26,6 @@ type AthleteTournamentMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-declare const AthleteTournamentMarket: ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: AthleteTournamentMarketProps) => React.JSX.Element;
+declare const AthleteTournamentMarket: ({ tournament, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: AthleteTournamentMarketProps) => React.JSX.Element;
 export default AthleteTournamentMarket;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/AthleteTournamentMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/AthleteTournamentMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAyB,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAS7K,KAAK,4BAA4B,GAAG;IAChC,UAAU,EAAC,eAAe,CAAC;IAC3B,UAAU,EAAC,MAAM,GAAC,YAAY,GAAC,OAAO,CAAC;IACvC,OAAO,EAAC,YAAY,CAAC;IACrB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,CAAC,IAAI,EAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,SAAS,CAAC;QAAC,OAAO,EAAC,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAClH,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,uBAAuB,sNAAsN,4BAA4B,sBA2F9Q,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/AthleteTournamentMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAyB,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAS7K,KAAK,4BAA4B,GAAG;IAChC,UAAU,EAAC,eAAe,CAAC;IAC3B,UAAU,EAAC,MAAM,GAAC,YAAY,GAAC,OAAO,CAAC;IACvC,OAAO,EAAC,YAAY,CAAC;IACrB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,SAAS,CAAC,EAAC,YAAY,GAAC,UAAU,CAAC;IACnC,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,CAAC,IAAI,EAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,SAAS,CAAC;QAAC,OAAO,EAAC,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAClH,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,uBAAuB,6OAA6O,4BAA4B,sBAgGrS,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/lib/typescript/src/MarketComponents/components/EventMarket/index.d.ts

@@ -7,6 +7,7 @@ type EventMarketProps = {
     hide_market_banner?: boolean;
     latest_trades: TradeProps[];
     hide_liquidity?: boolean;
+    direction?: 'horizontal' | 'vertical';
     best_available_orders: BestAvailableOrderProps[];
     event_order_stats: EventOrderStatProps[];
     show_grades?: boolean;
@@ -19,6 +20,6 @@ type EventMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-declare const EventMarket: ({ width, event, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }: EventMarketProps) => React.JSX.Element;
+declare const EventMarket: ({ width, event, direction, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }: EventMarketProps) => React.JSX.Element;
 export default EventMarket;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/EventMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/EventMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAS3J,KAAK,gBAAgB,GAAG;IACpB,KAAK,EAAC,UAAU,CAAC;IACjB,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,kBAAkB,CAAC,EAAC,OAAO,CAAC;IAC5B,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,MAAM,EAAC,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChF,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,WAAW,8LAA8L,gBAAgB,sBA+F9N,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/EventMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAS3J,KAAK,gBAAgB,GAAG;IACpB,KAAK,EAAC,UAAU,CAAC;IACjB,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,kBAAkB,CAAC,EAAC,OAAO,CAAC;IAC5B,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,SAAS,CAAC,EAAC,YAAY,GAAC,UAAU,CAAC;IACnC,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,MAAM,EAAC,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChF,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,WAAW,yMAAyM,gBAAgB,sBAoGzO,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/index.d.ts

@@ -8,6 +8,7 @@ type TeamEventMarketProps = {
     competitions?: CompetitionProps[];
     show_id?: string;
     hide_liquidity?: boolean;
+    hot_markets_direction?: 'vertical' | 'horizontal';
     show_podcasts?: boolean;
     squares_competitions?: SquaresCompetitionProps[];
     latest_trades: TradeProps[];
@@ -35,6 +36,6 @@ type TeamEventMarketProps = {
     onActivate?: (event_id: string, event_type: string) => void;
     activate_loading?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ event, league, init_expanded, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate, onEvent, onShare, onPodcastSelect }: TeamEventMarketProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ event, league, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate, onEvent, onShare, onPodcastSelect }: TeamEventMarketProps) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamEventMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAgB,YAAY,EAAE,uBAAuB,EAAgB,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAyB,UAAU,EAAE,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAgB3Q,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,YAAY,CAAC,EAAC,gBAAgB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAC,uBAAuB,EAAE,CAAC;IAChD,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAE,YAAY,GAAC,gBAAgB,CAAC;IAClD,MAAM,EAAC,CAAC,IAAI,EAAC;QAAE,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,CAAC,EAAC,MAAM,CAAC;QAAC,OAAO,CAAC,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnH,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAC,CAAC,QAAQ,EAAC,OAAO,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAC,CAAC,OAAO,EAAC,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACpC,eAAe,CAAC,EAAC,CAAC,OAAO,EAAC,YAAY,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,mBAAmB,EAAC,CAAC,cAAc,EAAC,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IAC7C,uBAAuB,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACtE,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAC,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAA;IACxD,gBAAgB,CAAC,EAAC,OAAO,CAAA;CAC5B,CAAA;+bACma,oBAAoB;AAmkBxb,wBAGE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamEventMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAgB,YAAY,EAAE,uBAAuB,EAAgB,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAyB,UAAU,EAAE,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAgB3Q,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,YAAY,CAAC,EAAC,gBAAgB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAC,UAAU,GAAC,YAAY,CAAA;IAC9C,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAC,uBAAuB,EAAE,CAAC;IAChD,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAE,YAAY,GAAC,gBAAgB,CAAC;IAClD,MAAM,EAAC,CAAC,IAAI,EAAC;QAAE,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,CAAC,EAAC,MAAM,CAAC;QAAC,OAAO,CAAC,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnH,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAC,CAAC,QAAQ,EAAC,OAAO,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAC,CAAC,OAAO,EAAC,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACpC,eAAe,CAAC,EAAC,CAAC,OAAO,EAAC,YAAY,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,mBAAmB,EAAC,CAAC,cAAc,EAAC,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IAC7C,uBAAuB,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACtE,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAC,CAAC,QAAQ,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,KAAK,IAAI,CAAA;IACxD,gBAAgB,CAAC,EAAC,OAAO,CAAA;CAC5B,CAAA;sdAC0b,oBAAoB;AAqkB/c,wBAGE"}

package/lib/typescript/src/MarketComponents/components/TeamTournamentMarket/index.d.ts

@@ -7,6 +7,7 @@ type TeamTournamentMarketProps = {
     hide_stat_banner?: boolean;
     width?: number;
     market: MarketProps;
+    direction?: 'horizontal' | 'vertical';
     show_event?: boolean;
     hide_liquidity?: boolean;
     latest_trades: TradeProps[];
@@ -24,6 +25,6 @@ type TeamTournamentMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-declare const TeamTournamentMarket: ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: TeamTournamentMarketProps) => React.JSX.Element;
+declare const TeamTournamentMarket: ({ tournament, direction, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: TeamTournamentMarketProps) => React.JSX.Element;
 export default TeamTournamentMarket;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/TeamTournamentMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamTournamentMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAyB,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAS1K,KAAK,yBAAyB,GAAG;IAC7B,UAAU,EAAC,eAAe,CAAC;IAC3B,UAAU,EAAC,MAAM,GAAC,YAAY,GAAC,OAAO,CAAC;IACvC,IAAI,EAAC,SAAS,CAAC;IACf,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,CAAC,IAAI,EAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,OAAO,EAAC,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAC/G,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,oBAAoB,mNAAmN,yBAAyB,sBA2FrQ,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamTournamentMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAyB,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAS1K,KAAK,yBAAyB,GAAG;IAC7B,UAAU,EAAC,eAAe,CAAC;IAC3B,UAAU,EAAC,MAAM,GAAC,YAAY,GAAC,OAAO,CAAC;IACvC,IAAI,EAAC,SAAS,CAAC;IACf,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,WAAW,CAAC;IACnB,SAAS,CAAC,EAAC,YAAY,GAAC,UAAU,CAAC;IACnC,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,aAAa,EAAC,UAAU,EAAE,CAAC;IAC3B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAC,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAC,YAAY,GAAC,gBAAgB,CAAC;IACjD,OAAO,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,CAAC,IAAI,EAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,SAAS,EAAC,MAAM,CAAC;QAAC,OAAO,EAAC,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAC/G,gBAAgB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,oBAAoB,8NAA8N,yBAAyB,sBA6FhR,CAAA;AAED,eAAe,oBAAoB,CAAA"}

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

@@ -1,5 +1,5 @@
 declare const _default: {
-    TeamEventMarket: import("react").MemoExoticComponent<({ event, league, init_expanded, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate, onEvent, onShare, onPodcastSelect }: {
+    TeamEventMarket: import("react").MemoExoticComponent<({ event, league, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate, onEvent, onShare, onPodcastSelect }: {
         event: import("../types").EventProps;
         markets: import("../types").MarketProps[];
         init_expanded?: boolean;
@@ -7,6 +7,7 @@ declare const _default: {
         competitions?: import("../types").CompetitionProps[];
         show_id?: string;
         hide_liquidity?: boolean;
+        hot_markets_direction?: "vertical" | "horizontal";
         show_podcasts?: boolean;
         squares_competitions?: import("../types").SquaresCompetitionProps[];
         latest_trades: import("../types").TradeProps[];
@@ -34,13 +35,14 @@ declare const _default: {
         onActivate?: (event_id: string, event_type: string) => void;
         activate_loading?: boolean;
     }) => import("react").JSX.Element>;
-    TeamTournamentMarket: ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
+    TeamTournamentMarket: ({ tournament, direction, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
         tournament: import("../types").TournamentProps;
         event_type: "team" | "tournament" | "match";
         team: import("../types").TeamProps;
         hide_stat_banner?: boolean;
         width?: number;
         market: import("../types").MarketProps;
+        direction?: "horizontal" | "vertical";
         show_event?: boolean;
         hide_liquidity?: boolean;
         latest_trades: import("../types").TradeProps[];
@@ -58,14 +60,16 @@ declare const _default: {
         }) => void;
         onTradeLongPress: (trade: import("../types").TradeProps) => void;
     }) => import("react").JSX.Element;
-    AthleteMarket: import("react").MemoExoticComponent<({ event, show_event, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
+    AthleteMarket: import("react").MemoExoticComponent<({ event, show_event, hide_image, direction, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
         event: import("../types").EventProps;
         event_type: "team" | "tournament" | "match";
         athlete: import("../types").AthleteProps;
         hide_stat_banner?: boolean;
         width?: number;
         market: import("../types").MarketProps;
+        direction?: "horizontal" | "vertical";
         league?: import("../types").LeagueProps;
+        hide_image?: boolean;
         show_event?: boolean;
         hide_liquidity?: boolean;
         latest_trades: import("../types").TradeProps[];
@@ -91,13 +95,14 @@ declare const _default: {
         onBuyNow?: (order: import("../types").OrderProps) => void;
         onCancelOrder?: (order_id: string) => void;
     }) => import("react").JSX.Element;
-    EventMarket: ({ width, event, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }: {
+    EventMarket: ({ width, event, direction, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }: {
         event: import("../types").EventProps;
         width?: number;
         market: import("../types").MarketProps;
         hide_market_banner?: boolean;
         latest_trades: import("../types").TradeProps[];
         hide_liquidity?: boolean;
+        direction?: "horizontal" | "vertical";
         best_available_orders: import("../types").BestAvailableOrderProps[];
         event_order_stats: import("../types").EventOrderStatProps[];
         show_grades?: boolean;
@@ -129,14 +134,16 @@ declare const _default: {
         away_label?: string;
         home_label?: string;
     }) => import("react").JSX.Element;
-    AthleteTournamentMarket: ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
+    AthleteTournamentMarket: ({ tournament, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
         tournament: import("../types").TournamentProps;
         event_type: "team" | "tournament" | "match";
         athlete: import("../types").AthleteProps;
         hide_stat_banner?: boolean;
         width?: number;
         market: import("../types").MarketProps;
+        hide_image?: boolean;
         show_event?: boolean;
+        direction?: "horizontal" | "vertical";
         hide_liquidity?: boolean;
         latest_trades: import("../types").TradeProps[];
         best_available_orders: import("../types").BestAvailableOrderProps[];

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;qBA8BolB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAX/lB,CAAC;qBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAWye,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAJlhB,CAAH;qBAAkB,CAAC;;;;;;;;;;;;;AAXpB,wBAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;qBA8BuoB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAXlpB,CAAC;qBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAWye,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAJlhB,CAAH;qBAAkB,CAAC;;;;;;;;;;;;;AAXpB,wBAeC"}

package/package.json

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

package/src/MarketComponents/components/AthleteMarket/index.tsx

@@ -16,7 +16,9 @@ type AthleteMarketProps = {
     hide_stat_banner?:boolean,
     width?:number,
     market:MarketProps,
+    direction?:'horizontal'|'vertical',
     league?:LeagueProps,
+    hide_image?:boolean,
     show_event?:boolean,
     hide_liquidity?:boolean,
     latest_trades:TradeProps[],
@@ -29,7 +31,7 @@ type AthleteMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const AthleteMarket = ({ event, show_event, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteMarketProps) => {
+const AthleteMarket = ({ event, show_event, hide_image, direction, league, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteMarketProps) => {
     
 
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats)
@@ -65,7 +67,7 @@ const AthleteMarket = ({ event, show_event, league, hide_liquidity, hide_stat_ba
 
     return (
         <View style={{ ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600, width }}>
-            {!hide_stat_banner ?
+            {hide_stat_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
                 label_size={14}
@@ -79,27 +81,31 @@ const AthleteMarket = ({ event, show_event, league, hide_liquidity, hide_stat_ba
                 <Text size={12} color={Colors.brand.midnight} textAlign='center' weight='semibold'>{event.event_title}</Text>
             </View>
             :<></>}
-            <View style={{ ...view_styles.section_body, flexGrow:1, padding:0, justifyContent:'center', alignItems:'center' }}>
-                <AthleteImage
-                    athlete={athlete}
-                    league={league}
-                    size={50}
-                    number_size={12}
-                />
-                <View style={{ padding:10, paddingBottom:0 }}>
-                    <Text weight='bold' size={14} color={Colors.brand.midnight} textAlign='center'>{athlete.first_name} {athlete.last_name}</Text>
-                    <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{athlete.team?`${athlete.team.abbr}`:''} ({athlete.position})</Text>
+            <View style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column' }}>
+                <View style={{ ...view_styles.section_body, flexDirection:direction == 'horizontal' ? 'row' : 'column' , flexGrow:2, padding:0, justifyContent:'center', alignItems:'center' }}>
+                    {!hide_image ?
+                    <AthleteImage
+                        athlete={athlete}
+                        league={league}
+                        size={direction == 'horizontal' ? 25 : 40}
+                        number_size={12}
+                    />
+                    :<></>}
+                    <View style={{ padding:10, paddingBottom:0 }}>
+                        <Text weight='bold' style={{ maxWidth:100 }} size={14} color={Colors.brand.midnight} textAlign='center'>{athlete.first_name} {athlete.last_name}</Text>
+                        <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{athlete.team?`${athlete.team.abbr}`:''} ({athlete.position})</Text>
+                    </View>
+                </View>
+                <View nativeID='market_sides' style={{ flexDirection:'row', flexGrow:1.5, justifyContent:'center', alignItems:'center', padding:10 }}>
+                    {market.side_options.sort((a,b) => {
+                        let a_t = a.side == market.trade_side ? 1 : 0
+                        let b_t = b.side == market.trade_side ? 1 : 0
+                        return a_t - b_t
+                    }).map((so, index) => {
+                        return renderSides({ item:so, index, market })
+                    })}
+                    
                 </View>
-            </View>
-            <View nativeID='market_sides' style={{ flexDirection:'row', justifyContent:'center', alignItems:'center', padding:10 }}>
-                {market.side_options.sort((a,b) => {
-                    let a_t = a.side == market.trade_side ? 1 : 0
-                    let b_t = b.side == market.trade_side ? 1 : 0
-                    return a_t - b_t
-                }).map((so, index) => {
-                    return renderSides({ item:so, index, market })
-                })}
-                
             </View>
             {!hide_liquidity ?
             <View style={{ backgroundColor:Colors.shades.shade100, padding:10, flexDirection:'row', alignItems:'center', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>

package/src/MarketComponents/components/AthleteTournamentMarket/index.tsx

@@ -16,7 +16,9 @@ type AthleteTournamentMarketProps = {
     hide_stat_banner?:boolean,
     width?:number,
     market:MarketProps,
+    hide_image?:boolean,
     show_event?:boolean,
+    direction?:'horizontal'|'vertical',
     hide_liquidity?:boolean,
     latest_trades:TradeProps[],
     best_available_orders:BestAvailableOrderProps[],
@@ -28,7 +30,7 @@ type AthleteTournamentMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const AthleteTournamentMarket = ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteTournamentMarketProps) => {
+const AthleteTournamentMarket = ({ tournament, hide_image, direction, show_event, hide_liquidity, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteTournamentMarketProps) => {
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
     const is_locked = useMemo(() => MarketComponentHelpers.isTournamentMarketLocked(tournament, market.market_id),[JSON.stringify(tournament.supported_markets)])
 
@@ -76,18 +78,22 @@ const AthleteTournamentMarket = ({ tournament, show_event, hide_liquidity, hide_
                 <Text size={12} color={Colors.brand.midnight} textAlign='center' weight='semibold'>{tournament.tournament_name}</Text>
             </View>
             :<></>}
-            <View style={{ ...view_styles.section_body, flexGrow:1, padding:0, justifyContent:'center', alignItems:'center' }}>
+            <View style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column' }}>
+
+            <View style={{ ...view_styles.section_body, flexDirection:direction == 'horizontal' ? 'row' : 'column', flexGrow:2, padding:0, justifyContent:'center', alignItems:'center' }}>
+                {!hide_image ?
                 <AthleteImage
                     athlete={athlete}
                     size={35}
                     number_size={12}
                 />
+                :<></>}
                 <View style={{ padding:10, paddingBottom:0 }}>
-                    <Text weight='bold' size={14} color={Colors.brand.midnight} textAlign='center'>{athlete.first_name} {athlete.last_name}</Text>
+                    <Text weight='bold' size={14} style={{ maxWidth:120 }} color={Colors.brand.midnight} textAlign='center'>{athlete.first_name} {athlete.last_name}</Text>
                     <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{athlete.team?`${athlete.team.abbr}`:''} ({athlete.position})</Text>
                 </View>
             </View>
-            <View nativeID='market_sides' style={{ flexDirection:'row', justifyContent:'center', alignItems:'center', padding:10 }}>
+            <View nativeID='market_sides' style={{ flexDirection:'row', flexGrow:1.5, justifyContent:'center', alignItems:'center', padding:10 }}>
                 {market.side_options.sort((a,b) => {
                     let a_t = a.side == market.trade_side ? 1 : 0
                     let b_t = b.side == market.trade_side ? 1 : 0
@@ -96,6 +102,7 @@ const AthleteTournamentMarket = ({ tournament, show_event, hide_liquidity, hide_
                     return renderSides({ item:so, index, market })
                 })}
             </View>
+            </View>
             {!hide_liquidity ?
             <View style={{ backgroundColor:Colors.shades.shade100, padding:10, flexDirection:'row', alignItems:'center', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
                 <TouchableOpacity style={{ flex:1, flexDirection:'row' }} onPress={() => {

package/src/MarketComponents/components/EventMarket/index.tsx

@@ -16,6 +16,7 @@ type EventMarketProps = {
     hide_market_banner?:boolean,
     latest_trades:TradeProps[],
     hide_liquidity?:boolean,
+    direction?:'horizontal'|'vertical',
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
     show_grades?:boolean,
@@ -25,7 +26,7 @@ type EventMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const EventMarket = ({ width, event, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }:EventMarketProps) => {
+const EventMarket = ({ width, event, direction, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }:EventMarketProps) => {
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
     const is_locked = MarketComponentHelpers.isEventMarketLocked(event, market.market_id);
     const renderSides = useCallback((data:{ item:MarketSideOptionProps, index:number, market:MarketProps }) => {
@@ -60,7 +61,7 @@ const EventMarket = ({ width, event, hide_liquidity, market, latest_trades, best
     },[JSON.stringify(best_available_orders)])
 
     return (
-        <View style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600, width, maxWidth:175 }}>
+        <View style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600, width, maxWidth:direction == 'horizontal'?undefined:175 }}>
             {!hide_market_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
@@ -70,35 +71,40 @@ const EventMarket = ({ width, event, hide_liquidity, market, latest_trades, best
                 right_color={'#ebd197'}
             />
             :<></>}
-            <View style={{ ...view_styles.section_body, flex:1, padding:0, justifyContent:'center', alignItems:'center' }}>
-                <View style={{flexDirection:'row', alignItems:'center'}}>
-                    <Image
-                        source={{ uri: event.away?.image?.url }}
-                        style={{ height:50, width:50, marginRight:5 }}
-                        resizeMode='cover'
-                    />
-                    <Text theme='body'>VS</Text>
-                    <Image
-                        source={{ uri: event.home?.image?.url }}
-                        style={{ height:50, width:50, marginLeft:5 }}
-                        resizeMode='cover'
-                    />
+            <View style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column' }}>
+
+                <View style={{ ...view_styles.section_body, flexDirection:direction == 'horizontal' ? 'row' : 'column', flexGrow:2, padding:0, justifyContent:'center', alignItems:'center' }}>
+                    {direction != 'horizontal' ?
+                    <View style={{flexDirection:'row', alignItems:'center'}}>
+                        <Image
+                            source={{ uri: event.away?.image?.url }}
+                            style={{ height:50, width:50, marginRight:5 }}
+                            resizeMode='cover'
+                        />
+                        <Text theme='body'>VS</Text>
+                        <Image
+                            source={{ uri: event.home?.image?.url }}
+                            style={{ height:50, width:50, marginLeft:5 }}
+                            resizeMode='cover'
+                        />
+                    </View>
+                    :<></>}
+                    <View style={{ padding:10, paddingBottom:0 }}>
+                        <Text weight='bold' size={14} style={{ maxWidth:100 }} color={Colors.brand.midnight} textAlign='center'>{event.event_title}</Text>
+                        <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{TeamEventMarketHelpers.getTimeDetail(event)}</Text>
+                    </View>
                 </View>
-                <View style={{ padding:10, paddingBottom:0 }}>
-                    <Text weight='bold' size={14} color={Colors.brand.midnight} textAlign='center'>{event.event_title}</Text>
-                    <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{TeamEventMarketHelpers.getTimeDetail(event)}</Text>
+                <View nativeID='market_sides' style={{ flexDirection:'row', flexGrow:1, justifyContent:'flex-end', alignItems:'center', padding:10 }}>
+                    {market.side_options.sort((a,b) => {
+                        let a_t = a.side == market.trade_side ? 1 : 0
+                        let b_t = b.side == market.trade_side ? 1 : 0
+                        return a_t - b_t
+                    }).map((so, index) => {
+                        return renderSides({ item:so, index, market })
+                    })}
+                    
                 </View>
             </View>
-            <View nativeID='market_sides' style={{ flexDirection:'row', justifyContent:'center', alignItems:'center', padding:10 }}>
-                {market.side_options.sort((a,b) => {
-                    let a_t = a.side == market.trade_side ? 1 : 0
-                    let b_t = b.side == market.trade_side ? 1 : 0
-                    return a_t - b_t
-                }).map((so, index) => {
-                    return renderSides({ item:so, index, market })
-                })}
-                
-            </View>
             {!hide_liquidity ?
             <View style={{ backgroundColor:Colors.shades.shade100, padding:10, flexDirection:'row', alignItems:'center', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
                 <TouchableOpacity style={{ flex:1, flexDirection:'row' }} onPress={() => {

package/src/MarketComponents/components/TeamEventMarket/index.tsx

@@ -24,6 +24,7 @@ type TeamEventMarketProps = {
     competitions?:CompetitionProps[],
     show_id?:string,
     hide_liquidity?:boolean,
+    hot_markets_direction?:'vertical'|'horizontal'
     show_podcasts?:boolean,
     squares_competitions?:SquaresCompetitionProps[],
     latest_trades:TradeProps[],
@@ -45,7 +46,7 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-const TeamEventMarket = ({ event, league, init_expanded, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onTeamSelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
     const [ expanded_data, setExpandedData ] = useState<{
         expanded:boolean,
         loaded:boolean,
@@ -127,7 +128,7 @@ const TeamEventMarket = ({ event, league, init_expanded, show_id, hide_liquidity
     
     const primary_markets = useMemo(() => {
         return TeamEventMarketHelpers.getPrimaryMarkets(event, markets)
-    }, [markets.length])
+    }, [JSON.stringify(markets)])
     
     const handleSelectCompetition = () => {
         if(!competitions || competitions.length == 0){ return }
@@ -246,6 +247,7 @@ const TeamEventMarket = ({ event, league, init_expanded, show_id, hide_liquidity
                             event={event}
                             event_type='team'
                             athlete={athlete}
+                            direction={hot_markets_direction=='vertical' ? 'horizontal' : 'vertical'}
                             show_grades={show_grades}
                             market={market}
                             hide_liquidity={hide_liquidity}
@@ -267,6 +269,7 @@ const TeamEventMarket = ({ event, league, init_expanded, show_id, hide_liquidity
                         <EventMarket
                             event={event}
                             market={market}
+                            direction={hot_markets_direction=='vertical' ? 'horizontal' : 'vertical'}
                             hide_liquidity={hide_liquidity}
                             onTradeLongPress={onTradeLongPress}
                             event_order_stats={[data.item]}
@@ -590,7 +593,7 @@ const TeamEventMarket = ({ event, league, init_expanded, show_id, hide_liquidity
                         renderItem={renderNonPrimaryMarkets}
                         showsHorizontalScrollIndicator={false}
                         keyExtractor={(item) => `${item.market_id}:${item.side_type}:${item.side_id}`}
-                        horizontal
+                        horizontal={hot_markets_direction && hot_markets_direction == 'vertical' ? false : true}
                     />
                 </View>
                 {podcasts.length > 0 ?

package/src/MarketComponents/components/TeamTournamentMarket/index.tsx

@@ -16,6 +16,7 @@ type TeamTournamentMarketProps = {
     hide_stat_banner?:boolean,
     width?:number,
     market:MarketProps,
+    direction?:'horizontal'|'vertical',
     show_event?:boolean,
     hide_liquidity?:boolean,
     latest_trades:TradeProps[],
@@ -28,7 +29,7 @@ type TeamTournamentMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const TeamTournamentMarket = ({ tournament, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:TeamTournamentMarketProps) => {
+const TeamTournamentMarket = ({ tournament, direction, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:TeamTournamentMarketProps) => {
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
     const is_locked = useMemo(() => MarketComponentHelpers.isTournamentMarketLocked(tournament, market.market_id),[JSON.stringify(tournament.supported_markets)])
 
@@ -77,24 +78,26 @@ const TeamTournamentMarket = ({ tournament, show_event, hide_liquidity, hide_sta
                 <Text size={12} color={Colors.brand.midnight} textAlign='center' weight='semibold'>{tournament.tournament_name}</Text>
             </View>
             :<></>}
-            <View style={{ ...view_styles.section_body, flexGrow:1, padding:0, justifyContent:'center', alignItems:'center' }}>
-                <TeamImage
-                    team={team}
-                    size={24}
-                />
-                <View style={{ padding:10, paddingBottom:0 }}>
-                    <Text weight='bold' size={14} color={Colors.brand.midnight} textAlign='center'>{team.market_name} {team.name}</Text>
-                    <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{team.division}</Text>
+            <View style={{ flexDirection:direction == 'horizontal' ? 'row' : 'column' }}>
+                <View style={{ ...view_styles.section_body, flexDirection:direction == 'horizontal' ? 'row' : 'column', flexGrow:2, padding:0, justifyContent:'center', alignItems:'center' }}>
+                    <TeamImage
+                        team={team}
+                        size={24}
+                    />
+                    <View style={{ padding:10, paddingBottom:0 }}>
+                        <Text weight='bold' size={14} color={Colors.brand.midnight} textAlign='center'>{team.market_name} {team.name}</Text>
+                        <Text style={{ marginTop:3 }} color={Colors.brand.midnight} weight='regular' textAlign='center' size={12}>{team.division}</Text>
+                    </View>
+                </View>
+                <View nativeID='market_sides' style={{ flexDirection:'row',flexGrow:1.5, justifyContent:'center', alignItems:'center', padding:10 }}>
+                    {market.side_options.sort((a,b) => {
+                        let a_t = a.side == market.trade_side ? 1 : 0
+                        let b_t = b.side == market.trade_side ? 1 : 0
+                        return a_t - b_t
+                    }).map((so, index) => {
+                        return renderSides({ item:so, index, market })
+                    })}
                 </View>
-            </View>
-            <View nativeID='market_sides' style={{ flexDirection:'row', justifyContent:'center', alignItems:'center', padding:10 }}>
-                {market.side_options.sort((a,b) => {
-                    let a_t = a.side == market.trade_side ? 1 : 0
-                    let b_t = b.side == market.trade_side ? 1 : 0
-                    return a_t - b_t
-                }).map((so, index) => {
-                    return renderSides({ item:so, index, market })
-                })}
             </View>
             {!hide_liquidity ?
             <View style={{ backgroundColor:Colors.shades.shade100, padding:10, flexDirection:'row', alignItems:'center', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>