be-components 4.1.9 → 4.2.1

package/lib/typescript/src/Poll/components/CampaignLeaderboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CampaignLeaderboard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/CampaignLeaderboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAA2B,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAMjG,KAAK,wBAAwB,GAAG;IAC5B,aAAa,EAAC,iBAAiB,CAAC;IAChC,SAAS,EAAE,OAAO,GAAC,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,mBAAmB,yEAAyE,wBAAwB,sBAgKzH,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CampaignLeaderboard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/CampaignLeaderboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAA2B,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAOjG,KAAK,wBAAwB,GAAG;IAC5B,aAAa,EAAC,iBAAiB,CAAC;IAChC,SAAS,EAAE,OAAO,GAAC,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,mBAAmB,iEAAiE,wBAAwB,sBAqJjH,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/lib/typescript/src/Poll/components/CampaignProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CampaignProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/CampaignProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAInF,KAAK,wBAAwB,GAAG;IAC5B,aAAa,EAAC,iBAAiB,CAAC;IAChC,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,WAAW,EAAC,MAAM,CAAC;IACnB,YAAY,EAAC,CAAC,IAAI,EAAC,SAAS,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,mBAAmB,yDAAwD,wBAAwB,sBAkDxG,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CampaignProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/CampaignProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKnF,KAAK,wBAAwB,GAAG;IAC5B,aAAa,EAAC,iBAAiB,CAAC;IAChC,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,WAAW,EAAC,MAAM,CAAC;IACnB,YAAY,EAAC,CAAC,IAAI,EAAC,SAAS,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,mBAAmB,yDAAwD,wBAAwB,sBAmDxG,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/lib/typescript/src/Poll/components/CampaignResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CampaignResult.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/CampaignResult.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAMpD,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAC,iBAAiB,CAAC;IAChC,qBAAqB,CAAC,EAAC,MAAM,IAAI,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,cAAc,6CAA+C,mBAAmB,sBAwBrF,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"CampaignResult.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/CampaignResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAMpD,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAC,iBAAiB,CAAC;IAChC,qBAAqB,CAAC,EAAC,MAAM,IAAI,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,cAAc,6CAA+C,mBAAmB,sBAyBrF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/Poll/components/PollCard.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { PollResponseProps } from '../../types';
 type PollCardProps = {
-    poll_id: string;
+    poll_id?: string;
     poll_response?: PollResponseProps;
     action_loading?: boolean;
+    width: number;
     question_number?: number;
     view?: string;
     total_questions?: number;
@@ -12,6 +13,6 @@ type PollCardProps = {
     onCancel: () => void;
     onSkip: () => void;
 };
-declare const PollCard: ({ poll_id, poll_response, action_loading, onSkip, onCancel, onResponse }: PollCardProps) => React.JSX.Element;
+declare const PollCard: ({ poll_id, width, poll_response, action_loading, onSkip, onCancel, onResponse }: PollCardProps) => React.JSX.Element;
 export default PollCard;
 //# sourceMappingURL=PollCard.d.ts.map

package/lib/typescript/src/Poll/components/PollCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PollCard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAA8B,iBAAiB,EAAoB,MAAM,aAAa,CAAC;AAMnG,KAAK,aAAa,GAAG;IACjB,OAAO,EAAC,MAAM,CAAC;IACf,aAAa,CAAC,EAAC,iBAAiB,CAAC;IACjC,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,UAAU,EAAC,CAAC,QAAQ,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,QAAQ,6EAA8E,aAAa,sBAwQxG,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"PollCard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAA8B,iBAAiB,EAAoB,MAAM,aAAa,CAAC;AAMnG,KAAK,aAAa,GAAG;IACjB,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,aAAa,CAAC,EAAC,iBAAiB,CAAC;IACjC,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,KAAK,EAAC,MAAM,CAAC;IACb,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,UAAU,EAAC,CAAC,QAAQ,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,QAAQ,oFAAqF,aAAa,sBAkR/G,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/typescript/src/Poll/components/PollOptionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PollOptionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollOptionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIxF,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAC,eAAe,CAAC;IAC5B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,aAAa,CAAC,EAAC,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAC,gBAAgB,CAAC;IAC/B,YAAY,EAAC,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAA;CACvD,CAAA;AACD,QAAA,MAAM,cAAc,sGAAwG,mBAAmB,sBA4F9I,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"PollOptionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollOptionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKxF,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAC,eAAe,CAAC;IAC5B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,aAAa,CAAC,EAAC,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAC,gBAAgB,CAAC;IAC/B,YAAY,EAAC,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAA;CACvD,CAAA;AACD,QAAA,MAAM,cAAc,sGAAwG,mBAAmB,sBA0F9I,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/Poll/components/PollQuestionsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PollQuestionsSection.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollQuestionsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAMlF,KAAK,yBAAyB,GAAG;IAC7B,aAAa,EAAC,iBAAiB,CAAC;IAChC,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,YAAY,EAAC,CAAC,CAAC,EAAC,SAAS,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,QAAA,MAAM,oBAAoB,2DAA2D,yBAAyB,sBAmD7G,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"PollQuestionsSection.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollQuestionsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAMlF,KAAK,yBAAyB,GAAG;IAC7B,aAAa,EAAC,iBAAiB,CAAC;IAChC,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,YAAY,EAAC,CAAC,CAAC,EAAC,SAAS,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,QAAA,MAAM,oBAAoB,2DAA2D,yBAAyB,sBAoD7G,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/typescript/src/Poll/components/PollSelectCard.d.ts

@@ -10,6 +10,6 @@ type PollSelectCardProps = {
     poll_response?: PollResponseProps;
     onSelect: (poll: PollProps) => void;
 };
-declare const PollSelectCard: ({ poll, disabled, selected, poll_campaign, poll_response, show_response, response_option, onSelect }: PollSelectCardProps) => React.JSX.Element;
+declare const PollSelectCard: ({ poll, disabled, poll_campaign, poll_response, show_response, response_option, onSelect }: PollSelectCardProps) => React.JSX.Element;
 export default PollSelectCard;
 //# sourceMappingURL=PollSelectCard.d.ts.map

package/lib/typescript/src/Poll/components/PollSelectCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PollSelectCard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollSelectCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAInG,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,aAAa,EAAC,iBAAiB,CAAC;IAChC,IAAI,EAAC,SAAS,CAAC;IACf,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,eAAe,CAAC,EAAC,eAAe,CAAC;IACjC,aAAa,CAAC,EAAC,iBAAiB,CAAC;IACjC,QAAQ,EAAC,CAAC,IAAI,EAAC,SAAS,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,cAAc,yGAAyG,mBAAmB,sBAuF/I,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"PollSelectCard.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/components/PollSelectCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAKnG,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,aAAa,EAAC,iBAAiB,CAAC;IAChC,IAAI,EAAC,SAAS,CAAC;IACf,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,eAAe,CAAC,EAAC,eAAe,CAAC;IACjC,aAAa,CAAC,EAAC,iBAAiB,CAAC;IACjC,QAAQ,EAAC,CAAC,IAAI,EAAC,SAAS,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,cAAc,+FAA+F,mBAAmB,sBAsFrI,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -5,12 +5,11 @@ type PollCampaignModuleProps = {
     poll_id?: string;
     player_id?: string;
     distinct_id: string;
-    height: number;
     onEvent?: (be_event: BEEventProps) => void;
     onRequestAuthenticate: (auth_strategy_id?: string, company_id?: string) => void;
     onSharePollCampaign: (poll_campaign: PollCampaignProps) => void;
     onComplete: () => void;
 };
-declare const PollCampaign: ({ height, distinct_id, poll_campaign_id, player_id, onRequestAuthenticate }: PollCampaignModuleProps) => React.JSX.Element;
+declare const PollCampaign: ({ distinct_id, poll_campaign_id, player_id, onRequestAuthenticate }: PollCampaignModuleProps) => React.JSX.Element;
 export default PollCampaign;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Poll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAyB,iBAAiB,EAAiD,MAAM,UAAU,CAAC;AAYtI,KAAK,uBAAuB,GAAG;IAC3B,gBAAgB,EAAC,MAAM,CAAC;IACxB,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,WAAW,EAAC,MAAM,CAAC;IACnB,MAAM,EAAC,MAAM,CAAC;IACd,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,EAAE,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC9E,mBAAmB,EAAE,CAAC,aAAa,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC/D,UAAU,EAAC,MAAM,IAAI,CAAA;CACxB,CAAA;AACD,QAAA,MAAM,YAAY,gFAAiF,uBAAuB,sBA0NzH,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Poll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAyB,iBAAiB,EAAiD,MAAM,UAAU,CAAC;AAUtI,KAAK,uBAAuB,GAAG;IAC3B,gBAAgB,EAAC,MAAM,CAAC;IACxB,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,WAAW,EAAC,MAAM,CAAC;IACnB,OAAO,CAAC,EAAC,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IACzC,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,EAAE,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC9E,mBAAmB,EAAE,CAAC,aAAa,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC/D,UAAU,EAAC,MAAM,IAAI,CAAA;CACxB,CAAA;AAGD,QAAA,MAAM,YAAY,wEAAyE,uBAAuB,sBAqOjH,CAAA;AAED,eAAe,YAAY,CAAA"}

package/package.json

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

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
 import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, EventProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from "../../../types"
-import MarketButton from '../../components/MarketButton';
+import MarketButton from '../MarketButton';
 import { Icons, LinearDiagnal } from '../../../Components';
 import Colors from '../../../constants/colors';
 import { MarketButtonHelpers } from '../MarketButton/api';

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
 import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, MarketProps, MarketSideOptionProps, OrderProps, TournamentProps, TradeProps } from "../../../types"
-import MarketButton from '../../components/MarketButton';
+import MarketButton from '../MarketButton';
 import { Icons, LinearDiagnal } from '../../../Components';
 import { MarketButtonHelpers } from '../MarketButton/api';
 import { MarketComponentHelpers } from '../../api';

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

@@ -2,7 +2,7 @@ import React, { useCallback, useMemo } from 'react';
 import { Image } from 'react-native';
 import type { BestAvailableOrderProps, EventOrderStatProps, EventProps, MarketProps, MarketSideOptionProps, OrderProps, TradeProps } from '../../../types';
 import { MarketButtonHelpers } from '../MarketButton/api';
-import MarketButton from '../../components/MarketButton';
+import MarketButton from '../MarketButton';
 import { Icons, LinearDiagnal } from '../../../Components';
 import { TeamEventMarketHelpers } from '../TeamEventMarket/api';
 import { MarketComponentHelpers } from '../../api';

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
 import type { AthleteProps, BestAvailableOrderProps, EventOrderStatProps, LeagueProps, MarketProps, MarketSideOptionProps, MatchProps, OrderProps, TeamProps, TournamentProps, TradeProps } from "../../../types"
-import MarketButton from '../../components/MarketButton';
+import MarketButton from '../MarketButton';
 import { Icons, LinearDiagnal } from '../../../Components';
 import { MarketButtonHelpers } from '../MarketButton/api';
 import { MarketComponentHelpers } from '../../api';

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

@@ -4,10 +4,10 @@ import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps,
 import { view_styles } from '../../../constants/styles';
 import { Icons, LinearDiagnal } from '../../../Components';
 import {TeamEventMarketHelpers} from './api';
-import MarketButton from '../../components/MarketButton';
+import MarketButton from '../MarketButton';
 import Colors from '../../../constants/colors';
-import AthleteMarket from '../../components/AthleteMarket';
-import EventMarket from '../../components/EventMarket';
+import AthleteMarket from '../AthleteMarket';
+import EventMarket from '../EventMarket';
 
 import { MarketComponentApi, MarketComponentHelpers } from '../../api';
 import { MarketButtonHelpers } from '../MarketButton/api';
@@ -284,11 +284,12 @@ const TeamEventMarket = ({ event, league, float, style, init_expanded, hot_marke
                 const event_trades = latest_trades.filter(t => t.market_type == 'FOR_MONEY' && t.market_id == data.item.market_id);
                 const event_orders = best_available_orders.filter(t => t.market_id == data.item.market_id);
                 return (
-                    <View transparent style={{ flexGrow:1 }}>
+                    <View transparent>
                         <EventMarket
                             event={event}
                             market={market}
                             float
+                            style={{ flexGrow:1, margin:5 }}
                             direction={hot_markets_direction=='vertical' ? 'horizontal' : 'vertical'}
                             hide_liquidity={hide_liquidity}
                             onTradeLongPress={onTradeLongPress}

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import type { BestAvailableOrderProps, EventOrderStatProps, MarketProps, MarketSideOptionProps, OrderProps, TeamProps, TournamentProps, TradeProps } from "../../../types"
 import { view_styles } from '../../../constants/styles';
-import MarketButton from '../../components/MarketButton';
+import MarketButton from '../MarketButton';
 import { Icons, LinearDiagnal } from '../../../Components';
 import { MarketButtonHelpers } from '../MarketButton/api';
 import { MarketComponentHelpers } from '../../api';

package/src/Poll/components/CampaignHeader.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
-import { Image, TouchableOpacity, View } from 'react-native';
+import { Image} from 'react-native';
 import type { PollCampaignProps } from '../../types';
-import { Icons, Text } from '../../Components';
-import Colors from '../../constants/colors';
+import { Icons } from '../../Components';
+import { Button, Text, View } from '../../Components/Themed';
+import { useColors } from '../../constants/useColors';
 
 type CampaignHeaderProps = {
     poll_campaign:PollCampaignProps,
@@ -10,23 +11,23 @@ type CampaignHeaderProps = {
 }
 
 const CampaignHeader = ({ poll_campaign, onSharePollCampaign }:CampaignHeaderProps) => {
-
+    const Colors = useColors();
     return (
         <View>
-            <View nativeID="competition_header" style={{ flexDirection:'row', alignItems:'center', padding:20, borderBottomWidth:1, borderColor:Colors.shades.shade600 }}>
-                <View>
+            <View type='header' nativeID="competition_header" style={{ flexDirection:'row', alignItems:'center', padding:20, borderBottomWidth:1 }}>
+                <View transparent>
                     <Image
                         source={{ uri: poll_campaign.campaign_image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1649737862/be_logo_jte2ux.webp' }}
-                        style={{ height:50, width:50, borderRadius:4 }}
+                        style={{ height:50, width:50, borderRadius:4, backgroundColor:Colors.text.white, padding:5 }}
                         resizeMode="cover"
                     />
                 </View>
-                <View style={{ flex:1, marginLeft:10 }}>
-                    <Text theme='header'>{poll_campaign.name}</Text>
+                <View transparent style={{ flex:1, marginLeft:10, marginRight:10 }}>
+                    <Text theme='h1'>{poll_campaign.name}</Text>
                 </View>
-                <TouchableOpacity style={{ paddingLeft:10 }} onPress={() => onSharePollCampaign(poll_campaign)}>
-                    <Icons.ShareIcon color={Colors.brand.midnight} size={14} />
-                </TouchableOpacity>
+                <Button onPress={() => onSharePollCampaign(poll_campaign)}>
+                    <Icons.ShareIcon color={Colors.text.h1} size={14} />
+                </Button>
             </View>
         </View>
     )

package/src/Poll/components/CampaignLeaderboard.tsx

@@ -1,20 +1,21 @@
 import React, { useEffect, useState } from 'react';
-import { View, ScrollView, Image, FlatList, ActivityIndicator } from "react-native"
+import { Image, FlatList, ActivityIndicator } from "react-native"
 import type { PollCampaignLeaderProps, PollCampaignProps, PublicPlayerProps } from '../../types';
 import { PollCampaignApi } from '../api';
-import { Button, Icons, Text } from '../../Components';
-import Colors from '../../constants/colors';
-import { view_styles } from '../../constants/styles';
+import { Icons } from '../../Components';
+import { useColors } from '../../constants/useColors';
+import { Button, Text, View } from '../../Components/Themed';
+import Pagination from '../../Components/Pagination';
 
 type CampaignLeaderboardProps = {
     poll_campaign:PollCampaignProps,
     view_mode: "short"|"full",
-    height?:number,
     onShowFullLeaderboard?: () => void,
     onClose?:() => void
 }
 
-const CampaignLeaderboard = ({ poll_campaign, height, view_mode, onShowFullLeaderboard, onClose }:CampaignLeaderboardProps) => {
+const CampaignLeaderboard = ({ poll_campaign, view_mode, onShowFullLeaderboard, onClose }:CampaignLeaderboardProps) => {
+    const Colors = useColors();
     const [ leaderboard_data, setLeaderData ] = useState<{
         loading:boolean,
         offset:number,
@@ -60,9 +61,9 @@ const CampaignLeaderboard = ({ poll_campaign, height, view_mode, onShowFullLeade
 
     const renderTrophy = (place:number) => {
         switch(place){
-            case 1: return <Icons.TrophyIcon color={Colors.incentive.gold} size={16}/>
-            case 2: return <Icons.TrophyIcon color={Colors.incentive.silver} size={16}/>
-            case 3: return <Icons.TrophyIcon color={Colors.incentive.bronze} size={16}/>
+            case 1: return <Icons.TrophyIcon color={Colors.text.gold} size={16}/>
+            case 2: return <Icons.TrophyIcon color={Colors.text.silver} size={16}/>
+            case 3: return <Icons.TrophyIcon color={Colors.text.bronze} size={16}/>
             default: return <></>
         }
     }
@@ -72,11 +73,11 @@ const CampaignLeaderboard = ({ poll_campaign, height, view_mode, onShowFullLeade
         const player = players.find(p => p.player_id == data.item.player_id);
         if(!player){ return <></> }
         return (
-            <View style={{ flexDirection:'row', alignItems:'center', margin:4, padding:5, borderRadius:22, backgroundColor:Colors.shades.white, borderWidth:1, borderColor:Colors.shades.shade600 }}>
-                <View nativeID="place" style={{ margin:5, height:20, width:20, justifyContent:'center', alignItems:'center', borderRadius:100, borderWidth:1, borderColor:Colors.brand.slate }}>
-                    <Text size={10} color={Colors.brand.midnight} weight='bold' textAlign="center">{offset > 0 ? offset:''}{data.index+1}</Text>
+            <View float style={{ flexDirection:'row', alignItems:'center', margin:4, padding:5, borderRadius:22 }}>
+                <View transparent nativeID="place" style={{ margin:5, height:20, width:20, justifyContent:'center', alignItems:'center', borderRadius:100, borderWidth:1 }}>
+                    <Text size={10} color={Colors.text.h1} weight='bold' textAlign="center">{offset > 0 ? offset:''}{data.index+1}</Text>
                 </View>
-                <View nativeID="player" style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
+                <View transparent nativeID="player" style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
                     <View nativeID="profile_pic" style={{ marginRight:10 }}>
                         <Image
                             source={{ uri: player.profile_pic && player.profile_pic != '' ? player.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1689262384/default-avatar_bbkn2t.png' }}
@@ -84,11 +85,11 @@ const CampaignLeaderboard = ({ poll_campaign, height, view_mode, onShowFullLeade
                             resizeMode='cover'
                         />
                     </View>
-                    <View style={{ flex:1 }} nativeID="name">
-                        <Text size={14} color={Colors.brand.midnight} weight='bold'>{player.username}</Text>
-                        <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{data.item.winnings.toFixed(2)} Points</Text>
+                    <View transparent style={{ flex:1 }} nativeID="name">
+                        <Text size={14} color={Colors.text.h1} weight='bold'>{player.username}</Text>
+                        <Text style={{ marginTop:3 }} size={12} color={Colors.text.h1} weight='regular'>{data.item.winnings.toFixed(2)} Points</Text>
                     </View>
-                    <View>
+                    <View float style={{ padding:5, borderRadius:100 }}>
                         {renderTrophy(data.index+1)}
                     </View>
                 </View>
@@ -97,77 +98,65 @@ const CampaignLeaderboard = ({ poll_campaign, height, view_mode, onShowFullLeade
     }
 
     return (
-        <View style={{ flex:1, height:height, backgroundColor:Colors.shades.shade100 }}>
+        <View style={{ flex:1}}>
             {my_leader && me ?
-            <View nativeID="my_results" style={{ backgroundColor:Colors.brand.midnight, padding:10 }}>
-                <Text style={{ padding:10 }} size={14} color={Colors.shades.white} weight='bold'>My Results</Text>
-                <View style={{ flexDirection:'row', alignItems:'center', margin:4, padding:5, borderRadius:22, backgroundColor:Colors.shades.white }}>
-                    <View nativeID="player" style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
-                        <View nativeID="profile_pic" style={{ marginRight:10 }}>
+            <View type='header' nativeID="my_results" style={{ padding:10 }}>
+                <Text style={{ padding:10 }} size={14} theme='h1' weight='bold'>My Results</Text>
+                <View float style={{ flexDirection:'row', alignItems:'center', margin:4, padding:5, borderRadius:22 }}>
+                    <View transparent nativeID="player" style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
+                        <View transparent nativeID="profile_pic" style={{ marginRight:10 }}>
                             <Image
                                 source={{ uri: me.profile_pic && me.profile_pic != '' ? me.profile_pic : 'https://res.cloudinary.com/hoabts6mc/image/upload/v1689262384/default-avatar_bbkn2t.png' }}
                                 style={{ height:35, width:35, borderRadius:100 }}
                                 resizeMode='cover'
                             />
                         </View>
-                        <View style={{ flex:1 }} nativeID="name">
-                            <Text size={14} color={Colors.brand.midnight} weight='bold'>{me.username}</Text>
-                            <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{my_leader.winnings.toFixed(2)} Points</Text>
+                        <View transparent style={{ flex:1 }} nativeID="name">
+                            <Text size={14} theme='h1' weight='bold'>{me.username}</Text>
+                            <Text style={{ marginTop:3 }} size={12} theme='description' weight='regular'>{my_leader.winnings.toFixed(2)} Points</Text>
                         </View>
-                        <View>
+                        <View float style={{ padding:5, borderRadius:100 }}>
                             {renderTrophy(my_leader.place)}
                         </View>
                     </View>
                 </View>
             </View>
             :<></>}
-            <ScrollView style={{flex:1, padding:10}}>
+            <View style={{flex:1, padding:15 }}>
                 {loading ?
-                    <ActivityIndicator size='large' color={Colors.brand.midnight} style={{ padding:10, alignSelf:'center' }} />
+                <ActivityIndicator size='large' color={Colors.text.h1} style={{ padding:20, alignSelf:'center' }} />
                 :<></>}
                 <FlatList
                     data={filtered_leaders}
                     renderItem={renderLeaders}
                     keyExtractor={((item) => item.player_id.toString())}
                 />
-            </ScrollView>
+            </View>
             {view_mode == 'full' ?
-            <View style={{ flexDirection:'row', alignItems:'center' }}>
-                {offset > 0 ?
-                <Button
-                    title='PREV'
-                    title_color={Colors.brand.electric}
-                    backgroundColor='transparent'
-                    onPress={() => getDataFromServer(offset - 1)}
-                />
-                :<></>}
-                <View style={{flex:1}} />
-                <Button
-                    title='NEXT'
-                    title_color={Colors.brand.electric}
-                    backgroundColor='transparent'
-                    onPress={() => getDataFromServer(offset + 1)}
+            <View>
+                <Pagination
+                    offset={offset}
+                    onNext={() => getDataFromServer(offset + 1)}
+                    onPrevious={() => getDataFromServer(offset - 1)}
                 />
             </View>
             :<></>}
             {view_mode == 'short' && onShowFullLeaderboard ?
-            <View style={{ ...view_styles.section_footer }}>
+            <View type='footer' style={{ flexDirection:'row', padding:10 }}>
                 <Button
                     title='See Full Leaderboard'
-                    style={{ flex:1, alignSelf:'center' }}
-                    title_color={Colors.brand.electric}
-                    backgroundColor='transparent'
+                    style={{ flex:1, alignSelf:'center', padding:0 }}
+                    type='text'
                     onPress={() => onShowFullLeaderboard()}
                 />
             </View>
             :<></>}
             {onClose ?
-            <View style={{ ...view_styles.section_footer }}>
+            <View type='footer' style={{ flexDirection:'row', padding:10 }}>
                 <Button
                     title='CLOSE'
                     style={{ flex:1 }}
-                    title_color={Colors.shades.white}
-                    backgroundColor={Colors.utility.error}
+                    type='close'
                     onPress={() => onClose()}
                 />
             </View>

package/src/Poll/components/CampaignProgressBar.tsx

@@ -1,8 +1,9 @@
-import { FlatList, TouchableOpacity, View } from "react-native"
+import { FlatList } from "react-native"
 import React, { useState } from "react"
 import type { PollCampaignProps, PollProps, PollResponseProps } from '../../types';
-import Colors from '../../constants/colors';
-import { Icons, Text } from '../../Components';
+import { Icons } from '../../Components';
+import { useColors } from "../../constants/useColors";
+import { Button, Text, View } from "../../Components/Themed";
 
 type CampaignProgressBarProps = {
     poll_campaign:PollCampaignProps,
@@ -13,25 +14,26 @@ type CampaignProgressBarProps = {
 }
 
 const CampaignProgressBar = ({ poll_responses, active_poll, polls, onPollSelect}:CampaignProgressBarProps) => {
+    const Colors = useColors();
     const [ progress_width, setProgressWidth ] = useState(0)
     const getBarColor = (pr:PollResponseProps) => {
         switch(pr.result_ind){
-            case 'win': return Colors.utility.success
-            case 'lose': return Colors.utility.error
-            default: return Colors.utility.warning
+            case 'win': return Colors.text.success
+            case 'lose': return Colors.text.error
+            default: return Colors.text.warning
         }
     }
     
     const renderProgress = (data: {item: PollProps, index:number }) => {
         let width = progress_width / polls.length
-        let color = Colors.shades.white
+        let color = Colors.text.white
         let response = poll_responses.find(pr => pr.poll_id == data.item.poll_id)
         if(response){ color = getBarColor(response) }
         const active = active_poll == data.item.poll_id ? true : false
         return (
-            <TouchableOpacity
+            <Button
                 onPress={() => onPollSelect(data.item)} 
-                style={{ margin:2, borderWidth:active?2:0, borderColor:Colors.brand.midnight, borderRadius:4, height:20, width: width - 4, backgroundColor:color }} 
+                style={{ margin:2, borderWidth:active?2:0, padding:0, borderColor:Colors.absolutes.brand.midnight, borderRadius:4, height:20, width: width - 4, backgroundColor:color }} 
             />
         )
     }
@@ -41,9 +43,9 @@ const CampaignProgressBar = ({ poll_responses, active_poll, polls, onPollSelect}
 
     return (
         <View style={{ flexDirection:'row', alignItems:'center' }}>
-            <View nativeID="questions_answered" style={{ flexDirection:'row', alignItems:'center', margin:5, borderRadius:4, backgroundColor:Colors.highlights.highlight400, padding:5 }}>
-                <Icons.UserIcon color={Colors.shades.white} size={12} />
-                <Text style={{ marginLeft:5 }} size={12} color={Colors.shades.white} weight='semibold'>{questions_answered}</Text>
+            <View nativeID="questions_answered" style={{ flexDirection:'row', alignItems:'center', margin:5, borderRadius:4, padding:5 }}>
+                <Icons.UserIcon color={Colors.text.h1} size={12} />
+                <Text style={{ marginLeft:5 }} size={12} color={Colors.text.h1} weight='semibold'>{questions_answered}</Text>
             </View>
             <View nativeID="progress_bar" style={{ flex:1 }} onLayout={(ev) => {
                 const { width } = ev.nativeEvent.layout;
@@ -56,9 +58,9 @@ const CampaignProgressBar = ({ poll_responses, active_poll, polls, onPollSelect}
                     renderItem={renderProgress}
                 />
             </View>
-            <View nativeID="questions_answered" style={{ flexDirection:'row', alignItems:'center', margin:5, borderRadius:4, backgroundColor:Colors.utility.warning, padding:5 }}>
-                <Icons.ListIcon color={Colors.shades.white} size={12} />
-                <Text style={{ marginLeft:5 }} size={12} color={Colors.shades.white} weight='semibold'>{questions_unanswered}</Text>
+            <View nativeID="questions_answered" style={{ flexDirection:'row', alignItems:'center', margin:5, borderRadius:4, backgroundColor:Colors.text.warning, padding:5 }}>
+                <Icons.ListIcon color={Colors.text.white} size={12} />
+                <Text style={{ marginLeft:5 }} size={12} color={Colors.text.white} weight='semibold'>{questions_unanswered}</Text>
             </View>
         </View>
     )

package/src/Poll/components/CampaignResult.tsx

@@ -1,10 +1,9 @@
-import { TouchableOpacity, View } from "react-native"
 import React, { useState } from "react"
 import type { PollCampaignProps } from "../../types"
-import { Icons, Text } from "../../Components"
-import Colors from '../../constants/colors';
-import { view_styles } from "../../constants/styles"
+import { Icons } from "../../Components"
 import CampaignLeaderboard from "./CampaignLeaderboard"
+import { Button, Text, View } from "../../Components/Themed"
+import { useColors } from "../../constants/useColors"
 
 type CampaignResultProps = {
     poll_campaign:PollCampaignProps,
@@ -13,19 +12,20 @@ type CampaignResultProps = {
 
 const CampaignResult = ({ poll_campaign, onShowFullLeaderboard } : CampaignResultProps) => {
     const [ expanded, setExpanded ] = useState(false);
+    const Colors = useColors();
 
     return (
-        <View style={{ flex:1, ...view_styles.section }}>
-            <TouchableOpacity style={{ ...view_styles.section_header }} onPress={() => setExpanded(!expanded)}>
-                <Icons.PodiumIcon size={18} color={Colors.brand.midnight} />
-                <View style={{flex:1, marginLeft:10}}>
-                    <Text theme="header">Leaderboard</Text>
-                    <Text style={{ marginTop:3 }} theme="body">Below are the leaderboard results!</Text>
+        <View float style={{ flex:1 }}>
+            <Button style={{ flexDirection:'row', alignItems:'center', padding:20, backgroundColor:Colors.views.header }} onPress={() => setExpanded(!expanded)}>
+                <Icons.PodiumIcon size={18} color={Colors.text.h1} />
+                <View transparent style={{flex:1, marginLeft:10}}>
+                    <Text theme="h1">Leaderboard</Text>
+                    <Text style={{ marginTop:3 }} theme="description">Below are the leaderboard results!</Text>
                 </View>
-                <Icons.ChevronIcon size={8} color={Colors.brand.midnight} direction={expanded ? 'up' : 'down'} />
-            </TouchableOpacity>
+                <Icons.ChevronIcon size={8} color={Colors.text.h1} direction={expanded ? 'up' : 'down'} />
+            </Button>
             {expanded ?
-            <View style={{ ...view_styles.section_body, padding:0, backgroundColor:Colors.shades.shade100 }}>
+            <View style={{ padding:0 }}>
                 <CampaignLeaderboard
                     view_mode="short"
                     poll_campaign={poll_campaign}