be-components 3.5.7 → 3.5.8

package/lib/typescript/src/CompetitionManager/components/CompetitionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompetitionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/CompetitionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAK7E,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAC,MAAM,CAAC;IACb,cAAc,EAAC,OAAO,CAAC;IACvB,WAAW,EAAC,gBAAgB,CAAC;IAC7B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAE;QACf,KAAK,EAAC,OAAO,CAAC;QACd,IAAI,EAAC,OAAO,CAAC;QACb,QAAQ,EAAC,OAAO,CAAC;QACjB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,QAAQ,EAAC,OAAO,CAAA;KACnB,CAAC;IACF,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,iBAAiB,8HAA8H,sBAAsB,sBA6G1K,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"CompetitionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/CompetitionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI7E,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAC,MAAM,CAAC;IACb,cAAc,EAAC,OAAO,CAAC;IACvB,WAAW,EAAC,gBAAgB,CAAC;IAC7B,qBAAqB,EAAC,uBAAuB,EAAE,CAAC;IAChD,iBAAiB,EAAE;QACf,KAAK,EAAC,OAAO,CAAC;QACd,IAAI,EAAC,OAAO,CAAC;QACb,QAAQ,EAAC,OAAO,CAAC;QACjB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,QAAQ,EAAC,OAAO,CAAA;KACnB,CAAC;IACF,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAC,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,iBAAiB,8HAA8H,sBAAsB,sBAsH1K,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/lib/typescript/src/CompetitionManager/components/CompetitionInfoForm.d.ts

@@ -7,6 +7,6 @@ type CompetitionInfoFormProps = {
     width: number;
     onCompetitionUpdate: (competition: CompetitionProps) => void;
 };
-declare const CompetitionInfoForm: ({ is_valid, player, competition, width, onCompetitionUpdate }: CompetitionInfoFormProps) => React.JSX.Element;
+declare const CompetitionInfoForm: ({ is_valid, player, competition, onCompetitionUpdate }: CompetitionInfoFormProps) => React.JSX.Element;
 export default CompetitionInfoForm;
 //# sourceMappingURL=CompetitionInfoForm.d.ts.map

package/lib/typescript/src/CompetitionManager/components/CompetitionInfoForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompetitionInfoForm.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/CompetitionInfoForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKnE,KAAK,wBAAwB,GAAG;IAC5B,WAAW,EAAC,gBAAgB,CAAC;IAC7B,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAC,CAAC,WAAW,EAAC,gBAAgB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,mBAAmB,kEAAkE,wBAAwB,sBA+GlH,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CompetitionInfoForm.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/CompetitionInfoForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMnE,KAAK,wBAAwB,GAAG;IAC5B,WAAW,EAAC,gBAAgB,CAAC;IAC7B,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAC,CAAC,WAAW,EAAC,gBAAgB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,mBAAmB,2DAA2D,wBAAwB,sBA2G3G,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/lib/typescript/src/CompetitionManager/components/CompetitionSettingsForm.d.ts

@@ -9,6 +9,6 @@ type CompetitionSettingsFormProps = {
     onShowPacers: () => void;
     onCompetitionUpdate: (c: CompetitionProps) => void;
 };
-declare const CompetitionSettingsForm: ({ is_valid, player, width, competition, competition_result_types, onCompetitionUpdate, onShowPacers }: CompetitionSettingsFormProps) => React.JSX.Element;
+declare const CompetitionSettingsForm: ({ is_valid, player, competition, competition_result_types, onCompetitionUpdate, onShowPacers }: CompetitionSettingsFormProps) => React.JSX.Element;
 export default CompetitionSettingsForm;
 //# sourceMappingURL=CompetitionSettingsForm.d.ts.map

package/lib/typescript/src/CompetitionManager/components/CompetitionSettingsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompetitionSettingsForm.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/CompetitionSettingsForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,aAAa,EAAqB,MAAM,aAAa,CAAC;AAQlH,KAAK,4BAA4B,GAAG;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,YAAY,EAAC,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAA;CACnD,CAAA;AAID,QAAA,MAAM,uBAAuB,0GAA2G,4BAA4B,sBAiMnK,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"CompetitionSettingsForm.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/CompetitionSettingsForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,aAAa,EAAqB,MAAM,aAAa,CAAC;AAQlH,KAAK,4BAA4B,GAAG;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,YAAY,EAAC,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAA;CACnD,CAAA;AAID,QAAA,MAAM,uBAAuB,mGAAoG,4BAA4B,sBAyL5J,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/lib/typescript/src/CompetitionManager/components/ContestSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContestSelector.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/ContestSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK3D,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAC,OAAO,CAAC;IACvB,MAAM,EAAC,MAAM,CAAC;IACd,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,oBAAoB,EAAC,UAAU,EAAE,CAAC;IAClC,iBAAiB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,MAAM,EAAC,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,EAAE,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAChD,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,eAAe,0IAA0I,oBAAoB,sBAmPlL,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ContestSelector.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/ContestSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO3D,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAC,OAAO,CAAC;IACvB,MAAM,EAAC,MAAM,CAAC;IACd,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,oBAAoB,EAAC,UAAU,EAAE,CAAC;IAClC,iBAAiB,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,MAAM,EAAC,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,EAAE,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IAChD,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,eAAe,0IAA0I,oBAAoB,sBAgPlL,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/src/CompetitionManager/components/ContestSettingsForm.d.ts

@@ -10,6 +10,6 @@ type ContestSettingsFormProps = {
     events: EventProps[];
     onCompetitionUpdate: (c: CompetitionProps) => void;
 };
-declare const ContestSettingsForm: ({ is_valid, width, competition, competition_matches, competition_match_markets, competition_types, events, onCompetitionUpdate }: ContestSettingsFormProps) => React.JSX.Element;
+declare const ContestSettingsForm: ({ is_valid, competition, competition_matches, competition_match_markets, competition_types, events, onCompetitionUpdate }: ContestSettingsFormProps) => React.JSX.Element;
 export default ContestSettingsForm;
 //# sourceMappingURL=ContestSettingsForm.d.ts.map

package/lib/typescript/src/CompetitionManager/components/ContestSettingsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContestSettingsForm.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/ContestSettingsForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAO1I,KAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,WAAW,EAAC,gBAAgB,CAAC;IAC7B,mBAAmB,EAAC,qBAAqB,EAAE,CAAC;IAC5C,yBAAyB,EAAC,2BAA2B,EAAE,CAAC;IACxD,iBAAiB,EAAC,oBAAoB,EAAE,CAAC;IACzC,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAA;CACpD,CAAA;AAID,QAAA,MAAM,mBAAmB,qIAAqI,wBAAwB,sBAiKrL,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ContestSettingsForm.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/ContestSettingsForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAO1I,KAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,WAAW,EAAC,gBAAgB,CAAC;IAC7B,mBAAmB,EAAC,qBAAqB,EAAE,CAAC;IAC5C,yBAAyB,EAAC,2BAA2B,EAAE,CAAC;IACxD,iBAAiB,EAAC,oBAAoB,EAAE,CAAC;IACzC,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAA;CACpD,CAAA;AAID,QAAA,MAAM,mBAAmB,8HAA8H,wBAAwB,sBA2I9K,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/lib/typescript/src/CompetitionManager/components/MarketSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketSelector.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/MarketSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAC,MAAM,CAAC;IACb,MAAM,EAAC,MAAM,CAAC;IACd,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,gBAAgB,EAAC,MAAM,EAAE,CAAC;IAC1B,cAAc,EAAE,CAAC,MAAM,EAAC,WAAW,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,MAAM,EAAC,WAAW,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,cAAc,4FAA8F,mBAAmB,sBA6DpI,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"MarketSelector.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/MarketSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAC,MAAM,CAAC;IACb,MAAM,EAAC,MAAM,CAAC;IACd,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,gBAAgB,EAAC,MAAM,EAAE,CAAC;IAC1B,cAAc,EAAE,CAAC,MAAM,EAAC,WAAW,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,MAAM,EAAC,WAAW,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,cAAc,4FAA8F,mBAAmB,sBA2DpI,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/CompetitionManager/components/PlayerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerSelector.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/PlayerSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AASrD,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAC,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,cAAc,+CAA+C,mBAAmB,sBAkGrF,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"PlayerSelector.d.ts","sourceRoot":"","sources":["../../../../../src/CompetitionManager/components/PlayerSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AASrD,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAC,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,MAAM,EAAC,iBAAiB,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,cAAc,+CAA+C,mBAAmB,sBA+FrF,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -2,8 +2,14 @@ import React from 'react';
 type CompetitionManagerProps = {
     player_id?: string;
     competition_id: string;
+    insets?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
     onClose: () => void;
 };
-declare const CompetitionManager: ({ player_id, competition_id, onClose }: CompetitionManagerProps) => React.JSX.Element;
+declare const CompetitionManager: ({ player_id, competition_id, onClose, insets }: CompetitionManagerProps) => React.JSX.Element;
 export default CompetitionManager;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/CompetitionManager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiBnD,KAAK,uBAAuB,GAAG;IAC3B,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,MAAM,CAAC;IACtB,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,kBAAkB,2CAA2C,uBAAuB,sBA2lBzF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/CompetitionManager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,KAAK,uBAAuB,GAAG;IAC3B,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,MAAM,CAAC;IACtB,MAAM,CAAC,EAAC;QAAC,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAC,CAAC;IAC/D,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,kBAAkB,mDAAmD,uBAAuB,sBAwlBjG,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/typescript/src/MarketComponents/components/OrderBook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderBook.d.ts","sourceRoot":"","sources":["../../../../../src/MarketComponents/components/OrderBook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAQ3D,KAAK,kBAAkB,GAAG;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,aAAa,mEAAmE,kBAAkB,sBA+EvG,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"OrderBook.d.ts","sourceRoot":"","sources":["../../../../../src/MarketComponents/components/OrderBook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAQ3D,KAAK,kBAAkB,GAAG;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,aAAa,mEAAmE,kBAAkB,sBAgFvG,CAAA;AAED,eAAe,aAAa,CAAA"}

package/package.json

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

package/src/CompetitionManager/components/AthleteSelector.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import { FlatList, ScrollView, TouchableOpacity, View, Image, ActivityIndicator } from 'react-native';
-import Colors from '../../constants/colors';
-import { Button, Switch, Text } from '../../Components';
+import { FlatList, Image, ActivityIndicator } from 'react-native';
+import { Switch, Toggle } from '../../Components';
 import SearchBox from '../../Components/SearchBox';
-import { view_styles } from '../../constants/styles';
 import type { AthleteProps, EventProps, MatchProps, TournamentProps } from '../../types';
 import { ManageCompetitionMatchApi } from '../api';
+import { Button, Text, View } from '../../Components/Themed';
+import { useColors } from '../../constants/useColors';
 
 type AthleteSelectorProps = {
     width:number,
@@ -22,6 +22,7 @@ type AthleteSelectorProps = {
 }
 
 const AthleteSelector = ({ width, height, event, tournament, match, filtered_athletes, selected_athletes, filtered_positions, onSelectAthlete, onDeselectAthlete, onClose }:AthleteSelectorProps) => {
+    const Colors = useColors();
     const [ search_value, setSearchValue ] = useState('');
     const [ selector_data, setSelectorData ] = useState<{
         loading:boolean,
@@ -67,15 +68,15 @@ const AthleteSelector = ({ width, height, event, tournament, match, filtered_ath
     const renderAthletes = (data: { item:AthleteProps, index:number }) => {
         const selected = selected_athletes.includes(data.item.athlete_id) ? true : false
         return (
-            <TouchableOpacity style={{ ...view_styles.body_row, padding:10, borderBottomWidth:1, borderColor:Colors.shades.shade600 }} onPress={() => selected ? onDeselectAthlete(data.item) : onSelectAthlete(data.item)}>
+            <Button style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomWidth:1, borderColor:Colors.borders.light }} onPress={() => selected ? onDeselectAthlete(data.item) : onSelectAthlete(data.item)}>
                 <Image
                     source={{ uri: data.item.image?.url ?? data.item.team?.image?.url ?? '' }}
                     style={{ height:30, width:30 }}
                     resizeMode='cover'
                 />                
-                <View style={{ flex:1, marginLeft:10, marginRight:10 }}>
-                    <Text size={14} color={Colors.brand.midnight} weight='bold'>{data.item.first_name} {data.item.last_name} ({data.item.position})</Text>
-                    <Text style={{ marginTop:3 }} size={14} color={Colors.brand.midnight} weight='regular'>{data.item.team?.market_name??''} {data.item.team?.name ?? ''}</Text>
+                <View transparent style={{ flex:1, marginLeft:10, marginRight:10 }}>
+                    <Text size={14} theme='h1'>{data.item.first_name} {data.item.last_name} ({data.item.position})</Text>
+                    <Text style={{ marginTop:3 }} size={14} theme='description'>{data.item.team?.market_name??''} {data.item.team?.name ?? ''}</Text>
                 </View>
                 <Switch 
                     switch_type="on_off"
@@ -85,55 +86,32 @@ const AthleteSelector = ({ width, height, event, tournament, match, filtered_ath
                         return onDeselectAthlete(data.item)
                     }}
                 />
-            </TouchableOpacity>
+            </Button>
         )
     }
 
     return (
-        <View style={{ width, height, backgroundColor:Colors.shades.white }}>
-            <View style={{ ...view_styles.section_header }}>
-                <View style={{ flex:1 }}>
-                    <Text theme='header'>MANAGE ATHLETES</Text>
+        <View style={{ width, height }}>
+            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:20 }}>
+                <View transparent style={{ flex:1 }}>
+                    <Text theme='h1'>MANAGE ATHLETES</Text>
                 </View>
             </View>
-            <ScrollView style={{ flex:1 }}>
-                <View style={{ ...view_styles.section_body }}>
+            <View style={{ flex:1 }}>
+                <View type='body'>
                 {event?.away && event?.home ?
-                <View style={{ ...view_styles.body_row, margin:10, backgroundColor:Colors.shades.white, borderRadius:22, borderWidth:4, borderColor:Colors.shades.shade100}}>
-                    <Button
-                        title={event.away.abbr}
-                        title_color={event_side == 'away' ? Colors.shades.white : Colors.brand.midnight}
-                        title_weight={event_side == 'away' ? 'bold' : 'regular'}
-                        padding={15}
-                        title_size={12}
-                        style={{flex:1}}
-                        borderRadiusOverride={{
-                            borderTopLeftRadius: 22,
-                            borderBottomLeftRadius:22,
-                            borderTopRightRadius:0,
-                            borderBottomRightRadius:0
-                        }}
-                        backgroundColor={event_side == 'away' ? Colors.brand.midnight : Colors.shades.white}
-                        onPress={() => setSelectorData({ ...selector_data, event_side: 'away' })}
+                <View style={{ padding:10 }}>
+                     <Toggle
+                        options={[
+                            {key: 'away', label: event.away.abbr},
+                            {key:'home', label: event.home.abbr}
+                        ]}
+                        selected_option={event_side}
+                        onSelectOption={(option) => setSelectorData({ ...selector_data, event_side: option })}
                     />
-                    <Button
-                        title={event.home.abbr}
-                        style={{flex:1}}
-                        title_size={12}
-                        title_color={event_side == 'home' ? Colors.shades.white : Colors.brand.midnight}
-                        title_weight={event_side == 'home' ? 'bold' : 'regular'}
-                        padding={15}
-                        borderRadiusOverride={{
-                            borderTopLeftRadius: 0,
-                            borderBottomLeftRadius:0,
-                            borderTopRightRadius:22,
-                            borderBottomRightRadius:22
-                        }}
-                        backgroundColor={event_side == 'home' ? Colors.brand.midnight : Colors.shades.white}
-                        onPress={() => setSelectorData({ ...selector_data, event_side: 'home' })}
-                    />
-                    </View>
-                    :<></>}
+                </View>
+                   
+                :<></>}
                     <View style={{ marginTop:0 }}>
                         <SearchBox 
                             onChange={(text) => setSearchValue(text)}
@@ -141,7 +119,7 @@ const AthleteSelector = ({ width, height, event, tournament, match, filtered_ath
                         />
                     </View>
                     {loading ?
-                    <ActivityIndicator size='large' color={Colors.brand.midnight} style={{ padding:20, alignSelf:'center' }} />
+                    <ActivityIndicator size='large' color={Colors.text.h1} style={{ padding:20, alignSelf:'center' }} />
                     :<></>}
                     <FlatList
                         data={available_athletes}
@@ -149,10 +127,12 @@ const AthleteSelector = ({ width, height, event, tournament, match, filtered_ath
                         keyExtractor={(item) => item.athlete_id.toString()}
                     />
                 </View>
-            </ScrollView>
-            <View style={{ ...view_styles.section_footer }}>
+            </View>
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
                 <Button
                     title='CLOSE'
+                    type='error'
+                    style={{flex:1}}
                     onPress={() => onClose()}
                 />
             </View>

package/src/CompetitionManager/components/CompetitionContestsForm.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
-import { FlatList, Image, TouchableOpacity, View } from "react-native"
+import { FlatList, Image } from "react-native"
 import type { AthleteProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionProps, EventProps, LeagueProps, MarketProps, MatchProps, MyPlayerProps, TeamProps, TournamentProps } from '../../types';
-import Colors from '../../constants/colors';
-import { Button, Icons, Switch, Text } from '../../Components';
+import { Icons, Switch } from '../../Components';
 import CompetitionMatchMarketCard from './CompetitionMatchMarketCard';
 import moment from 'moment-mini';
-import { view_styles } from '../../constants/styles';
+import { Button, Text, View } from '../../Components/Themed';
+import { useColors } from '../../constants/useColors';
 
 
 
@@ -43,7 +43,6 @@ type CompetitionContestsFormProps = {
 const CompetitionContestsForm = ({
     is_valid,
     competition,
-    width,
     primary_markets,
     events,
     athletes,
@@ -62,6 +61,7 @@ const CompetitionContestsForm = ({
     onAddPrimaryMarket,
     onUpdateCompetition
 }:CompetitionContestsFormProps) => {
+    const Colors = useColors();
     const [ expanded, setExpanded ] = useState(true);
     const [ show_match_markets, setShowMatchMarkets ] = useState<string[]>([]);
     const [ active_contest_type ] = useState('team');
@@ -72,8 +72,8 @@ const CompetitionContestsForm = ({
 
     const renderPrimaryMarkets = (data: { item:{ market:MarketProps, included:boolean }, index:number }) => {
         return (
-            <View style={{ padding:10, width:100, borderRadius:8, backgroundColor:Colors.shades.white, margin:5, ...view_styles.float }}>
-                <Text style={{ marginBottom:10 }} theme='header'>{data.item.market.type}</Text>
+            <View float style={{ padding:10, width:100, borderRadius:8,  margin:5 }}>
+                <Text style={{ marginBottom:10 }} theme='h1'>{data.item.market.type}</Text>
                 <Switch
                     switch_type='on_off'
                     value={data.item.included}
@@ -89,40 +89,38 @@ const CompetitionContestsForm = ({
         const show_details = show_match_markets.includes(`${data.event_type}:${data.event_id}:${data.item}`) ? true : false
 
         return (
-            <TouchableOpacity style={{ flex:1, borderRadius:8, borderWidth:1, borderColor:Colors.shades.shade600, padding:10, margin:3,  minWidth:125, backgroundColor:show_details ? Colors.brand.midnight : Colors.shades.white }}
+            <Button float style={{ flex:1, borderRadius:8, borderWidth:1, borderColor:Colors.borders.light, padding:4, margin:3, minWidth:125 }}
             onPress={() => {
                 if(show_details){ return setShowMatchMarkets(show_match_markets.filter(smm => smm != `${data.event_type}:${data.event_id}:${data.item}`)) }
                 return setShowMatchMarkets(show_match_markets.concat(`${data.event_type}:${data.event_id}:${data.item}`))
             }}>
-                <View style={{ flexDirection:'row' }}>
+                <View transparent style={{ flexDirection:'row', alignItems:'flex-start' }}>
                     <Button
                         title='X'
-                        title_color={Colors.shades.white}
-                        backgroundColor={Colors.utility.error}
+                        style={{padding:8}}
+                        type='error'
                         onPress={async() => {
                             const confirmed = await confirm('Are you sure you want to delete this market?')
                             if(!confirmed){ return }
                             onDeleteMarket(data.event_id, data.event_type, market);
                         }}
                     />
-                    <View style={{ flex:1 }}>
-                        <Text size={14} color={show_details?Colors.shades.white:Colors.brand.midnight} weight="bold" textAlign="center">{market.stat_label ?? market.type}</Text>
-                        <Text style={{ marginTop:3 }} size={12} color={show_details?Colors.shades.white:Colors.brand.midnight} textAlign="center">{market.description}</Text>
+                    <View transparent style={{ flex:1 }}>
+                        <Text size={14} theme='h1' weight="bold" textAlign="center">{market.stat_label ?? market.type}</Text>
+                        <Text style={{ marginTop:3 }} size={12} theme='description' textAlign="center">{market.description}</Text>
                     </View>
                 </View>
                 {market.level == 'athlete' && show_details ?
                 <Button
                     title="ADD ATHLETE"
                     style={{ marginTop:5 }}
-                    padding={10}
-                    title_color={Colors.brand.electric}
-                    backgroundColor={Colors.shades.white}
+                    type='success'
                     onPress={() => {
                         onShowAthletes(data.event_id, data.event_type, data.item);
                     }}
                 />
                 :<></>}
-            </TouchableOpacity>
+            </Button>
                 
         )
     }
@@ -192,13 +190,11 @@ const CompetitionContestsForm = ({
 
         const { image_url, header, description } = getMatchTitle(data.item, market)
         return (
-            <View style={{ padding:10, flexDirection:'row', alignItems:'center', borderBottomWidth:1, borderColor:Colors.shades.shade600 }}>
+            <View transparent style={{ padding:10, flexDirection:'row', alignItems:'center', borderBottomWidth:1, borderColor:Colors.borders.light }}>
                 <Button
                     title="X"
                     style={{ marginRight:5 }}
-                    borderWidth={0}
-                    title_size={12}
-                    title_color={Colors.utility.error}
+                    type='error'
                     onPress={() => {
                         if(data.item.market_id_override){
                             return onDeleteCompetitionMatch(data.item.competition_match_id)
@@ -207,7 +203,7 @@ const CompetitionContestsForm = ({
                     }}
                 />
                 {image_url ?
-                <View style={{ padding:5 }}>
+                <View transparent style={{ padding:5 }}>
                     <Image
                         source={{ uri:image_url }}
                         style={{ marginRight:10, height:40, width:40, borderRadius:100 }}
@@ -215,7 +211,7 @@ const CompetitionContestsForm = ({
                     />
                 </View>
                 :<></>}
-                <View style={{ flex:1 }}>
+                <View transparent style={{ flex:1, marginLeft:10, marginRight:5 }}>
                     <Text size={14} weight='bold'>{header}</Text>
                     <Text style={{ marginTop:3 }} size={12} weight='bold'>{description}</Text>
                 </View>
@@ -245,22 +241,19 @@ const CompetitionContestsForm = ({
         const visible_matches = showDetails(data.item, 'team')
         const expanded = expanded_contests.includes(`${event.event_id}:team`) ? true : false
         return (
-            <View style={{ margin:5,  backgroundColor:Colors.shades.white, zIndex: data.index * -1, maxWidth:width }}>
-                <TouchableOpacity style={{ flexDirection:'row', alignItems:'center', padding:15, zIndex:1}} onPress={() => {
+            <View style={{ margin:8 }}>
+                <Button float style={{ flexDirection:'row', alignItems:'center', padding:15, zIndex:1}} onPress={() => {
                     if(expanded){ return setExpandedContests(expanded_contests.filter(c => c != `${event.event_id}:team`)) }
                     else { return setExpandedContests(expanded_contests.concat(`${event.event_id}:team`)) }
                 }}>
                     {['pending','paused'].includes(competition.status) && cms.length == 1 && cmms.length == 0 ? 
                     <Button
                         title="X"
-                        title_color={Colors.utility.error}
-                        borderRadius={8}
-                        borderWidth={1}
-                        borderColor={Colors.utility.error}
+                        type='error'
                         onPress={() => onDeleteCompetitionMatch(cms[0]?.competition_match_id ?? '')}
                     />
                     :<></>}
-                    <View style={{ flex:1, marginLeft:5, flexDirection:'row', alignItems:'center' }}>
+                    <View transparent style={{ flex:1, marginLeft:5, flexDirection:'row', alignItems:'center' }}>
                         {league?.league_image ?
                         <Image
                             source={{ uri: league.league_image }}
@@ -268,87 +261,87 @@ const CompetitionContestsForm = ({
                             resizeMode="cover"
                         />
                         :<></>}
-                        <View style={{ flex:1 }}>
-                            <Text size={14} color={Colors.brand.midnight} weight='bold'>{event.away?.market_name} {event.away?.name} vs {event.home?.market_name} {event.home?.name}</Text>
-                            <Text style={{ marginTop:4 }} size={12} color={Colors.brand.midnight}>{moment(event.scheduled_datetime).format('MMMM DD hh:mm a')}</Text>
+                        <View transparent style={{ flex:1 }}>
+                            <Text size={14} theme='h1'>{event.away?.market_name} {event.away?.name} vs {event.home?.market_name} {event.home?.name}</Text>
+                            <Text style={{ marginTop:4 }} size={12} theme='description'>{moment(event.scheduled_datetime).format('MMMM DD hh:mm a')}</Text>
                         </View>
                     </View>
-                    <View style={{ marginLeft:5, marginRight:5, height:25, width:25, justifyContent:'center', alignItems:'center', borderRadius:100, backgroundColor:Colors.brand.electric }}>
-                        <Text size={10} color={Colors.shades.white} weight='bold'>{unique_market_ids.length}</Text>
+                    <View transparent style={{ marginLeft:5, marginRight:5, height:25, width:25, justifyContent:'center', alignItems:'center', borderRadius:100 }}>
+                        <Text size={10} color={Colors.text.h1} weight='bold'>{unique_market_ids.length}</Text>
                     </View>
-                    <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.brand.midnight} />
-                </TouchableOpacity>
+                    <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.text.h1} />
+                </Button>
                 {expanded ?
-                <View style={{ padding:10 }}>
-                    <View style={{ flexDirection:'row', marginBottom:5 }}>
-                        <Text style={{ flex:1 }} size={16} weight='bold'>Selected Markets</Text>
-                        <Button
-                            title="Add Markets"
-                            title_color={Colors.shades.white}
-                            backgroundColor={Colors.brand.midnight}
-                            onPress={() => {
-                                onShowMarkets(data.item, 'team');
-                            }}
-                        />
-                    </View>
-                     <View style={{ flexDirection:'row', flexWrap: 'wrap', padding:10 }}>
-                        {unique_market_ids.map((market_id, index) => {
-                            return (
-                                renderMarkets({ item: market_id, index, event_id:data.item, event_type:'team' })
-                            )
-                        })}
+                <View float style={{ borderRadius:0, padding:10 }}>
+                    <View transparent style={{ padding:10 }}>
+                        <View transparent style={{ flexDirection:'row', alignItems:'center', marginBottom:5 }}>
+                            <Text style={{ flex:1 }} size={16} weight='bold'>Selected Markets</Text>
+                            <Button
+                                title="Add Markets"
+                                type='info'
+                                onPress={() => {
+                                    onShowMarkets(data.item, 'team');
+                                }}
+                            />
+                        </View>
+                        <View transparent style={{ flexDirection:'row', flexWrap: 'wrap', padding:10 }}>
+                            {unique_market_ids.map((market_id, index) => {
+                                return (
+                                    renderMarkets({ item: market_id, index, event_id:data.item, event_type:'team' })
+                                )
+                            })}
+                        </View>
                     </View>
+                    {visible_matches.length > 0 ?
+                        <FlatList
+                            data={visible_matches}
+                            renderItem={renderCompetitionMatches}
+                            keyExtractor={(item) => item.competition_match_id.toString()}
+                        />
+                    :<></>}
                 </View>
+
                 :<></>}
-                {visible_matches.length > 0 ?
-                    <FlatList
-                        data={visible_matches}
-                        renderItem={renderCompetitionMatches}
-                        keyExtractor={(item) => item.competition_match_id.toString()}
-                    />
-                :<></>}
+                
             </View>
         )
     }
 
-
+    console.log(unique_team_events)
 
 
     return (
-        <View style={{ ...view_styles.section, minWidth:350, flexGrow:1, maxWidth:width }}>
-            <TouchableOpacity style={{ ...view_styles.section_header, maxWidth:width }} onPress={() => setExpanded(!expanded)}>
+        <View float style={{ flexGrow:1, borderRadius:0 }}>
+            <Button float style={{ flexDirection:'row', alignItems:'center', borderRadius:0 }} onPress={() => setExpanded(!expanded)}>
                 {is_valid ?
-                <Icons.CheckCirlceIcon size={16} color={Colors.utility.success} />
+                <Icons.CheckCirlceIcon size={16} color={Colors.text.success} />
                 :
-                <Icons.AlertIcon size={16} color={Colors.utility.warning} />
+                <Icons.AlertIcon size={16} color={Colors.text.warning} />
                 }
-                <View style={{ flex:1, marginRight:10, marginLeft:10 }}>
-                    <Text theme='header'>Competition Contests</Text>
-                    <Text style={{ marginTop:3 }} theme='body'>Competitions require contests for users to make picks / wagers.  Select 'Add Contests' to get started.</Text>
+                <View transparent style={{ flex:1, marginRight:10, marginLeft:10 }}>
+                    <Text theme='h1'>Competition Contests</Text>
+                    <Text style={{ marginTop:3 }} theme='description'>Competitions require contests for users to make picks / wagers.  Select 'Add Contests' to get started.</Text>
                 </View>
-                <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.brand.midnight} />
-            </TouchableOpacity>
+                <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.text.h1} />
+            </Button>
             {expanded ?
-            <View style={{ ...view_styles.section_body, padding:0, backgroundColor:Colors.shades.shade100 }}>
-                
-                <View style={{ ...view_styles.section_header }}>
-                    <TouchableOpacity style={{ flex:1 }}>
-                        <Text theme='header'>Team Events</Text>
-                        <Text style={{ marginTop:3 }} theme='body'>Select team based events to include in this competition</Text>
-                    </TouchableOpacity>
+            <View type='body' style={{ padding:0 }}>
+                <View style={{flexDirection:'row', alignItems:'center', padding:10, borderBottomWidth:1, borderColor:Colors.borders.light}}>
+                    <Button style={{ flex:1, padding:0 }}>
+                        <Text theme='h1'>Team Events</Text>
+                        <Text style={{ marginTop:3 }} theme='description'>Select team based events to include in this competition</Text>
+                    </Button>
                     <Button
                         title='ADD'
-                        padding={10}
-                        title_color={Colors.shades.white}
-                        backgroundColor={Colors.utility.success}
+                        type='success'
                         onPress={() => onShowContests()}
                     />
                 </View>
                 {player?.role == 'admin' ?
-                <View style={{ ...view_styles.body_row, padding:20, backgroundColor:Colors.highlights.highlight200Faded }}>
+                <View type='row' style={{  padding:20 }}>
                     <View style={{ flex:1 }}>
-                        <Text theme='header'>Append To Events</Text>
-                        <Text style={{ marginTop:3 }} theme='body'>Should the 'Pick 6' button show up on events that are included in this competition?</Text>
+                        <Text theme='h1'>Append To Events</Text>
+                        <Text style={{ marginTop:3 }} theme='description'>Should the 'Pick 6' button show up on events that are included in this competition?</Text>
                     </View>
                     <Switch 
                         value={append_to_events}
@@ -361,7 +354,7 @@ const CompetitionContestsForm = ({
                 </View>
                 :<></>}
                 <View style={{ padding:10 }}>
-                    <Text style={{ padding:10 }} theme='header_2'>The following markets can be added to all events</Text>
+                    <Text style={{ padding:10 }} theme='h2'>The following markets can be added to all events</Text>
                     <View style={{ padding:5 }}>
                         <FlatList
                             data={primary_markets}
@@ -371,9 +364,9 @@ const CompetitionContestsForm = ({
                         />
                     </View>
                 </View>
-                <View style={{ ...view_styles.section_body, padding:0 }}>
+                <View type='body' style={{ padding:0 }}>
                     {active_contest_type == 'team' ?
-                    <View>
+                    <View transparent>
                         {unique_team_events.map((id, index) => {
                             return renderTeamEvents({ item:id, index })
                         })}