be-components 6.2.2 → 6.2.3

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

@@ -0,0 +1,727 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, TextInput, View } from "../../Components/Themed";
+import { MarketComponentApi, MarketComponentHelpers } from '../api';
+import { ActivityIndicator, FlatList } from 'react-native';
+import { Icons } from '../../Components';
+import { useColors } from '../../constants/useColors';
+import { MarketMaketHelpers } from '../../MarketMaker/api';
+import OrderGradeBar from './OrderGradeBar';
+import WeightProgress from './WeightProgress';
+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 = useColors();
+  const [draft_orders, setDraftOrders] = useState([]);
+  const [draft_data, setDraftData] = 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] = useState({
+    loading: false,
+    markets: [],
+    prices: [],
+    trades: []
+  });
+  const {
+    loading,
+    markets,
+    prices,
+    event,
+    tournament,
+    match
+  } = form_data;
+  const {
+    contest_title
+  } = MarketComponentHelpers.getContestDetails(contest_type, event, tournament, match);
+  const market = markets.find(mk => mk.market_id == market_id);
+  const orders = 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 = MarketMaketHelpers.getNoVigPrice(prices, market);
+  useEffect(() => {
+    MarketComponentApi.setEnvironment();
+    getFormData();
+  }, []);
+  const getFormData = async () => {
+    setFormData({
+      ...form_data,
+      loading: true
+    });
+    const mks = await MarketComponentApi.getMarkets();
+    let ev, tourn, mtch;
+    if (contest_type == 'team') {
+      let evs = await MarketComponentApi.getEventsByEventIds([contest_id]);
+      ev = evs[0];
+    }
+    if (contest_type == 'tournament') {
+      let tourns = await MarketComponentApi.getTournamentsByTournamentIds([contest_id]);
+      tourn = tourns[0];
+    }
+    if (contest_type == 'match') {
+      let mtchs = await MarketComponentApi.getMatchesByMatchIds([contest_id]);
+      mtch = mtchs[0];
+      if (mtch) {
+        let mtch_tourns = await MarketComponentApi.getTournamentsByTournamentIds([mtch.tournament_id]);
+        tourn = mtch_tourns[0];
+      }
+    }
+    let contest_prices = await 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 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.createElement(View, {
+      style: {
+        flexGrow: 1
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        padding: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h1",
+      textAlign: "center"
+    }, data.item.title)));
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'my_orders':
+        if (!market) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        const hedges = MarketMaketHelpers.getHedgesFromPositions(my_orders, markets);
+        const hedge = hedges[0];
+        const o_side_stats = MarketMaketHelpers.getOrderStats(my_orders.filter(o => o.side != market.trade_side));
+        const t_side_stats = MarketMaketHelpers.getOrderStats(my_orders.filter(o => o.side == market.trade_side));
+        const stake_weight = 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.createElement(View, {
+          type: "footer",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "My Current Position")), hedge ? /*#__PURE__*/React.createElement(View, {
+          transparent: true
+        }, hedge.delayed_cash_draw ? /*#__PURE__*/React.createElement(Text, {
+          theme: "error",
+          size: 14
+        }, "-$", hedge.delayed_cash_draw.toFixed(2)) : /*#__PURE__*/React.createElement(Text, {
+          theme: "success",
+          size: 14
+        }, "$", hedge.delayed_cash_no_draw.toFixed(2)), /*#__PURE__*/React.createElement(Text, {
+          theme: "description"
+        }, "Hedged")) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row"
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h2",
+          textAlign: "center"
+        }, o_side_stats.stake_potential_winnings.toFixed(2))), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h2",
+          textAlign: "center"
+        }, t_side_stats.stake_potential_winnings.toFixed(2)))), /*#__PURE__*/React.createElement(WeightProgress, {
+          style: {
+            margin: 10
+          },
+          min_value: 0,
+          max_value: 100,
+          value: stake_weight.weighted_pct,
+          bar_height: 18
+        }), /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          type: "row"
+        }, at_risk > 0 ? /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "error",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "$", at_risk.toFixed(2)), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "At Risk")) : /*#__PURE__*/React.createElement(View, {
+          style: {
+            flex: 1
+          }
+        }), at_risk < 0 ? /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            padding: 5
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "error",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "$", at_risk.toFixed(2)), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          textAlign: "center",
+          style: {
+            marginTop: 3
+          }
+        }, "At Risk")) : /*#__PURE__*/React.createElement(View, {
+          style: {
+            flex: 1
+          }
+        })));
+      case 'o_side':
+        if (draft_orders.length > 0) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        if (!market) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        let o_side_option = market.side_options.find(so => so.side != market.trade_side);
+        if (!o_side_option) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        const o_side_order = orders.find(o => o.side != market.trade_side);
+        if (!o_side_order) {
+          return /*#__PURE__*/React.createElement(React.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.createElement(View, {
+          style: {
+            borderWidth: 1,
+            borderColor: Colors.borders.light,
+            margin: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "row",
+          style: {
+            padding: 10,
+            borderBottomWidth: 1,
+            borderColor: Colors.borders.light
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h2"
+        }, o_side_order.title), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "$", o_side_order.open_amt.toFixed(2), " to win $", o_side_order.potential_winnings.toFixed(2))), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "$", o_side_order.open_amt.toFixed(2)), /*#__PURE__*/React.createElement(View, {
+          type: "row",
+          style: {
+            marginLeft: 10
+          }
+        }, /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('other', 'increase')
+        }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+          direction: "left",
+          size: 8,
+          color: Colors.text.h1
+        })), /*#__PURE__*/React.createElement(View, {
+          style: {
+            paddingLeft: 10,
+            paddingRight: 10
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1",
+          textAlign: "center"
+        }, (o_side_order.probability * 100).toFixed(2), "%"), /*#__PURE__*/React.createElement(Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          },
+          textAlign: "center"
+        }, MarketComponentHelpers.getOddsLabel(o_side_order.odds))), /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('other', 'decrease')
+        }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+          direction: "right",
+          size: 8,
+          color: Colors.text.h1
+        })))), o_best_available ? /*#__PURE__*/React.createElement(View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, o_best_available.title), o_best_available.grade ? /*#__PURE__*/React.createElement(OrderGradeBar, {
+          style: {
+            alignSelf: 'flex-start',
+            marginTop: 3
+          },
+          grade: o_best_available.grade,
+          view_type: "card",
+          onSelectGrade: () => console.log('')
+        }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+          style: {
+            alignItems: 'flex-end'
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h2"
+        }, MarketComponentHelpers.getOddsLabel(o_best_available.odds)), /*#__PURE__*/React.createElement(Text, {
+          theme: "success"
+        }, "$", o_best_available.open_amt.toFixed(2), " Available")), /*#__PURE__*/React.createElement(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 = MarketComponentHelpers.getSideIds(contest_type, o_side_option, market, event, tournament, match, undefined, undefined);
+            if (!side_ids) {
+              return;
+            }
+            let trade = MarketMaketHelpers.getTradeFromAvailableOrder(o_best_available, side_ids.reversed_side_id);
+            let order = MarketMaketHelpers.getOrderFromTrade(trade, unit_size ?? 10, o_best_available.order_id);
+            order.title = o_best_available.title;
+            setDraftOrders([order]);
+          }
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null), o_side_price && o_side_no_vig ? /*#__PURE__*/React.createElement(View, {
+          type: "footer",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, o_side_price.external_name), /*#__PURE__*/React.createElement(Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          }
+        }, "External price with vig removed")), /*#__PURE__*/React.createElement(Text, {
+          theme: "h2"
+        }, MarketComponentHelpers.getOddsLabel(o_side_no_vig))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+      case 'submit':
+        if (draft_orders.length > 0) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(TextInput, {
+          value: stake,
+          style: {
+            width: 100,
+            textAlign: 'center'
+          },
+          onChangeText: text => setDraftData({
+            ...draft_data,
+            stake: text
+          })
+        }), /*#__PURE__*/React.createElement(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.createElement(React.Fragment, null);
+        }
+        if (!market) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        let trade_side_option = market.side_options.find(so => so.side == market.trade_side);
+        if (!trade_side_option) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        const trade_side_order = orders.find(o => o.side == market.trade_side);
+        if (!trade_side_order) {
+          return /*#__PURE__*/React.createElement(React.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.createElement(View, {
+          style: {
+            borderWidth: 1,
+            borderColor: Colors.borders.light,
+            margin: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h2"
+        }, trade_side_order.title), /*#__PURE__*/React.createElement(Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "$", trade_side_order.open_amt.toFixed(2), " to win $", trade_side_order.potential_winnings.toFixed(2))), /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, "$", trade_side_order.open_amt.toFixed(2)), /*#__PURE__*/React.createElement(View, {
+          type: "row",
+          style: {
+            marginLeft: 10
+          }
+        }, /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('trade', 'increase')
+        }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+          direction: "left",
+          size: 8,
+          color: Colors.text.h1
+        })), /*#__PURE__*/React.createElement(View, {
+          style: {
+            paddingLeft: 10,
+            paddingRight: 10
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, (trade_side_order.probability * 100).toFixed(2), "%"), /*#__PURE__*/React.createElement(Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          },
+          textAlign: "center"
+        }, MarketComponentHelpers.getOddsLabel(trade_side_order.odds))), /*#__PURE__*/React.createElement(Button, {
+          float: true,
+          onPress: () => handleUpdateMargin('trade', 'decrease')
+        }, /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+          direction: "right",
+          size: 8,
+          color: Colors.text.h1
+        })))), t_best_available ? /*#__PURE__*/React.createElement(View, {
+          type: "row",
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, t_best_available.title), t_best_available.grade ? /*#__PURE__*/React.createElement(OrderGradeBar, {
+          style: {
+            alignSelf: 'flex-start',
+            marginTop: 3
+          },
+          grade: t_best_available.grade,
+          view_type: "card",
+          onSelectGrade: () => console.log('')
+        }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+          style: {
+            alignItems: 'flex-end'
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h2"
+        }, MarketComponentHelpers.getOddsLabel(t_best_available.odds)), /*#__PURE__*/React.createElement(Text, {
+          theme: "success"
+        }, "$", t_best_available.open_amt.toFixed(2), " Available")), /*#__PURE__*/React.createElement(Button, {
+          title: "BUY",
+          type: "success",
+          style: {
+            padding: 10,
+            marginLeft: 10,
+            opacity: action_loading ? 0.5 : 1
+          },
+          disabled: action_loading,
+          onPress: () => {
+            let side_ids = MarketComponentHelpers.getSideIds(contest_type, trade_side_option, market, event, tournament, match, undefined, undefined);
+            if (!side_ids) {
+              return;
+            }
+            let trade = MarketMaketHelpers.getTradeFromAvailableOrder(t_best_available, side_ids.reversed_side_id);
+            let order = MarketMaketHelpers.getOrderFromTrade(trade, unit_size ?? 10, t_best_available.order_id);
+            order.title = t_best_available.title;
+            setDraftOrders([order]);
+          }
+        })) : /*#__PURE__*/React.createElement(React.Fragment, null), trade_side_price && trade_side_no_vig_odds ? /*#__PURE__*/React.createElement(View, {
+          type: "footer",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/React.createElement(View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          theme: "h1"
+        }, trade_side_price.external_name), /*#__PURE__*/React.createElement(Text, {
+          theme: "light",
+          style: {
+            marginTop: 3
+          }
+        }, "External price with vig removed")), /*#__PURE__*/React.createElement(Text, {
+          theme: "h2"
+        }, MarketComponentHelpers.getOddsLabel(trade_side_no_vig_odds))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+      case 'draft_orders':
+        if (draft_orders.length == 0) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }
+        return /*#__PURE__*/React.createElement(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, draft_orders.map((o, i) => {
+          return renderOrders({
+            item: o,
+            index: i
+          });
+        }));
+      case 'what_if':
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+      default:
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
+  const total_margin = o_side_margin + trade_side_margin;
+  return /*#__PURE__*/React.createElement(View, {
+    float: float,
+    style: {
+      ...style
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopLeftRadius: 8,
+      borderTopRightRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, contest_title)), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(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.createElement(Text, {
+    theme: "description",
+    textAlign: "center"
+  }, "Margin"))), /*#__PURE__*/React.createElement(View, {
+    type: "body",
+    style: {
+      flex: 1
+    }
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "large",
+    color: Colors.text.h1
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(FlatList, {
+    key: 'create_market_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections,
+    data: sections
+  })), draft_orders.length == 0 ? /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 1
+    },
+    type: "action",
+    title: "CLOSE",
+    onPress: () => onCancel()
+  })) : /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 1
+    },
+    type: "error",
+    title: "CANCEL",
+    onPress: () => setDraftOrders([])
+  }), /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 2,
+      marginLeft: 5
+    },
+    type: "success",
+    title: "SUBMIT ORDERS",
+    onPress: () => handleSubmitOrder()
+  })));
+};
+export default CreateMarketForm;
+//# sourceMappingURL=CreateMarketForm.js.map