be-components 3.3.2 → 3.3.4

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

@@ -8,6 +8,7 @@ type AthleteTournamentMarketProps = {
     width?: number;
     market: MarketProps;
     hide_image?: boolean;
+    style?: any;
     show_event?: boolean;
     direction?: 'horizontal' | 'vertical';
     hide_liquidity?: boolean;
@@ -26,6 +27,6 @@ type AthleteTournamentMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-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;
+declare const AthleteTournamentMarket: ({ tournament, style, 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,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"}
+{"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,KAAK,CAAC,EAAC,GAAG,CAAC;IACX,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,oPAAoP,4BAA4B,sBAqG5S,CAAA;AAMD,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;
+    style?: any;
     direction?: 'horizontal' | 'vertical';
     best_available_orders: BestAvailableOrderProps[];
     event_order_stats: EventOrderStatProps[];
@@ -20,6 +21,6 @@ type EventMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-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;
+declare const EventMarket: ({ width, event, style, 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,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"}
+{"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,KAAK,CAAC,EAAC,GAAG,CAAC;IACX,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,gNAAgN,gBAAgB,sBAyGhP,CAAA;AAMD,eAAe,WAAW,CAAA"}

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

@@ -10,6 +10,7 @@ type MatchMarketProps = {
     home_team?: TeamProps;
     hide_stat_banner?: boolean;
     width?: number;
+    style?: any;
     market: MarketProps;
     show_event?: boolean;
     hide_liquidity?: boolean;
@@ -28,6 +29,6 @@ type MatchMarketProps = {
     }) => void;
     onTradeLongPress: (trade: TradeProps) => void;
 };
-declare const MatchMarket: ({ league, match, show_event, hide_liquidity, hide_stat_banner, width, away_athlete, home_athlete, away_team, home_team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: MatchMarketProps) => React.JSX.Element;
+declare const MatchMarket: ({ league, match, show_event, style, hide_liquidity, hide_stat_banner, width, away_athlete, home_athlete, away_team, home_team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: MatchMarketProps) => React.JSX.Element;
 export default MatchMarket;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/MatchMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AASjN,KAAK,gBAAgB,GAAG;IACpB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,UAAU,CAAC,EAAC,eAAe,CAAA;IAC3B,KAAK,EAAC,UAAU,CAAC;IACjB,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAC,SAAS,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,WAAW,kQAAkQ,gBAAgB,sBAyHlS,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/MatchMarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAE,WAAW,EAAyB,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AASjN,KAAK,gBAAgB,GAAG;IACpB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,UAAU,CAAC,EAAC,eAAe,CAAA;IAC3B,KAAK,EAAC,UAAU,CAAC;IACjB,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAC,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,KAAK,CAAC,EAAC,GAAG,CAAC;IACX,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,WAAW,yQAAyQ,gBAAgB,sBA6HzS,CAAA;AAQD,eAAe,WAAW,CAAA"}

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

@@ -12,6 +12,7 @@ type TeamEventMarketProps = {
     show_podcasts?: boolean;
     squares_competitions?: SquaresCompetitionProps[];
     latest_trades: TradeProps[];
+    style?: any;
     best_available_orders: BestAvailableOrderProps[];
     event_order_stats: EventOrderStatProps[];
     default_price_view: 'last_trade' | 'best_available';
@@ -36,6 +37,6 @@ type TeamEventMarketProps = {
     onActivate?: (event_id: string, event_type: string) => void;
     activate_loading?: boolean;
 };
-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>;
+declare const _default: React.MemoExoticComponent<({ event, league, style, 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,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"}
+{"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,KAAK,CAAC,EAAC,GAAG,CAAC;IACX,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;6dACic,oBAAoB;AA2lBtd,wBAGE"}

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

@@ -1,5 +1,5 @@
 declare const _default: {
-    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 }: {
+    TeamEventMarket: import("react").MemoExoticComponent<({ event, league, style, 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;
@@ -11,6 +11,7 @@ declare const _default: {
         show_podcasts?: boolean;
         squares_competitions?: import("../types").SquaresCompetitionProps[];
         latest_trades: import("../types").TradeProps[];
+        style?: any;
         best_available_orders: import("../types").BestAvailableOrderProps[];
         event_order_stats: import("../types").EventOrderStatProps[];
         default_price_view: "last_trade" | "best_available";
@@ -60,7 +61,7 @@ declare const _default: {
         }) => void;
         onTradeLongPress: (trade: import("../types").TradeProps) => void;
     }) => import("react").JSX.Element;
-    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 }: {
+    AthleteMarket: import("react").MemoExoticComponent<({ event, show_event, hide_image, direction, league, hide_liquidity, style, 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;
@@ -68,6 +69,7 @@ declare const _default: {
         width?: number;
         market: import("../types").MarketProps;
         direction?: "horizontal" | "vertical";
+        style?: any;
         league?: import("../types").LeagueProps;
         hide_image?: boolean;
         show_event?: boolean;
@@ -95,13 +97,14 @@ declare const _default: {
         onBuyNow?: (order: import("../types").OrderProps) => void;
         onCancelOrder?: (order_id: string) => void;
     }) => import("react").JSX.Element;
-    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 }: {
+    EventMarket: ({ width, event, style, 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;
+        style?: any;
         direction?: "horizontal" | "vertical";
         best_available_orders: import("../types").BestAvailableOrderProps[];
         event_order_stats: import("../types").EventOrderStatProps[];
@@ -134,7 +137,7 @@ declare const _default: {
         away_label?: string;
         home_label?: string;
     }) => import("react").JSX.Element;
-    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 }: {
+    AthleteTournamentMarket: ({ tournament, style, 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;
@@ -142,6 +145,7 @@ declare const _default: {
         width?: number;
         market: import("../types").MarketProps;
         hide_image?: boolean;
+        style?: any;
         show_event?: boolean;
         direction?: "horizontal" | "vertical";
         hide_liquidity?: boolean;
@@ -226,7 +230,7 @@ declare const _default: {
         onViewAdditionalMarkets: (event_id: string, event_type: string) => void;
         onOrder: (order: import("../types").OrderProps) => void;
     }) => import("react").JSX.Element;
-    MatchMarket: ({ league, match, show_event, hide_liquidity, hide_stat_banner, width, away_athlete, home_athlete, away_team, home_team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
+    MatchMarket: ({ league, match, show_event, style, hide_liquidity, hide_stat_banner, width, away_athlete, home_athlete, away_team, home_team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }: {
         league?: import("../types").LeagueProps;
         tournament?: import("../types").TournamentProps;
         match: import("../types").MatchProps;
@@ -236,6 +240,7 @@ declare const _default: {
         home_team?: import("../types").TeamProps;
         hide_stat_banner?: boolean;
         width?: number;
+        style?: any;
         market: import("../types").MarketProps;
         show_event?: boolean;
         hide_liquidity?: boolean;

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":";;;;;;;;;;;;;;;;;;;;qBA8BuoB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAXlpB,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":";;;;;;;;;;;;;;;;;;;;;qBA8BmqB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAX9qB,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.2",
+  "version": "3.3.4",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { View, TouchableOpacity } from 'react-native';
+import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, EventProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from "../../../types"
 import { view_styles } from '../../../constants/styles';
 import MarketButton from '../../components/MarketButton';
@@ -17,6 +17,7 @@ type AthleteMarketProps = {
     width?:number,
     market:MarketProps,
     direction?:'horizontal'|'vertical',
+    style?:any,
     league?:LeagueProps,
     hide_image?:boolean,
     show_event?:boolean,
@@ -31,8 +32,11 @@ type AthleteMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-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 AthleteMarket = ({ event, show_event, hide_image, direction, league, hide_liquidity, style, hide_stat_banner, width, athlete, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:AthleteMarketProps) => {
+    let set_style = { ...styles.container_style, width }
+    if(style){
+        set_style = style
+    }
 
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats)
     const is_locked = useMemo(() => MarketComponentHelpers.isEventMarketLocked(event, market.market_id),[JSON.stringify(event.supported_markets)])
@@ -66,8 +70,8 @@ const AthleteMarket = ({ event, show_event, hide_image, direction, league, hide_
     },[athlete.athlete_id, is_locked, market.market_id, JSON.stringify(event_order_stats), JSON.stringify(best_available_orders)])
 
     return (
-        <View style={{ ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600, width }}>
-            {hide_stat_banner ?
+        <View style={set_style}>
+            {!hide_stat_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
                 label_size={14}
@@ -132,6 +136,10 @@ const AthleteMarket = ({ event, show_event, hide_image, direction, league, hide_
     )
 }
 
+const styles = StyleSheet.create({
+    container_style: { ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600 }
+})
+
 export default React.memo(AthleteMarket, (left, right) => {
     if(JSON.stringify(left) != JSON.stringify(right)){ 
         return false 

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { View, TouchableOpacity } from 'react-native';
+import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, MarketProps, MarketSideOptionProps, OrderProps, TournamentProps, TradeProps } from "../../../types"
 import { view_styles } from '../../../constants/styles';
 import MarketButton from '../../components/MarketButton';
@@ -17,6 +17,7 @@ type AthleteTournamentMarketProps = {
     width?:number,
     market:MarketProps,
     hide_image?:boolean,
+    style?:any,
     show_event?:boolean,
     direction?:'horizontal'|'vertical',
     hide_liquidity?:boolean,
@@ -30,7 +31,12 @@ type AthleteTournamentMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-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 AthleteTournamentMarket = ({ tournament, style, 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) => {
+    let set_style = { ...styles.container_style, width }
+    if(style){
+        set_style = style
+    }
+    
     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)])
 
@@ -63,7 +69,7 @@ const AthleteTournamentMarket = ({ tournament, hide_image, direction, show_event
     },[JSON.stringify(best_available_orders)])
 
     return (
-        <View style={{ ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600, width }}>
+        <View style={set_style}>
             {!hide_stat_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
@@ -128,4 +134,8 @@ const AthleteTournamentMarket = ({ tournament, hide_image, direction, show_event
     )
 }
 
+const styles = StyleSheet.create({
+    container_style: { ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600 }
+})
+
 export default AthleteTournamentMarket

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

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { View, Image, TouchableOpacity } from 'react-native';
+import { View, Image, TouchableOpacity, StyleSheet } from 'react-native';
 import type { BestAvailableOrderProps, EventOrderStatProps, EventProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
 import { MarketButtonHelpers } from '../MarketButton/api';
 import MarketButton from '../../components/MarketButton';
@@ -16,6 +16,7 @@ type EventMarketProps = {
     hide_market_banner?:boolean,
     latest_trades:TradeProps[],
     hide_liquidity?:boolean,
+    style?:any,
     direction?:'horizontal'|'vertical',
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
@@ -26,7 +27,12 @@ type EventMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-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 EventMarket = ({ width, event, style, direction, hide_liquidity, market, latest_trades, best_available_orders, hide_market_banner, event_order_stats, show_grades, default_price_view, onOrder, onView, onTradeLongPress }:EventMarketProps) => {
+    let set_style = { ...styles.container_style, width, maxWidth:direction == 'horizontal'?undefined:175 }
+    if(style){
+        set_style = style
+    }
+    
     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 }) => {
@@ -61,7 +67,7 @@ const EventMarket = ({ width, event, direction, hide_liquidity, market, latest_t
     },[JSON.stringify(best_available_orders)])
 
     return (
-        <View style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600, width, maxWidth:direction == 'horizontal'?undefined:175 }}>
+        <View style={set_style}>
             {!hide_market_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
@@ -128,4 +134,8 @@ const EventMarket = ({ width, event, direction, hide_liquidity, market, latest_t
     )
 }
 
+const styles = StyleSheet.create({
+    container_style: { ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600 }
+})
+
 export default EventMarket

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { View, TouchableOpacity } from 'react-native';
+import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, LeagueProps, MarketProps, MarketSideOptionProps, MatchProps, OrderProps, TeamProps, TournamentProps, TradeProps } from "../../../types"
 import { view_styles } from '../../../constants/styles';
 import MarketButton from '../../components/MarketButton';
@@ -19,6 +19,7 @@ type MatchMarketProps = {
     home_team?:TeamProps,
     hide_stat_banner?:boolean,
     width?:number,
+    style?:any,
     market:MarketProps,
     show_event?:boolean,
     hide_liquidity?:boolean,
@@ -32,7 +33,11 @@ type MatchMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const MatchMarket = ({ league, match, show_event, hide_liquidity, hide_stat_banner, width, away_athlete, home_athlete, away_team, home_team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:MatchMarketProps) => {
+const MatchMarket = ({ league, match, show_event, style, hide_liquidity, hide_stat_banner, width, away_athlete, home_athlete, away_team, home_team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:MatchMarketProps) => {
+    let set_style = { ...styles.container_style, width }
+    if(style){
+        set_style = style
+    }
     
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats)
     const is_locked = useMemo(() => MarketComponentHelpers.isMatchMarketLocked(match, market.market_id),[JSON.stringify(match.supported_markets)])
@@ -78,7 +83,7 @@ const MatchMarket = ({ league, match, show_event, hide_liquidity, hide_stat_bann
     if(match.participant_type == 'athlete' && (!home_athlete || !away_athlete)){ return <></> }
     if(match.participant_type == 'team' && (!home_team || !away_team)){ return <></> }
     return (
-        <View style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600, width }}>
+        <View style={set_style}>
             {!hide_stat_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
@@ -155,4 +160,10 @@ const MatchMarket = ({ league, match, show_event, hide_liquidity, hide_stat_bann
     )
 }
 
+
+const styles = StyleSheet.create({
+    container_style: { ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600 }
+})
+
+
 export default MatchMarket

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { View, Image, FlatList, TouchableOpacity, ActivityIndicator, ScrollView } from 'react-native';
+import { View, Image, FlatList, TouchableOpacity, ActivityIndicator, ScrollView, StyleSheet } from 'react-native';
 import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, PodcastProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 import { view_styles } from '../../../constants/styles';
 import { Button, Icons, LinearDiagnal, Text } from '../../../Components';
@@ -28,6 +28,7 @@ type TeamEventMarketProps = {
     show_podcasts?:boolean,
     squares_competitions?:SquaresCompetitionProps[],
     latest_trades:TradeProps[],
+    style?:any,
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
     default_price_view: 'last_trade'|'best_available',
@@ -46,7 +47,12 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-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 TeamEventMarket = ({ event, league, style, 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) => {
+    let set_style = { ...styles.container_style }
+    if(style){
+        set_style = style
+    }
+    const [ market_width, setMarketWidth ] = useState(180);
     const [ expanded_data, setExpandedData ] = useState<{
         expanded:boolean,
         loaded:boolean,
@@ -128,7 +134,12 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
     
     const primary_markets = useMemo(() => {
         return TeamEventMarketHelpers.getPrimaryMarkets(event, markets)
-    }, [JSON.stringify(markets)])
+    }, [JSON.stringify(markets)]);
+
+    let primary_width = 180
+    if(primary_markets.length > 0){
+        primary_width = (market_width - (primary_markets.length * 8)) / (primary_markets.length)
+    }
     
     const handleSelectCompetition = () => {
         if(!competitions || competitions.length == 0){ return }
@@ -190,7 +201,7 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
         }
         if(!trade){ return <></> }
         return (
-            <View key={`${event.event_id}_${data.item.side}`} style={{ margin:2, width:50, height:50 }}>
+            <View key={`${event.event_id}_${data.item.side}`} style={{ margin:2, width:primary_width, height:50 }}>
                 <MarketButton
                     side_option={data.item}
                     market={data.market}
@@ -207,15 +218,15 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
                 />
             </View>
         )
-    },[JSON.stringify(best_available_orders), JSON.stringify(latest_trades)])
+    },[JSON.stringify(best_available_orders), JSON.stringify(latest_trades), primary_width])
 
     const renderMarketHeaders = useCallback((data:{ item:MarketProps, index:number }) => {
         return (
-            <View style={{ width:50, marginLeft:2, marginRight:2 }}>
+            <View style={{ width:primary_width, marginLeft:2, marginRight:2 }}>
                 <Text size={12} color={Colors.brand.midnight} textAlign='center'>{data.item.type.toUpperCase()}</Text>
             </View>
         )
-    },[primary_markets.length])
+    },[primary_markets.length, primary_width])
 
     const renderPodcasts = useCallback((data:{ item:PodcastProps, index:number }) => {
         return (
@@ -292,6 +303,7 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
             <View>
                 <FlatList
                     key={`${event.event_id}_side_options`}
+                    scrollEnabled={false}
                     data={data.item.side_options.sort((a,b) => {
                         let a_t = a.side == data.item.trade_side ? 1 : 0
                         let b_t = b.side == data.item.trade_side ? 1 : 0
@@ -302,7 +314,7 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
                 />
             </View>
         )
-    },[JSON.stringify(best_available_orders), JSON.stringify(latest_trades)])
+    },[JSON.stringify(best_available_orders), JSON.stringify(latest_trades), primary_width])
 
     if(!event.away || !event.home){ return <></> }
 
@@ -310,7 +322,7 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
     const { non_primary_markets, available } = useMemo(() => TeamEventMarketHelpers.sortNonPrimaryMarkets(TeamEventMarketHelpers.getNonPrimaryMarkets(event, markets), event_order_stats, latest_trades),[])
 
     return (
-        <View ref={ref} style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600 }}>
+        <View ref={ref} style={set_style}>
             {sponsor ?
             <LinearGradient style={{ marginTop:-1, marginLeft:-1, marginRight:-1, padding:10, flexDirection:'row', alignItems:'center', borderTopRightRadius:8, borderTopLeftRadius:8 }} start={{x: 0, y: 0}} end={{x: 1, y: 0}} colors={[sponsor.brand_primary ?? Colors.brand.midnight, sponsor.brand_secondary ?? Colors.brand.cyan]}>
                 <View style={{ height:30, width:30, borderRadius:4, backgroundColor:Colors.shades.white }}>
@@ -451,13 +463,17 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
                     </TouchableOpacity>
                 </View>
                 {event_status == 'active' ?
-                <View nativeID='primary_market_details' style={{ padding:5 }}>
+                <View nativeID='primary_market_details' style={{ padding:5, flex:1 }} onLayout={(ev) => {
+                    const { width } = ev.nativeEvent.layout
+                    setMarketWidth(width);
+                }}>
                     <View style={{ marginTop:5, marginBottom:5 }}>
                         <FlatList
                             key={`${event.event_id}_market_headers`}
                             data={primary_markets}
                             keyExtractor={(item) => item.market_id.toString()}
                             horizontal
+                            scrollEnabled={false}
                             renderItem={renderMarketHeaders}
                         />
                     </View>
@@ -465,6 +481,7 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
                         key={`${event.event_id}_primary_markets`}
                         data={primary_markets.sort((a,b) => parseInt(a.market_id) - parseInt(b.market_id))}
                         horizontal
+                        scrollEnabled={false}
                         renderItem={renderPrimaryMarkets}
                         keyExtractor={(item) => item.market_id.toString()}
                     />
@@ -627,6 +644,12 @@ const TeamEventMarket = ({ event, league, init_expanded, hot_markets_direction,
     )
 }
 
+
+const styles = StyleSheet.create({
+    container_style: { ...view_styles.section,  borderWidth:1, borderColor:Colors.shades.shade600 }
+})
+
+
 export default React.memo(TeamEventMarket, (left, right) => {
     if(JSON.stringify(left) != JSON.stringify(right)){ return false }
     return true