be-components 4.2.0 → 4.2.2

package/lib/commonjs/MarketMaker/index.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
 var _api = require("./api");
-var _colors = _interopRequireDefault(require("../constants/colors"));
 var _ContestSelector = _interopRequireDefault(require("./components/ContestSelector"));
 var _Dashboard = _interopRequireDefault(require("./components/Dashboard"));
 var _MarketSelector = _interopRequireDefault(require("./components/MarketSelector"));
@@ -19,11 +17,13 @@ var _FundingRequestList = _interopRequireDefault(require("./components/FundingRe
 var _FundOwnershipList = _interopRequireDefault(require("./components/FundOwnershipList"));
 var _Socket = _interopRequireDefault(require("../Socket"));
 var _OrderForm = _interopRequireDefault(require("./components/OrderForm"));
+var _Themed = require("../Components/Themed");
+var _reactNative = require("react-native");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-//import { view_styles } from '../constants/styles';
-
+const contest_sections = ['header', 'toggle', 'funds', 'fund_owners', 'fund_requests', 'contests', 'markets'];
+const dashboard_sections = ['dashboard'];
 const MarketMaker = ({
   player_id,
   access_token,
@@ -42,7 +42,6 @@ const MarketMaker = ({
     matches: []
   });
   const {
-    loaded,
     leagues,
     events,
     markets,
@@ -126,12 +125,6 @@ const MarketMaker = ({
     loadModule();
     getLocation();
   }, [player_id]);
-  (0, _react.useEffect)(() => {
-    if (!fund?.fund_id || !loaded) {
-      return;
-    }
-    getDashData(fund.fund_id);
-  }, [fund]);
   (0, _react.useEffect)(() => {
     if (!ba_socket_data) {
       return;
@@ -185,6 +178,10 @@ const MarketMaker = ({
     }
   };
   const getDashData = async fund_id => {
+    setDashData({
+      ...dash_data,
+      loading: true
+    });
     //Now load Dash data
     console.log('1');
     const ba = await _api.MarketMakerApi.getBestAvailableOrders();
@@ -215,6 +212,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,
@@ -226,6 +224,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()));
@@ -271,229 +272,278 @@ const MarketMaker = ({
       trades: trades.filter(t => t.event_id != e.event_id)
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  const renderSections = data => {
+    switch (data.item) {
+      case 'header':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, null, "Fund Manager!"));
+      case 'funds':
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_FundSelector.default, {
+          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.default.createElement(_Themed.View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_ContestSelector.default, {
+          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.default.createElement(_Themed.View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_MarketSelector.default, {
+          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.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_FundOwnershipList.default, {
+          fund_ownerships: fund_ownerships,
+          players: players
+        }));
+      case 'fund_requests':
+        if (!fund) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_FundingRequestList.default, {
+          funding_requests: funding_requests,
+          players: players,
+          onApproveRequest: async fr_id => {
+            const app_response = await _api.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 _api.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.default.createElement(_Themed.View, {
+          style: {
+            margin: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Dashboard.default, {
+          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 _api.MarketMakerApi.depositRequest(fund.fund_id, amount);
+            console.log(dep_resp);
+          },
+          onLayoffCapital: async amount => {
+            if (!fund) {
+              return alert('Unable to process');
+            }
+            const layoff_resp = await _api.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 _api.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 _api.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.default.createElement(_react.default.Fragment, null);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1,
-      backgroundColor: _colors.default.shades.white
+      flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flexDirection: 'row'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_FundSelector.default, {
-    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.default.createElement(_FundOwnershipList.default, {
-    fund_ownerships: fund_ownerships,
-    players: players
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), fund ? /*#__PURE__*/_react.default.createElement(_FundingRequestList.default, {
-    funding_requests: funding_requests,
-    players: players,
-    onApproveRequest: async fr_id => {
-      const app_response = await _api.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 _api.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.default.createElement(_Themed.View, {
+    style: {
+      flex: 1
     }
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_ContestSelector.default, {
-    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.default.createElement(_MarketSelector.default, {
-    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.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: contest_sections,
+    key: 'contest_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flexGrow: 1,
-      flexShrink: 1
+      flex: 3
     }
-  }, /*#__PURE__*/_react.default.createElement(_Dashboard.default, {
-    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 _api.MarketMakerApi.depositRequest(fund.fund_id, amount);
-      console.log(dep_resp);
-    },
-    onLayoffCapital: async amount => {
-      if (!fund) {
-        return alert('Unable to process');
-      }
-      const layoff_resp = await _api.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 _api.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 _api.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.default.createElement(_reactNative.FlatList, {
+    data: dashboard_sections,
+    key: 'dashboard_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: editing_fund ? true : false,
+    transparent: true,
+    style: {
+      flex: 1
     }
-  }), fund && draft_order.order && draft_order.visible ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      backgroundColor: _colors.default.shades.black_faded,
+      flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_OrderForm.default, {
-    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 _api.MarketMakerApi.addOrdersToFund(fund.fund_id, [{
-        ...order,
-        location: location.coordinates,
-        region: location.region
-      }]);
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      width: 500
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ManageFundForm.default, {
+    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.default.createElement(_react.default.Fragment, null), fund && set_market_form_visible && set_market_market ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: fund && set_market_form_visible && set_market_market ? true : false,
+    style: {
+      flex: 1
+    },
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      backgroundColor: _colors.default.shades.black_faded,
+      flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_SetMarketForm.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      width: 500
+    }
+  }, fund && set_market_market ? /*#__PURE__*/_react.default.createElement(_SetMarketForm.default, {
     fund: fund,
     form_key: set_market_form_key,
     market: set_market_market,
@@ -526,28 +576,52 @@ const MarketMaker = ({
       set_market_form_key: '',
       set_market_prices: []
     })
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), editing_fund ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: draft_order.order ? true : false,
+    style: {
+      flex: 1
+    },
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      backgroundColor: _colors.default.shades.black_faded,
+      flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_ManageFundForm.default, {
-    fund: editing_fund,
-    onClose: () => setEditingFund(undefined),
-    onFundUpdate: f => {
-      setEditingFund(undefined);
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      width: 500
+    }
+  }, fund ? /*#__PURE__*/_react.default.createElement(_OrderForm.default, {
+    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 _api.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.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_Socket.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))), /*#__PURE__*/_react.default.createElement(_Socket.default, {
     subscribed_events: ['V1_LOAD_BEST_AVAILABLE', 'V1_UPDATE_FUND'],
     access_token: access_token,
     distinct_id: distinct_id,