be-components 3.5.7 → 3.5.9

package/lib/module/CompetitionManager/components/MarketSelector.js

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
-import { FlatList, ScrollView, TouchableOpacity, View } from "react-native";
-import { Button, Switch, Text } from '../../Components';
-import Colors from '../../constants/colors';
-import { view_styles } from '../../constants/styles';
+import { FlatList } from "react-native";
+import { Switch } from '../../Components';
 import SearchBox from '../../Components/SearchBox';
+import { useColors } from '../../constants/useColors';
+import { Button, Text, View } from '../../Components/Themed';
 const MarketSelector = ({
   width,
   height,
@@ -14,33 +14,34 @@ const MarketSelector = ({
   onClose
 }) => {
   const [search_value, setSearchValue] = useState('');
+  const Colors = useColors();
   const filtered_markets = markets.filter(m => `${m.type} ${m.description}`.toLowerCase().includes(search_value.toLowerCase()));
   const renderMarkets = data => {
     const selected = selected_markets.includes(data.item.market_id) ? true : false;
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    return /*#__PURE__*/React.createElement(Button, {
       style: {
-        ...view_styles.body_row,
+        flexDirection: 'row',
+        alignItems: 'center',
         padding: 10,
         borderBottomWidth: 1,
-        borderColor: Colors.shades.shade600
+        borderColor: Colors.borders.light
       },
       onPress: () => selected ? onDeselectMarket(data.item) : onSelectMarket(data.item)
     }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
       style: {
         flex: 1,
         marginRight: 10
       }
     }, /*#__PURE__*/React.createElement(Text, {
       size: 14,
-      color: Colors.brand.midnight,
-      weight: "bold"
+      theme: "h1"
     }, data.item.type == 'Stat' ? data.item.stat_label : data.item.type), /*#__PURE__*/React.createElement(Text, {
       style: {
         marginTop: 3
       },
       size: 14,
-      color: Colors.brand.midnight,
-      weight: "regular"
+      theme: "description"
     }, data.item.description)), /*#__PURE__*/React.createElement(Switch, {
       switch_type: "on_off",
       value: selected,
@@ -55,27 +56,28 @@ const MarketSelector = ({
   return /*#__PURE__*/React.createElement(View, {
     style: {
       width,
-      height,
-      backgroundColor: Colors.shades.white
+      height
     }
   }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
     style: {
-      ...view_styles.section_header
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 20
     }
   }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
     style: {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    theme: "header"
-  }, "MANAGE MARKETS"))), /*#__PURE__*/React.createElement(ScrollView, {
+    theme: "h1"
+  }, "MANAGE MARKETS"))), /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section_body
-    }
+    type: "body"
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       marginTop: 0
@@ -88,17 +90,18 @@ const MarketSelector = ({
     renderItem: renderMarkets,
     keyExtractor: item => item.market_id.toString()
   }))), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
     style: {
-      ...view_styles.section_footer
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
   }, /*#__PURE__*/React.createElement(Button, {
     title: "CLOSE",
     style: {
       flex: 1
     },
-    padding: 15,
-    title_color: Colors.shades.white,
-    backgroundColor: Colors.utility.error,
+    type: "error",
     onPress: () => onClose()
   })));
 };

package/lib/module/CompetitionManager/components/MarketSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","FlatList","ScrollView","TouchableOpacity","View","Button","Switch","Text","Colors","view_styles","SearchBox","MarketSelector","width","height","markets","selected_markets","onSelectMarket","onDeselectMarket","onClose","search_value","setSearchValue","filtered_markets","filter","m","type","description","toLowerCase","includes","renderMarkets","data","selected","item","market_id","createElement","style","body_row","padding","borderBottomWidth","borderColor","shades","shade600","onPress","flex","marginRight","size","color","brand","midnight","weight","stat_label","marginTop","switch_type","value","onChange","backgroundColor","white","section_header","theme","section_body","text","hide_search_button","renderItem","keyExtractor","toString","section_footer","title","title_color","utility","error"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/MarketSelector.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAE3E,SAASC,MAAM,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AACvD,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,SAASC,WAAW,QAAQ,wBAAwB;AACpD,OAAOC,SAAS,MAAM,4BAA4B;AAWlD,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,OAAO;EAAEC,gBAAgB;EAAEC,cAAc;EAAEC,gBAAgB;EAAEC;AAA8B,CAAC,KAAK;EACtI,MAAM,CAAEC,YAAY,EAAEC,cAAc,CAAE,GAAGpB,QAAQ,CAAC,EAAE,CAAC;EAGrD,MAAMqB,gBAAgB,GAAGP,OAAO,CAACQ,MAAM,CAACC,CAAC,IAAI,GAAGA,CAAC,CAACC,IAAI,IAAID,CAAC,CAACE,WAAW,EAAE,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACR,YAAY,CAACO,WAAW,CAAC,CAAC,CAAC,CAAC;EAG7H,MAAME,aAAa,GAAIC,IAAqC,IAAK;IAC7D,MAAMC,QAAQ,GAAGf,gBAAgB,CAACY,QAAQ,CAACE,IAAI,CAACE,IAAI,CAACC,SAAS,CAAC,GAAG,IAAI,GAAG,KAAK;IAC9E,oBACIjC,KAAA,CAAAkC,aAAA,CAAC9B,gBAAgB;MAAC+B,KAAK,EAAE;QAAE,GAAGzB,WAAW,CAAC0B,QAAQ;QAAEC,OAAO,EAAC,EAAE;QAAEC,iBAAiB,EAAC,CAAC;QAAEC,WAAW,EAAC9B,MAAM,CAAC+B,MAAM,CAACC;MAAS,CAAE;MAACC,OAAO,EAAEA,CAAA,KAAMX,QAAQ,GAAGb,gBAAgB,CAACY,IAAI,CAACE,IAAI,CAAC,GAAGf,cAAc,CAACa,IAAI,CAACE,IAAI;IAAE,gBACzMhC,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;MAAC8B,KAAK,EAAE;QAAEQ,IAAI,EAAC,CAAC;QAAEC,WAAW,EAAC;MAAG;IAAE,gBACpC5C,KAAA,CAAAkC,aAAA,CAAC1B,IAAI;MAACqC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAErC,MAAM,CAACsC,KAAK,CAACC,QAAS;MAACC,MAAM,EAAC;IAAM,GAAEnB,IAAI,CAACE,IAAI,CAACP,IAAI,IAAI,MAAM,GAAGK,IAAI,CAACE,IAAI,CAACkB,UAAU,GAAGpB,IAAI,CAACE,IAAI,CAACP,IAAW,CAAC,eACrIzB,KAAA,CAAAkC,aAAA,CAAC1B,IAAI;MAAC2B,KAAK,EAAE;QAAEgB,SAAS,EAAC;MAAE,CAAE;MAACN,IAAI,EAAE,EAAG;MAACC,KAAK,EAAErC,MAAM,CAACsC,KAAK,CAACC,QAAS;MAACC,MAAM,EAAC;IAAS,GAAEnB,IAAI,CAACE,IAAI,CAACN,WAAkB,CAClH,CAAC,eACP1B,KAAA,CAAAkC,aAAA,CAAC3B,MAAM;MACH6C,WAAW,EAAC,QAAQ;MACpBC,KAAK,EAAEtB,QAAS;MAChBuB,QAAQ,EAAEA,CAAA,KAAM;QACZ,IAAG,CAACvB,QAAQ,EAAC;UAAE,OAAOd,cAAc,CAACa,IAAI,CAACE,IAAI,CAAC;QAAC;QAChD,OAAOd,gBAAgB,CAACY,IAAI,CAACE,IAAI,CAAC;MACtC;IAAE,CACL,CACa,CAAC;EAE3B,CAAC;EAED,oBACIhC,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE;MAAEtB,KAAK;MAAEC,MAAM;MAAEyC,eAAe,EAAC9C,MAAM,CAAC+B,MAAM,CAACgB;IAAM;EAAE,gBAChExD,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE;MAAE,GAAGzB,WAAW,CAAC+C;IAAe;EAAE,gBAC3CzD,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE;MAAEQ,IAAI,EAAC;IAAE;EAAE,gBACpB3C,KAAA,CAAAkC,aAAA,CAAC1B,IAAI;IAACkD,KAAK,EAAC;EAAQ,GAAC,gBAAoB,CACvC,CACJ,CAAC,eACP1D,KAAA,CAAAkC,aAAA,CAAC/B,UAAU;IAACgC,KAAK,EAAE;MAAEQ,IAAI,EAAC;IAAE;EAAE,gBAC1B3C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE;MAAE,GAAGzB,WAAW,CAACiD;IAAa;EAAE,gBACzC3D,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE;MAAEgB,SAAS,EAAC;IAAE;EAAE,gBACzBnD,KAAA,CAAAkC,aAAA,CAACvB,SAAS;IACN2C,QAAQ,EAAGM,IAAI,IAAKvC,cAAc,CAACuC,IAAI,CAAE;IACzCC,kBAAkB;EAAA,CACrB,CACC,CAAC,eACP7D,KAAA,CAAAkC,aAAA,CAAChC,QAAQ;IACL4B,IAAI,EAAER,gBAAiB;IACvBwC,UAAU,EAAEjC,aAAc;IAC1BkC,YAAY,EAAG/B,IAAI,IAAKA,IAAI,CAACC,SAAS,CAAC+B,QAAQ,CAAC;EAAE,CACrD,CACC,CACE,CAAC,eACbhE,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE;MAAE,GAAGzB,WAAW,CAACuD;IAAe;EAAE,gBAC/CjE,KAAA,CAAAkC,aAAA,CAAC5B,MAAM;IACC4D,KAAK,EAAC,OAAO;IACb/B,KAAK,EAAE;MAAEQ,IAAI,EAAC;IAAE,CAAE;IAClBN,OAAO,EAAE,EAAG;IACZ8B,WAAW,EAAE1D,MAAM,CAAC+B,MAAM,CAACgB,KAAM;IACjCD,eAAe,EAAE9C,MAAM,CAAC2D,OAAO,CAACC,KAAM;IACtC3B,OAAO,EAAEA,CAAA,KAAMvB,OAAO,CAAC;EAAE,CAC5B,CACC,CACJ,CAAC;AAEf,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}
+{"version":3,"names":["React","useState","FlatList","Switch","SearchBox","useColors","Button","Text","View","MarketSelector","width","height","markets","selected_markets","onSelectMarket","onDeselectMarket","onClose","search_value","setSearchValue","Colors","filtered_markets","filter","m","type","description","toLowerCase","includes","renderMarkets","data","selected","item","market_id","createElement","style","flexDirection","alignItems","padding","borderBottomWidth","borderColor","borders","light","onPress","transparent","flex","marginRight","size","theme","stat_label","marginTop","switch_type","value","onChange","text","hide_search_button","renderItem","keyExtractor","toString","title"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/MarketSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/CompetitionManager/components/PlayerSelector.js

@@ -1,17 +1,18 @@
 import React, { useState, useEffect } from 'react';
-import { FlatList, ScrollView, TouchableOpacity, View, Image, ActivityIndicator } from 'react-native';
+import { FlatList, Image, ActivityIndicator } from 'react-native';
 import SearchBox from '../../Components/SearchBox';
-import { view_styles } from '../../constants/styles';
-import { Button, Icons, Text } from '../../Components';
-import Colors from '../../constants/colors';
+import { Icons } from '../../Components';
 import { ManageCompetitionApi } from '../api';
 import moment from 'moment-mini';
+import { Button, Text, View } from '../../Components/Themed';
+import { useColors } from '../../constants/useColors';
 const PlayerSelector = ({
   width,
   height,
   onSelectPlayer,
   onClose
 }) => {
+  const Colors = useColors();
   const [search_value, setSearchValue] = useState('');
   const [selector_data, setData] = useState({
     loading: false,
@@ -40,12 +41,13 @@ const PlayerSelector = ({
     });
   };
   const renderPlayers = data => {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    return /*#__PURE__*/React.createElement(Button, {
       style: {
-        ...view_styles.body_row,
+        flexDirection: 'row',
+        alignItems: 'center',
         padding: 10,
         borderBottomWidth: 1,
-        borderColor: Colors.shades.shade600
+        borderColor: Colors.borders.light
       },
       onPress: () => onSelectPlayer(data.item)
     }, /*#__PURE__*/React.createElement(Image, {
@@ -59,47 +61,49 @@ const PlayerSelector = ({
       },
       resizeMode: "cover"
     }), /*#__PURE__*/React.createElement(View, {
+      transparent: true,
       style: {
         flex: 1,
         marginLeft: 10
       }
     }, /*#__PURE__*/React.createElement(Text, {
-      theme: "header_2"
+      theme: "h2"
     }, "@", data.item.username), /*#__PURE__*/React.createElement(Text, {
       style: {
         marginTop: 3
       },
-      theme: "body"
+      theme: "description"
     }, "Joined ", moment(data.item.create_datetime).format('MMM YYYY'))), /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
       direction: "right",
-      color: Colors.brand.midnight,
+      color: Colors.text.h1,
       size: 8
     }));
   };
   return /*#__PURE__*/React.createElement(View, {
     style: {
       width,
-      height,
-      backgroundColor: Colors.shades.white
+      height
     }
   }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
     style: {
-      ...view_styles.section_header
+      padding: 20,
+      flexDirection: 'row',
+      alignItems: 'center'
     }
   }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
     style: {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    theme: "header"
-  }, "MANAGE MARKETS"))), /*#__PURE__*/React.createElement(ScrollView, {
+    theme: "h1"
+  }, "Select Player"))), /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.section_body
-    }
+    type: "body"
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       marginTop: 0
@@ -113,7 +117,7 @@ const PlayerSelector = ({
       alignSelf: 'center'
     },
     size: "large",
-    color: Colors.brand.midnight
+    color: Colors.text.h1
   }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(FlatList, {
     data: players,
     renderItem: renderPlayers,
@@ -127,26 +131,25 @@ const PlayerSelector = ({
     }
   }, offset > 0 ? /*#__PURE__*/React.createElement(Button, {
     title: "PREV",
-    title_color: Colors.brand.electric,
-    backgroundColor: "transparent",
+    type: "text",
     onPress: () => searchPlayers(offset - 1)
   }) : /*#__PURE__*/React.createElement(View, null), /*#__PURE__*/React.createElement(Button, {
     title: "NEXT",
-    title_color: Colors.brand.electric,
-    backgroundColor: "transparent",
+    type: "text",
     onPress: () => searchPlayers(offset + 1)
   }))), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
     style: {
-      ...view_styles.section_footer
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
   }, /*#__PURE__*/React.createElement(Button, {
     title: "CLOSE",
     style: {
       flex: 1
     },
-    padding: 15,
-    title_color: Colors.shades.white,
-    backgroundColor: Colors.utility.error,
+    type: "error",
     onPress: () => onClose()
   })));
 };

package/lib/module/CompetitionManager/components/PlayerSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","FlatList","ScrollView","TouchableOpacity","View","Image","ActivityIndicator","SearchBox","view_styles","Button","Icons","Text","Colors","ManageCompetitionApi","moment","PlayerSelector","width","height","onSelectPlayer","onClose","search_value","setSearchValue","selector_data","setData","loading","offset","players","searchPlayers","ps","renderPlayers","data","createElement","style","body_row","padding","borderBottomWidth","borderColor","shades","shade600","onPress","item","source","uri","profile_pic","borderRadius","resizeMode","flex","marginLeft","theme","username","marginTop","create_datetime","format","ChevronIcon","direction","color","brand","midnight","size","backgroundColor","white","section_header","section_body","onSearch","onChange","text","alignSelf","Fragment","renderItem","keyExtractor","player_id","toString","flexDirection","alignItems","justifyContent","title","title_color","electric","section_footer","utility","error"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/PlayerSelector.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,KAAK,EAAEC,iBAAiB,QAAQ,cAAc;AACrG,OAAOC,SAAS,MAAM,4BAA4B;AAClD,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,SAASC,oBAAoB,QAAQ,QAAQ;AAC7C,OAAOC,MAAM,MAAM,aAAa;AAShC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,cAAc;EAAEC;AAA4B,CAAC,KAAK;EACvF,MAAM,CAAEC,YAAY,EAAEC,cAAc,CAAE,GAAGtB,QAAQ,CAAC,EAAE,CAAC;EACrD,MAAM,CAAEuB,aAAa,EAAEC,OAAO,CAAE,GAAGxB,QAAQ,CAIxC;IACCyB,OAAO,EAAE,KAAK;IACdC,MAAM,EAAC,CAAC;IACRC,OAAO,EAAC;EACZ,CAAC,CAAC;EACF,MAAM;IAAEF,OAAO;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,aAAa;EAElDtB,SAAS,CAAC,MAAM;IACZ2B,aAAa,CAAC,CAAC,CAAC;EACpB,CAAC,EAAC,EAAE,CAAC;EAEL,MAAMA,aAAa,GAAG,MAAMF,MAAa,IAAK;IAC1CF,OAAO,CAAC;MAAE,GAAGD,aAAa;MAAEE,OAAO,EAAC;IAAK,CAAC,CAAC;IAC3C,MAAMI,EAAE,GAAG,MAAMf,oBAAoB,CAACc,aAAa,CAACP,YAAY,EAAEK,MAAM,CAAC;IACzEF,OAAO,CAAC;MACJ,GAAGD,aAAa;MAChBI,OAAO,EAAEE,EAAE;MACXJ,OAAO,EAAC,KAAK;MACbC,MAAM,EAAEA;IACZ,CAAC,CAAC;EACN,CAAC;EAED,MAAMI,aAAa,GAAIC,IAA2C,IAAK;IACnE,oBACIhC,KAAA,CAAAiC,aAAA,CAAC5B,gBAAgB;MAAC6B,KAAK,EAAE;QAAE,GAAGxB,WAAW,CAACyB,QAAQ;QAAEC,OAAO,EAAC,EAAE;QAAEC,iBAAiB,EAAC,CAAC;QAAEC,WAAW,EAACxB,MAAM,CAACyB,MAAM,CAACC;MAAS,CAAE;MAACC,OAAO,EAAEA,CAAA,KAAMrB,cAAc,CAACY,IAAI,CAACU,IAAI;IAAE,gBAChK1C,KAAA,CAAAiC,aAAA,CAAC1B,KAAK;MACFoC,MAAM,EAAE;QAAEC,GAAG,EAAEZ,IAAI,CAACU,IAAI,CAACG,WAAW,IAAIb,IAAI,CAACU,IAAI,CAACG,WAAW,IAAI,EAAE,GAAGb,IAAI,CAACU,IAAI,CAACG,WAAW,GAAG;MAAwF,CAAE;MACxLX,KAAK,EAAE;QAAEf,MAAM,EAAC,EAAE;QAAED,KAAK,EAAC,EAAE;QAAE4B,YAAY,EAAC;MAAE,CAAE;MAC/CC,UAAU,EAAC;IAAO,CACrB,CAAC,eACF/C,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;MAAC4B,KAAK,EAAE;QAAEc,IAAI,EAAC,CAAC;QAAEC,UAAU,EAAC;MAAG;IAAE,gBACnCjD,KAAA,CAAAiC,aAAA,CAACpB,IAAI;MAACqC,KAAK,EAAC;IAAU,GAAC,GAAC,EAAClB,IAAI,CAACU,IAAI,CAACS,QAAe,CAAC,eACnDnD,KAAA,CAAAiC,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE;QAAEkB,SAAS,EAAC;MAAE,CAAE;MAACF,KAAK,EAAC;IAAM,GAAC,SAAO,EAAClC,MAAM,CAACgB,IAAI,CAACU,IAAI,CAACW,eAAe,CAAC,CAACC,MAAM,CAAC,UAAU,CAAQ,CAC5G,CAAC,eACPtD,KAAA,CAAAiC,aAAA,CAACrB,KAAK,CAAC2C,WAAW;MAACC,SAAS,EAAC,OAAO;MAACC,KAAK,EAAE3C,MAAM,CAAC4C,KAAK,CAACC,QAAS;MAACC,IAAI,EAAE;IAAE,CAAE,CAC/D,CAAC;EAE3B,CAAC;EAED,oBACI5D,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAEhB,KAAK;MAAEC,MAAM;MAAE0C,eAAe,EAAC/C,MAAM,CAACyB,MAAM,CAACuB;IAAM;EAAE,gBAChE9D,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAE,GAAGxB,WAAW,CAACqD;IAAe;EAAE,gBAC3C/D,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAEc,IAAI,EAAC;IAAE;EAAE,gBACpBhD,KAAA,CAAAiC,aAAA,CAACpB,IAAI;IAACqC,KAAK,EAAC;EAAQ,GAAC,gBAAoB,CACvC,CACJ,CAAC,eACPlD,KAAA,CAAAiC,aAAA,CAAC7B,UAAU;IAAC8B,KAAK,EAAE;MAAEc,IAAI,EAAC;IAAE;EAAE,gBAC1BhD,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAE,GAAGxB,WAAW,CAACsD;IAAa;EAAE,gBACzChE,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAEkB,SAAS,EAAC;IAAE;EAAE,gBACzBpD,KAAA,CAAAiC,aAAA,CAACxB,SAAS;IACNwD,QAAQ,EAAEA,CAAA,KAAMpC,aAAa,CAAC,CAAC,CAAE;IACjCqC,QAAQ,EAAGC,IAAI,IAAK5C,cAAc,CAAC4C,IAAI;EAAE,CAC5C,CACC,CAAC,EACNzC,OAAO,gBACR1B,KAAA,CAAAiC,aAAA,CAACzB,iBAAiB;IAAC0B,KAAK,EAAE;MAAEE,OAAO,EAAC,EAAE;MAAEgC,SAAS,EAAC;IAAS,CAAE;IAACR,IAAI,EAAC,OAAO;IAACH,KAAK,EAAE3C,MAAM,CAAC4C,KAAK,CAACC;EAAS,CAAE,CAAC,gBAC1G3D,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAqE,QAAA,MAAI,CAAC,eACNrE,KAAA,CAAAiC,aAAA,CAAC9B,QAAQ;IACL6B,IAAI,EAAEJ,OAAQ;IACd0C,UAAU,EAAEvC,aAAc;IAC1BwC,YAAY,EAAG7B,IAAI,IAAKA,IAAI,CAAC8B,SAAS,CAACC,QAAQ,CAAC;EAAE,CACrD,CACC,CAAC,eACPzE,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAEE,OAAO,EAAC,EAAE;MAAEsC,aAAa,EAAC,KAAK;MAAEC,UAAU,EAAC,QAAQ;MAAEC,cAAc,EAAC;IAAgB;EAAE,GACjGjD,MAAM,GAAG,CAAC,gBACX3B,KAAA,CAAAiC,aAAA,CAACtB,MAAM;IACHkE,KAAK,EAAC,MAAM;IACZC,WAAW,EAAEhE,MAAM,CAAC4C,KAAK,CAACqB,QAAS;IACnClB,eAAe,EAAC,aAAa;IAC7BpB,OAAO,EAAEA,CAAA,KAAOZ,aAAa,CAACF,MAAM,GAAG,CAAC;EAAE,CAC7C,CAAC,gBACD3B,KAAA,CAAAiC,aAAA,CAAC3B,IAAI,MAAC,CAAC,eACRN,KAAA,CAAAiC,aAAA,CAACtB,MAAM;IACHkE,KAAK,EAAC,MAAM;IACZC,WAAW,EAAEhE,MAAM,CAAC4C,KAAK,CAACqB,QAAS;IACnClB,eAAe,EAAC,aAAa;IAC7BpB,OAAO,EAAEA,CAAA,KAAMZ,aAAa,CAACF,MAAM,GAAG,CAAC;EAAE,CAC5C,CACC,CACE,CAAC,eACb3B,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE;MAAE,GAAGxB,WAAW,CAACsE;IAAe;EAAE,gBAC3ChF,KAAA,CAAAiC,aAAA,CAACtB,MAAM;IACHkE,KAAK,EAAC,OAAO;IACb3C,KAAK,EAAE;MAAEc,IAAI,EAAC;IAAE,CAAE;IAClBZ,OAAO,EAAE,EAAG;IACZ0C,WAAW,EAAEhE,MAAM,CAACyB,MAAM,CAACuB,KAAM;IACjCD,eAAe,EAAE/C,MAAM,CAACmE,OAAO,CAACC,KAAM;IACtCzC,OAAO,EAAEA,CAAA,KAAMpB,OAAO,CAAC;EAAE,CAC5B,CACC,CACJ,CAAC;AAEf,CAAC;AAED,eAAeJ,cAAc","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","FlatList","Image","ActivityIndicator","SearchBox","Icons","ManageCompetitionApi","moment","Button","Text","View","useColors","PlayerSelector","width","height","onSelectPlayer","onClose","Colors","search_value","setSearchValue","selector_data","setData","loading","offset","players","searchPlayers","ps","renderPlayers","data","createElement","style","flexDirection","alignItems","padding","borderBottomWidth","borderColor","borders","light","onPress","item","source","uri","profile_pic","borderRadius","resizeMode","transparent","flex","marginLeft","theme","username","marginTop","create_datetime","format","ChevronIcon","direction","color","text","h1","size","type","onSearch","onChange","alignSelf","Fragment","renderItem","keyExtractor","player_id","toString","justifyContent","title"],"sourceRoot":"../../../../src","sources":["CompetitionManager/components/PlayerSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/CompetitionManager/index.js

@@ -1,8 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import { ScrollView, View, ActivityIndicator, Image } from "react-native";
-import { view_styles } from '../constants/styles';
+import { ScrollView, ActivityIndicator, Image } from "react-native";
 import CompetitionInfoForm from './components/CompetitionInfoForm';
-import Colors from '../constants/colors';
 import { ManageCompetitionApi, ManageCompetitionHelpers, ManageCompetitionMarketApi, ManageCompetitionMatchApi } from './api';
 import CompetitionSettingsForm from './components/CompetitionSettingsForm';
 import CompetitionContestsForm from './components/CompetitionContestsForm';
@@ -11,13 +9,16 @@ import MarketSelector from './components/MarketSelector';
 import AthleteSelector from './components/AthleteSelector';
 import ContestSettingsForm from './components/ContestSettingsForm';
 import CompetitionHeader from './components/CompetitionHeader';
-import { Button, Text } from '../Components';
 import PlayerSelector from './components/PlayerSelector';
+import { Button, Text, View } from '../Components/Themed';
+import { useColors } from '../constants/useColors';
 const CompetitionManager = ({
   player_id,
   competition_id,
-  onClose
+  onClose,
+  insets
 }) => {
+  const Colors = useColors();
   const [module_size, setModuleSize] = useState({
     height: 0,
     width: 0
@@ -441,7 +442,7 @@ const CompetitionManager = ({
       }
     }, /*#__PURE__*/React.createElement(ActivityIndicator, {
       size: "large",
-      color: Colors.brand.midnight,
+      color: Colors.text.h1,
       style: {
         padding: 20,
         alignSelf: 'center'
@@ -466,11 +467,7 @@ const CompetitionManager = ({
         width
       });
     }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...view_styles.wrapper
-    }
-  }, /*#__PURE__*/React.createElement(CompetitionHeader, {
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(CompetitionHeader, {
     action_loading: action_loading,
     width: module_size.width,
     competition: competition,
@@ -600,27 +597,29 @@ const CompetitionManager = ({
       });
     }
   }))), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
     style: {
-      ...view_styles.section_footer
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
   }, /*#__PURE__*/React.createElement(Button, {
     title: "CLOSE",
     style: {
       flex: 1
     },
-    title_color: Colors.shades.white,
-    backgroundColor: Colors.utility.error,
-    padding: 15,
+    type: "close",
     onPress: () => onClose()
   })), show_contests.visible ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: Colors.shades.black_faded,
-      justifyContent: 'flex-end'
+      justifyContent: 'flex-end',
+      paddingBottom: insets?.bottom
     }
   }, /*#__PURE__*/React.createElement(ContestSelector, {
     action_loading: action_loading,
@@ -641,7 +640,6 @@ const CompetitionManager = ({
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: Colors.shades.black_faded,
       justifyContent: 'flex-end'
     }
   }, /*#__PURE__*/React.createElement(AthleteSelector, {
@@ -663,7 +661,6 @@ const CompetitionManager = ({
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: Colors.shades.black_faded,
       justifyContent: 'flex-end'
     }
   }, /*#__PURE__*/React.createElement(PlayerSelector, {
@@ -684,14 +681,15 @@ const CompetitionManager = ({
       setShowPacers(false);
     }
   })) : /*#__PURE__*/React.createElement(React.Fragment, null), show_markets.contest_id && show_markets.contest_type && showing_market_event ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: Colors.shades.black_faded,
-      justifyContent: 'flex-end'
+      justifyContent: 'flex-end',
+      paddingBottom: insets?.bottom
     }
   }, /*#__PURE__*/React.createElement(MarketSelector, {
     height: module_size.height,
@@ -702,34 +700,32 @@ const CompetitionManager = ({
     onSelectMarket: market => handleAddMarket(show_markets.contest_id ?? '0', show_markets.contest_type ?? 'team', market),
     selected_markets: [...new Set(show_market_markets.map(cmm => cmm.market_id).concat(show_market_id_overrides))]
   })) : /*#__PURE__*/React.createElement(React.Fragment, null), competition.status == 'inactive' ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: Colors.shades.black_faded,
       justifyContent: 'center',
       alignItems: 'center'
     }
   }, /*#__PURE__*/React.createElement(View, {
+    float: true,
     style: {
-      ...view_styles.section,
-      width: '70%',
-      backgroundColor: Colors.shades.white
+      width: '70%'
     }
   }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
     style: {
-      ...view_styles.section_header,
       justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: Colors.shades.shade100
+      alignItems: 'center'
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    theme: "header"
+    theme: "h1"
   }, "Competition Has Been Deleted")), /*#__PURE__*/React.createElement(View, {
+    type: "body",
     style: {
-      ...view_styles.section_body,
       justifyContent: 'center',
       alignItems: 'center'
     }
@@ -743,19 +739,20 @@ const CompetitionManager = ({
     },
     resizeMode: "cover"
   }), /*#__PURE__*/React.createElement(Text, {
-    theme: "header_2"
+    theme: "h2"
   }, competition.competition_name)), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
     style: {
-      ...view_styles.section_footer
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
     }
   }, /*#__PURE__*/React.createElement(Button, {
     title: "CLOSE",
     style: {
       flex: 1
     },
-    title_color: Colors.shades.white,
-    backgroundColor: Colors.utility.error,
-    padding: 15,
+    type: "error",
     onPress: () => onClose()
   })))) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };