be-components 6.2.2 → 6.2.4

package/lib/commonjs/MarketComponents/components/CreateMarketForm.js

@@ -0,0 +1,736 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Themed = require("../../Components/Themed");
+var _api = require("../api");
+var _reactNative = require("react-native");
+var _Components = require("../../Components");
+var _useColors = require("../../constants/useColors");
+var _api2 = require("../../MarketMaker/api");
+var _OrderGradeBar = _interopRequireDefault(require("./OrderGradeBar"));
+var _WeightProgress = _interopRequireDefault(require("./WeightProgress"));
+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; }
+const sections = ['o_side', 'submit', 'trade_side', 'draft_orders', 'my_orders', 'what_if'];
+const CreateMarketForm = ({
+  float,
+  action_loading,
+  unit_size,
+  location,
+  coordinates,
+  style,
+  my_orders,
+  best_available_orders,
+  contest_type,
+  contest_id,
+  market_id,
+  side_id,
+  side_type,
+  onCancel,
+  onSubmitOrders
+}) => {
+  const Colors = (0, _useColors.useColors)();
+  const [draft_orders, setDraftOrders] = (0, _react.useState)([]);
+  const [draft_data, setDraftData] = (0, _react.useState)({
+    stake: unit_size?.toFixed(2) ?? '10',
+    o_side_margin: 0.02,
+    trade_side_margin: 0.02
+  });
+  const {
+    o_side_margin,
+    trade_side_margin,
+    stake
+  } = draft_data;
+  const [form_data, setFormData] = (0, _react.useState)({
+    loading: false,
+    markets: [],
+    prices: [],
+    trades: []
+  });
+  const {
+    loading,
+    markets,
+    prices,
+    event,
+    tournament,
+    match
+  } = form_data;
+  const {
+    contest_title
+  } = _api.MarketComponentHelpers.getContestDetails(contest_type, event, tournament, match);
+  const market = markets.find(mk => mk.market_id == market_id);
+  const orders = _api.MarketComponentHelpers.setMarket(parseFloat(stake), contest_type, best_available_orders, prices, o_side_margin, trade_side_margin, market, event, tournament, match, undefined, undefined);
+  const no_vig_data = _api2.MarketMaketHelpers.getNoVigPrice(prices, market);
+  (0, _react.useEffect)(() => {
+    _api.MarketComponentApi.setEnvironment();
+    getFormData();
+  }, []);
+  const getFormData = async () => {
+    setFormData({
+      ...form_data,
+      loading: true
+    });
+    const mks = await _api.MarketComponentApi.getMarkets();
+    let ev, tourn, mtch;
+    if (contest_type == 'team') {
+      let evs = await _api.MarketComponentApi.getEventsByEventIds([contest_id]);
+      ev = evs[0];
+    }
+    if (contest_type == 'tournament') {
+      let tourns = await _api.MarketComponentApi.getTournamentsByTournamentIds([contest_id]);
+      tourn = tourns[0];
+    }
+    if (contest_type == 'match') {
+      let mtchs = await _api.MarketComponentApi.getMatchesByMatchIds([contest_id]);
+      mtch = mtchs[0];
+      if (mtch) {
+        let mtch_tourns = await _api.MarketComponentApi.getTournamentsByTournamentIds([mtch.tournament_id]);
+        tourn = mtch_tourns[0];
+      }
+    }
+    let contest_prices = await _api.MarketComponentApi.getExternalPrices(contest_type, contest_id, market_id);
+    //Get the correct prices
+    if (side_type) {
+      contest_prices = contest_prices.filter(p => p.participant_type == side_type && p.participant_id == side_id);
+    }
+    //First try to get consensus
+    contest_prices = contest_prices.filter(p => p.external_name == 'Consensus');
+    if (contest_prices.length == 0) {
+      let available_books = [...new Set(contest_prices.map(p => p.external_name))];
+      contest_prices = contest_prices.filter(p => p.external_name == available_books[0]);
+    }
+    let contest_trades = await _api.MarketComponentApi.getLatestTradesByEvents(contest_type, [contest_id]);
+    setFormData({
+      ...form_data,
+      loading: false,
+      markets: mks,
+      match: mtch,
+      event: ev,
+      tournament: tourn,
+      prices: contest_prices,
+      trades: contest_trades
+    });
+  };
+  const handleSubmitOrder = () => {
+    if (action_loading) {
+      return;
+    }
+    if (draft_orders.length == 0) {
+      return alert('Unable to submit!');
+    }
+    if (!location) {
+      return alert('Unable to create order without location');
+    }
+    if (!location.legal_ind) {
+      return alert('Unable to create order in this location');
+    }
+    if (!coordinates?.latitude) {
+      return alert('Need coordinates');
+    }
+    let new_orders = draft_orders.map(o => {
+      o.region = location.label;
+      o.location = coordinates;
+      return o;
+    });
+    onSubmitOrders(new_orders);
+  };
+  const handleUpdateMargin = (side, direction) => {
+    let o_side = o_side_margin;
+    let trade_side = trade_side_margin;
+    if (side == 'other' && direction == 'increase') {
+      o_side += 0.001;
+    }
+    if (side == 'other' && direction == 'decrease') {
+      o_side -= 0.001;
+    }
+    if (side == 'trade' && direction == 'increase') {
+      trade_side += 0.001;
+    }
+    if (side == 'trade' && direction == 'decrease') {
+      trade_side -= 0.001;
+    }
+    let total_margin = o_side + trade_side;
+    if (total_margin < 0.001) {
+      return;
+    } //Cant go negative!!
+    setDraftData({
+      o_side_margin: o_side,
+      trade_side_margin: trade_side,
+      stake
+    });
+  };
+  const renderOrders = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        flexGrow: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      style: {
+        padding: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1",
+      textAlign: "center"
+    }, data.item.title)));
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'my_orders':
+        if (!market) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const hedges = _api2.MarketMaketHelpers.getHedgesFromPositions(my_orders, markets);
+        const hedge = hedges[0];
+        const o_side_stats = _api2.MarketMaketHelpers.getOrderStats(my_orders.filter(o => o.side != market.trade_side));
+        const t_side_stats = _api2.MarketMaketHelpers.getOrderStats(my_orders.filter(o => o.side == market.trade_side));
+        const stake_weight = _api2.MarketMaketHelpers.getWeight(o_side_stats.stake_potential_winnings, t_side_stats.stake_potential_winnings, market);
+        const at_risk = o_side_stats.stake_potential_winnings - t_side_stats.stake_potential_winnings;
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "footer",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "My Current Position")), hedge ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true
+        }, hedge.delayed_cash_draw ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "error",
+          size: 14
+        }, "-$", hedge.delayed_cash_draw.toFixed(2)) : /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "success",
+          size: 14
+        }, "$", hedge.delayed_cash_no_draw.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description"
+        }, "Hedged")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "row"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          textAlign: "center"
+        }, o_side_stats.stake_potential_winnings.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          textAlign: "center"
+        }, t_side_stats.stake_potential_winnings.toFixed(2)))), /*#__PURE__*/_react.default.createElement(_WeightProgress.default, {
+          style: {
+            margin: 10
+          },
+          min_value: 0,
+          max_value: 100,
+          value: stake_weight.weighted_pct,
+          bar_height: 18
+        }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "row"
+        }, at_risk > 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "error",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "$", at_risk.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "At Risk")) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        }), at_risk < 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "error",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "$", at_risk.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "At Risk")) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flex: 1
+          }
+        })));
+      case 'o_side':
+        if (draft_orders.length > 0) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (!market) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        let o_side_option = market.side_options.find(so => so.side != market.trade_side);
+        if (!o_side_option) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const o_side_order = orders.find(o => o.side != market.trade_side);
+        if (!o_side_order) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const o_side_price = prices.find(p => p.side != market.trade_side);
+        const o_side_no_vig = no_vig_data?.o_side_odds;
+        const o_best_available = best_available_orders.find(o => o.market_id == market_id && o.side != market.trade_side);
+        //const my_o_side_open = my_orders.filter(o => o.market_id == market_id && o.side != market.trade_side);
+        //const my_open_stats = MarketMaketHelpers.getOrderStats(my_o_side_open, o_best_available);
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            borderWidth: 1,
+            borderColor: Colors.borders.light,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, o_side_order.title), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "$", o_side_order.open_amt.toFixed(2), " to win $", o_side_order.potential_winnings.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "$", o_side_order.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            marginLeft: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('other', 'increase')
+        }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+          direction: "left",
+          size: 8,
+          color: Colors.text.h1
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            paddingLeft: 10,
+            paddingRight: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          textAlign: "center"
+        }, (o_side_order.probability * 100).toFixed(2), "%"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          },
+          textAlign: "center"
+        }, _api.MarketComponentHelpers.getOddsLabel(o_side_order.odds))), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('other', 'decrease')
+        }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+          direction: "right",
+          size: 8,
+          color: Colors.text.h1
+        })))), o_best_available ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, o_best_available.title), o_best_available.grade ? /*#__PURE__*/_react.default.createElement(_OrderGradeBar.default, {
+          style: {
+            alignSelf: 'flex-start',
+            marginTop: 3
+          },
+          grade: o_best_available.grade,
+          view_type: "card",
+          onSelectGrade: () => console.log('')
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            alignItems: 'flex-end'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, _api.MarketComponentHelpers.getOddsLabel(o_best_available.odds)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "success"
+        }, "$", o_best_available.open_amt.toFixed(2), " Available")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "BUY",
+          type: "success",
+          loading: action_loading,
+          style: {
+            padding: 10,
+            marginLeft: 10,
+            opacity: action_loading ? 0.5 : 1
+          },
+          disabled: action_loading,
+          onPress: () => {
+            let side_ids = _api.MarketComponentHelpers.getSideIds(contest_type, o_side_option, market, event, tournament, match, undefined, undefined);
+            if (!side_ids) {
+              return;
+            }
+            let trade = _api2.MarketMaketHelpers.getTradeFromAvailableOrder(o_best_available, side_ids.reversed_side_id);
+            let order = _api2.MarketMaketHelpers.getOrderFromTrade(trade, unit_size ?? 10, o_best_available.order_id);
+            order.title = o_best_available.title;
+            setDraftOrders([order]);
+          }
+        })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), o_side_price && o_side_no_vig ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "footer",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, o_side_price.external_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          }
+        }, "External price with vig removed")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, _api.MarketComponentHelpers.getOddsLabel(o_side_no_vig))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+      case 'submit':
+        if (draft_orders.length > 0) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+          value: stake,
+          style: {
+            width: 100,
+            textAlign: 'center'
+          },
+          onChangeText: text => setDraftData({
+            ...draft_data,
+            stake: text
+          })
+        }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          style: {
+            flex: 2,
+            marginLeft: 10,
+            opacity: action_loading ? 0.5 : 1
+          },
+          type: "success",
+          loading: action_loading,
+          disabled: action_loading,
+          title: "SET MARKET",
+          onPress: () => setDraftOrders(orders)
+        }));
+      case 'trade_side':
+        if (draft_orders.length > 0) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (!market) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        let trade_side_option = market.side_options.find(so => so.side == market.trade_side);
+        if (!trade_side_option) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const trade_side_order = orders.find(o => o.side == market.trade_side);
+        if (!trade_side_order) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        const trade_side_price = prices.find(p => p.side == market.trade_side);
+        const trade_side_no_vig_odds = no_vig_data?.trade_side_odds;
+        const t_best_available = best_available_orders.find(o => o.market_id == market_id && o.side == market.trade_side);
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            borderWidth: 1,
+            borderColor: Colors.borders.light,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, trade_side_order.title), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "$", trade_side_order.open_amt.toFixed(2), " to win $", trade_side_order.potential_winnings.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "$", trade_side_order.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            marginLeft: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('trade', 'increase')
+        }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+          direction: "left",
+          size: 8,
+          color: Colors.text.h1
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            paddingLeft: 10,
+            paddingRight: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, (trade_side_order.probability * 100).toFixed(2), "%"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          },
+          textAlign: "center"
+        }, _api.MarketComponentHelpers.getOddsLabel(trade_side_order.odds))), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('trade', 'decrease')
+        }, /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+          direction: "right",
+          size: 8,
+          color: Colors.text.h1
+        })))), t_best_available ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, t_best_available.title), t_best_available.grade ? /*#__PURE__*/_react.default.createElement(_OrderGradeBar.default, {
+          style: {
+            alignSelf: 'flex-start',
+            marginTop: 3
+          },
+          grade: t_best_available.grade,
+          view_type: "card",
+          onSelectGrade: () => console.log('')
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            alignItems: 'flex-end'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, _api.MarketComponentHelpers.getOddsLabel(t_best_available.odds)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "success"
+        }, "$", t_best_available.open_amt.toFixed(2), " Available")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "BUY",
+          type: "success",
+          style: {
+            padding: 10,
+            marginLeft: 10,
+            opacity: action_loading ? 0.5 : 1
+          },
+          disabled: action_loading,
+          onPress: () => {
+            let side_ids = _api.MarketComponentHelpers.getSideIds(contest_type, trade_side_option, market, event, tournament, match, undefined, undefined);
+            if (!side_ids) {
+              return;
+            }
+            let trade = _api2.MarketMaketHelpers.getTradeFromAvailableOrder(t_best_available, side_ids.reversed_side_id);
+            let order = _api2.MarketMaketHelpers.getOrderFromTrade(trade, unit_size ?? 10, t_best_available.order_id);
+            order.title = t_best_available.title;
+            setDraftOrders([order]);
+          }
+        })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), trade_side_price && trade_side_no_vig_odds ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "footer",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, trade_side_price.external_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          }
+        }, "External price with vig removed")), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2"
+        }, _api.MarketComponentHelpers.getOddsLabel(trade_side_no_vig_odds))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+      case 'draft_orders':
+        if (draft_orders.length == 0) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, draft_orders.map((o, i) => {
+          return renderOrders({
+            item: o,
+            index: i
+          });
+        }));
+      case 'what_if':
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
+  const total_margin = o_side_margin + trade_side_margin;
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: float,
+    style: {
+      ...style
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopLeftRadius: 8,
+      borderTopRightRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, contest_title)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    color: total_margin > 0.06 ? Colors.text.error : total_margin > 0.045 ? Colors.text.warning : Colors.text.success
+  }, (total_margin * 100).toFixed(2), "%"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    textAlign: "center"
+  }, "Margin"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "body",
+    style: {
+      flex: 1
+    }
+  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "large",
+    color: Colors.text.h1
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    key: 'create_market_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections,
+    data: sections
+  })), draft_orders.length == 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    style: {
+      flex: 1
+    },
+    type: "action",
+    title: "CLOSE",
+    onPress: () => onCancel()
+  })) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    style: {
+      flex: 1
+    },
+    type: "error",
+    title: "CANCEL",
+    onPress: () => setDraftOrders([])
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    style: {
+      flex: 2,
+      marginLeft: 5
+    },
+    type: "success",
+    title: "SUBMIT ORDERS",
+    onPress: () => handleSubmitOrder()
+  })));
+};
+var _default = exports.default = CreateMarketForm;
+//# sourceMappingURL=CreateMarketForm.js.map