be-components 4.2.0 → 4.2.2

package/lib/module/MarketMaker/index.js

@@ -1,8 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { View } from 'react-native';
 import { MarketMakerApi, MarketMaketHelpers } from './api';
-//import { view_styles } from '../constants/styles';
-import Colors from '../constants/colors';
 import ContestSelector from './components/ContestSelector';
 import Dashboard from './components/Dashboard';
 import MarketSelector from './components/MarketSelector';
@@ -14,6 +11,10 @@ import FundingRequestList from './components/FundingRequestList';
 import FundOwnershipList from './components/FundOwnershipList';
 import SocketManager from '../Socket';
 import OrderForm from './components/OrderForm';
+import { Text, View } from '../Components/Themed';
+import { FlatList, Modal } from 'react-native';
+const contest_sections = ['header', 'toggle', 'funds', 'fund_owners', 'fund_requests', 'contests', 'markets'];
+const dashboard_sections = ['dashboard'];
 const MarketMaker = ({
   player_id,
   access_token,
@@ -32,7 +33,6 @@ const MarketMaker = ({
     matches: []
   });
   const {
-    loaded,
     leagues,
     events,
     markets,
@@ -116,12 +116,6 @@ const MarketMaker = ({
     loadModule();
     getLocation();
   }, [player_id]);
-  useEffect(() => {
-    if (!fund?.fund_id || !loaded) {
-      return;
-    }
-    getDashData(fund.fund_id);
-  }, [fund]);
   useEffect(() => {
     if (!ba_socket_data) {
       return;
@@ -175,6 +169,10 @@ const MarketMaker = ({
     }
   };
   const getDashData = async fund_id => {
+    setDashData({
+      ...dash_data,
+      loading: true
+    });
     //Now load Dash data
     console.log('1');
     const ba = await MarketMakerApi.getBestAvailableOrders();
@@ -205,6 +203,7 @@ const MarketMaker = ({
       ...dash_data,
       loaded: true,
       loading: false,
+      fund: fund_response.fund,
       funding_requests: fr_requests,
       players: plays,
       fund_ownerships: fund_response.fund_ownerships,
@@ -216,6 +215,9 @@ const MarketMaker = ({
       selected_markets: my_action_data.markets
     });
   };
+  const handleSelectFund = async fund => {
+    await getDashData(fund.fund_id);
+  };
   const getDataForMyAction = async (orders, markets) => {
     const ev_ids = orders.filter(o => o.event_type == 'team').map(o => o.event_id);
     const mks = markets.filter(m => orders.map(o => o.market_id.toString()).includes(m.market_id.toString()));
@@ -261,229 +263,278 @@ const MarketMaker = ({
       trades: trades.filter(t => t.event_id != e.event_id)
     });
   };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, null, "Fund Manager!"));
+      case 'funds':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(FundSelector, {
+          funds: funds,
+          selected_fund_id: dash_data.fund?.fund_id,
+          onEditFund: f => {
+            setEditingFund(f);
+          },
+          onCreateFund: f => {
+            setDashData({
+              ...dash_data,
+              fund: f
+            });
+            setEditingFund(f);
+          },
+          onSelectFund: f => handleSelectFund(f)
+        }));
+      case 'contests':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(ContestSelector, {
+          maxHeight: 300,
+          leagues: leagues.filter(l => l.status == 'active'),
+          events: events,
+          onSelectEvent: e => handleSelectEvent(e),
+          onDeselectEvent: e => handleDeselectEvent(e),
+          onSelectMatch: m => console.log(m),
+          onSelectTournament: t => console.log(t),
+          tournaments: [],
+          matches: [],
+          selected_events: selected_events.map(e => e.event_id),
+          selected_matches: [],
+          selected_tournaments: []
+        }));
+      case 'markets':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(MarketSelector, {
+          markets: selectable_markets.sort((a, b) => parseInt(a.market_id) - parseInt(b.market_id)),
+          onSelectMarket: m => setDashData({
+            ...dash_data,
+            selected_markets: dash_data.selected_markets.concat(m)
+          }),
+          onDeselectMarket: m => setDashData({
+            ...dash_data,
+            selected_markets: dash_data.selected_markets.filter(se => se.market_id != m.market_id)
+          }),
+          selected_markets: selected_markets.map(m => m.market_id)
+        }));
+      case 'fund_owners':
+        if (!fund) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(FundOwnershipList, {
+          fund_ownerships: fund_ownerships,
+          players: players
+        }));
+      case 'fund_requests':
+        if (!fund) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(FundingRequestList, {
+          funding_requests: funding_requests,
+          players: players,
+          onApproveRequest: async fr_id => {
+            const app_response = await MarketMakerApi.approveRequest(fr_id);
+            if (!app_response) {
+              return alert('Unable to process');
+            }
+            setDashData({
+              ...dash_data,
+              fund: app_response.fund,
+              fund_ownerships: app_response.fund_ownerships,
+              funding_requests: funding_requests.filter(fr => fr.funding_request_id != fr_id)
+            });
+          },
+          onDeclineRequest: async fr_id => {
+            const app_response = await MarketMakerApi.declineRequest(fr_id);
+            if (!app_response) {
+              return alert('Unable to process');
+            }
+            setDashData({
+              ...dash_data,
+              funding_requests: funding_requests.filter(fr => fr.funding_request_id != fr_id)
+            });
+          }
+        }));
+      case 'dashboard':
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/React.createElement(Dashboard, {
+          loaded: dash_data.loaded,
+          leagues: leagues,
+          fund: fund,
+          athletes: athletes,
+          events: selected_events,
+          tournaments: selected_tournaments,
+          matches: selected_matches,
+          markets: selected_markets,
+          best_available_orders: available_orders,
+          trades: trades,
+          prices: external_prices,
+          external_name: external_name,
+          orders: orders,
+          fund_orders: fund_orders,
+          onOrder: async (o, avail) => {
+            console.log(o);
+            setDraftOrder({
+              visible: true,
+              order: o,
+              available: avail
+            });
+          },
+          onDepositFund: async amount => {
+            if (!fund) {
+              return alert('Unable to process');
+            }
+            const dep_resp = await MarketMakerApi.depositRequest(fund.fund_id, amount);
+            console.log(dep_resp);
+          },
+          onLayoffCapital: async amount => {
+            if (!fund) {
+              return alert('Unable to process');
+            }
+            const layoff_resp = await MarketMakerApi.layoffCapital(fund.fund_id, amount);
+            if (!layoff_resp) {
+              return alert('Unable to process');
+            }
+            setDashData({
+              ...dash_data,
+              fund: layoff_resp.fund,
+              orders: orders.filter(o => !layoff_resp.orders.find(newo => newo.order_id == o.order_id)).concat(layoff_resp.orders)
+            });
+          },
+          onWorkCapital: async amount => {
+            if (!fund) {
+              return alert('Unable to process');
+            }
+            const work_response = await MarketMakerApi.workCapital(fund.fund_id, amount);
+            if (!work_response) {
+              return alert('Unable to process');
+            }
+            setDashData({
+              ...dash_data,
+              fund: work_response.fund,
+              orders: work_response.orders
+            });
+          },
+          onClearMarket: async order_ids => {
+            const new_orders = await MarketMakerApi.cancelOrders(order_ids);
+            setDashData({
+              ...dash_data,
+              orders: orders.filter(o => !new_orders.find(no => no.order_id == o.order_id)).concat(new_orders)
+            });
+          },
+          onSetMarket: (orders, market, prices) => {
+            if (!location.region || !location.coordinates) {
+              return alert('Location could not be verified to process orders');
+            }
+            orders = orders.map(o => {
+              return {
+                ...o,
+                location: location.coordinates,
+                region: location.region
+              };
+            });
+            setMarketFormData({
+              ...set_market_form_data,
+              set_market_form_visible: true,
+              set_market_market: market,
+              set_market_orders: orders,
+              set_market_form_key: `${Math.random()}`,
+              set_market_prices: prices
+            });
+          }
+        }));
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
   return /*#__PURE__*/React.createElement(View, {
     style: {
-      flex: 1,
-      backgroundColor: Colors.shades.white
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       flexDirection: 'row'
     }
-  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(FundSelector, {
-    funds: funds,
-    maxHeight: 300,
-    selected_fund_id: dash_data.fund?.fund_id,
-    onEditFund: f => {
-      setEditingFund(f);
-    },
-    onCreateFund: f => {
-      setDashData({
-        ...dash_data,
-        fund: f
-      });
-      setEditingFund(f);
-    },
-    onSelectFund: f => {
-      setDashData({
-        ...dash_data,
-        fund: f
-      });
-    }
-  }), fund ? /*#__PURE__*/React.createElement(FundOwnershipList, {
-    fund_ownerships: fund_ownerships,
-    players: players
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null), fund ? /*#__PURE__*/React.createElement(FundingRequestList, {
-    funding_requests: funding_requests,
-    players: players,
-    onApproveRequest: async fr_id => {
-      const app_response = await MarketMakerApi.approveRequest(fr_id);
-      if (!app_response) {
-        return alert('Unable to process');
-      }
-      setDashData({
-        ...dash_data,
-        fund: app_response.fund,
-        fund_ownerships: app_response.fund_ownerships,
-        funding_requests: funding_requests.filter(fr => fr.funding_request_id != fr_id)
-      });
-    },
-    onDeclineRequest: async fr_id => {
-      const app_response = await MarketMakerApi.declineRequest(fr_id);
-      if (!app_response) {
-        return alert('Unable to process');
-      }
-      setDashData({
-        ...dash_data,
-        funding_requests: funding_requests.filter(fr => fr.funding_request_id != fr_id)
-      });
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
     }
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(ContestSelector, {
-    maxHeight: 300,
-    leagues: leagues.filter(l => l.status == 'active'),
-    events: events,
-    onSelectEvent: e => handleSelectEvent(e),
-    onDeselectEvent: e => handleDeselectEvent(e),
-    onSelectMatch: m => console.log(m),
-    onSelectTournament: t => console.log(t),
-    tournaments: [],
-    matches: [],
-    selected_events: selected_events.map(e => e.event_id),
-    selected_matches: [],
-    selected_tournaments: []
-  }), /*#__PURE__*/React.createElement(MarketSelector, {
-    maxHeight: 300,
-    markets: selectable_markets.sort((a, b) => parseInt(a.market_id) - parseInt(b.market_id)),
-    onSelectMarket: m => setDashData({
-      ...dash_data,
-      selected_markets: dash_data.selected_markets.concat(m)
-    }),
-    onDeselectMarket: m => setDashData({
-      ...dash_data,
-      selected_markets: dash_data.selected_markets.filter(se => se.market_id != m.market_id)
-    }),
-    selected_markets: selected_markets.map(m => m.market_id)
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: contest_sections,
+    key: 'contest_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
   })), /*#__PURE__*/React.createElement(View, {
     style: {
-      flexGrow: 1,
-      flexShrink: 1
+      flex: 3
     }
-  }, /*#__PURE__*/React.createElement(Dashboard, {
-    loaded: dash_data.loaded,
-    leagues: leagues,
-    fund: fund,
-    athletes: athletes,
-    events: selected_events,
-    tournaments: selected_tournaments,
-    matches: selected_matches,
-    markets: selected_markets,
-    best_available_orders: available_orders,
-    trades: trades,
-    prices: external_prices,
-    external_name: external_name,
-    orders: orders,
-    fund_orders: fund_orders,
-    onOrder: async (o, avail) => {
-      console.log(o);
-      setDraftOrder({
-        visible: true,
-        order: o,
-        available: avail
-      });
-    },
-    onDepositFund: async amount => {
-      if (!fund) {
-        return alert('Unable to process');
-      }
-      const dep_resp = await MarketMakerApi.depositRequest(fund.fund_id, amount);
-      console.log(dep_resp);
-    },
-    onLayoffCapital: async amount => {
-      if (!fund) {
-        return alert('Unable to process');
-      }
-      const layoff_resp = await MarketMakerApi.layoffCapital(fund.fund_id, amount);
-      if (!layoff_resp) {
-        return alert('Unable to process');
-      }
-      setDashData({
-        ...dash_data,
-        fund: layoff_resp.fund,
-        orders: orders.filter(o => !layoff_resp.orders.find(newo => newo.order_id == o.order_id)).concat(layoff_resp.orders)
-      });
-    },
-    onWorkCapital: async amount => {
-      if (!fund) {
-        return alert('Unable to process');
-      }
-      const work_response = await MarketMakerApi.workCapital(fund.fund_id, amount);
-      if (!work_response) {
-        return alert('Unable to process');
-      }
-      setDashData({
-        ...dash_data,
-        fund: work_response.fund,
-        orders: work_response.orders
-      });
-    },
-    onClearMarket: async order_ids => {
-      const new_orders = await MarketMakerApi.cancelOrders(order_ids);
-      setDashData({
-        ...dash_data,
-        orders: orders.filter(o => !new_orders.find(no => no.order_id == o.order_id)).concat(new_orders)
-      });
-    },
-    onSetMarket: (orders, market, prices) => {
-      if (!location.region || !location.coordinates) {
-        return alert('Location could not be verified to process orders');
-      }
-      orders = orders.map(o => {
-        return {
-          ...o,
-          location: location.coordinates,
-          region: location.region
-        };
-      });
-      setMarketFormData({
-        ...set_market_form_data,
-        set_market_form_visible: true,
-        set_market_market: market,
-        set_market_orders: orders,
-        set_market_form_key: `${Math.random()}`,
-        set_market_prices: prices
-      });
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: dashboard_sections,
+    key: 'dashboard_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
+  }))), /*#__PURE__*/React.createElement(Modal, {
+    visible: editing_fund ? true : false,
+    transparent: true,
+    style: {
+      flex: 1
     }
-  }), fund && draft_order.order && draft_order.visible ? /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      backgroundColor: Colors.shades.black_faded,
+      flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/React.createElement(OrderForm, {
-    fund: fund,
-    order: draft_order.order,
-    available: draft_order.available,
-    onClose: () => setDraftOrder({
-      visible: false
-    }),
-    onSubmit: async order => {
-      if (!fund) {
-        return alert('Unable to process');
-      }
-      if (!location.region || !location.coordinates) {
-        return alert('Location could not be verified to process orders');
-      }
-      const new_orders = await MarketMakerApi.addOrdersToFund(fund.fund_id, [{
-        ...order,
-        location: location.coordinates,
-        region: location.region
-      }]);
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 500
+    }
+  }, /*#__PURE__*/React.createElement(ManageFundForm, {
+    fund: editing_fund,
+    onClose: () => setEditingFund(undefined),
+    onFundUpdate: f => {
+      setEditingFund(undefined);
       setDashData({
         ...dash_data,
-        fund_orders: fund_orders.concat(new_orders.fund_orders),
-        orders: orders.concat(new_orders.orders)
-      });
-      setDraftOrder({
-        visible: false
+        fund: f
       });
     }
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null), fund && set_market_form_visible && set_market_market ? /*#__PURE__*/React.createElement(View, {
+  })))), /*#__PURE__*/React.createElement(Modal, {
+    visible: fund && set_market_form_visible && set_market_market ? true : false,
     style: {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      backgroundColor: Colors.shades.black_faded,
+      flex: 1
+    },
+    transparent: true
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "blur",
+    style: {
+      flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/React.createElement(SetMarketForm, {
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 500
+    }
+  }, fund && set_market_market ? /*#__PURE__*/React.createElement(SetMarketForm, {
     fund: fund,
     form_key: set_market_form_key,
     market: set_market_market,
@@ -516,28 +567,52 @@ const MarketMaker = ({
       set_market_form_key: '',
       set_market_prices: []
     })
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null), editing_fund ? /*#__PURE__*/React.createElement(View, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null)))), /*#__PURE__*/React.createElement(Modal, {
+    visible: draft_order.order ? true : false,
+    style: {
+      flex: 1
+    },
+    transparent: true
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "blur",
     style: {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      backgroundColor: Colors.shades.black_faded,
+      flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/React.createElement(ManageFundForm, {
-    fund: editing_fund,
-    onClose: () => setEditingFund(undefined),
-    onFundUpdate: f => {
-      setEditingFund(undefined);
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 500
+    }
+  }, fund ? /*#__PURE__*/React.createElement(OrderForm, {
+    fund: fund,
+    order: draft_order.order,
+    available: draft_order.available,
+    onClose: () => setDraftOrder({
+      visible: false
+    }),
+    onSubmit: async order => {
+      if (!fund) {
+        return alert('Unable to process');
+      }
+      if (!location.region || !location.coordinates) {
+        return alert('Location could not be verified to process orders');
+      }
+      const new_orders = await MarketMakerApi.addOrdersToFund(fund.fund_id, [{
+        ...order,
+        location: location.coordinates,
+        region: location.region
+      }]);
       setDashData({
         ...dash_data,
-        fund: f
+        fund_orders: fund_orders.concat(new_orders.fund_orders),
+        orders: orders.concat(new_orders.orders)
+      });
+      setDraftOrder({
+        visible: false
       });
     }
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null))), /*#__PURE__*/React.createElement(SocketManager, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null)))), /*#__PURE__*/React.createElement(SocketManager, {
     subscribed_events: ['V1_LOAD_BEST_AVAILABLE', 'V1_UPDATE_FUND'],
     access_token: access_token,
     distinct_id: distinct_id,