be-components 2.4.7 → 2.4.9

package/lib/module/MarketMaker/components/SetMarketForm.js

@@ -0,0 +1,297 @@
+import React, { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import { view_styles } from '../../constants/styles';
+import { Button, Text, TextInput } from '../../Components';
+import Colors from '../../constants/colors';
+import { MarketMaketHelpers } from '../api';
+const SetMarketForm = ({
+  form_key,
+  orders,
+  market,
+  prices,
+  onClose,
+  onSetMarket
+}) => {
+  const [form_data, setFormData] = useState({
+    spread_pct: '5'
+  });
+  const {
+    trade_side,
+    o_side,
+    spread_pct
+  } = form_data;
+  const no_vig_data = MarketMaketHelpers.getNoVigPrice(prices, market);
+  useEffect(() => {
+    if (!form_key) {
+      return;
+    }
+    let trade_side_o = orders.find(o => o.side == market.trade_side);
+    let o_side_o = orders.find(o => o.side != market.trade_side);
+    setFormData({
+      trade_side: trade_side_o,
+      o_side: o_side_o,
+      spread_pct
+    });
+  }, [form_key]);
+  if (!trade_side || !o_side) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  const actual_margin = (1 - [trade_side, o_side].reduce((a, b) => a + b.probability, 0)) * 100;
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.section,
+      minWidth: 330
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.section_header,
+      paddingLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header"
+  }, "Set Market"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body"
+  }, "Customize the orders below or submit")), /*#__PURE__*/React.createElement(Button, {
+    title: "X",
+    borderRadius: 100,
+    backgroundColor: Colors.shades.shade100,
+    title_color: Colors.utility.error,
+    onPress: () => onClose()
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.section_body,
+      padding: 0
+    }
+  }, no_vig_data ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.body_row,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, no_vig_data.external_name), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body_2"
+  }, "The NO VIG price retrieved from ", no_vig_data.external_name)), /*#__PURE__*/React.createElement(Text, {
+    size: 16
+  }, MarketMaketHelpers.getOddsLabel(no_vig_data.trade_side_odds))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.body_row,
+      padding: 10,
+      borderBottomWidth: 1,
+      borderColor: Colors.shades.shade600,
+      backgroundColor: Colors.shades.shade100
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginRight: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "Customize Margin"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "body_2"
+  }, "Set the margin pct to automatically create prices.")), actual_margin.toFixed(2) != parseInt(spread_pct).toFixed(2) ? /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: actual_margin < 0 ? Colors.utility.error : actual_margin < 5 ? Colors.utility.success : actual_margin > 8 ? Colors.utility.error : Colors.utility.warning,
+    weight: "bold"
+  }, actual_margin.toFixed(2), "%") : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      ...view_styles.input,
+      width: 40
+    },
+    value: spread_pct,
+    onChangeText: text => setFormData({
+      ...form_data,
+      spread_pct: text
+    })
+  }), /*#__PURE__*/React.createElement(Text, {
+    size: 16,
+    color: Colors.brand.midnight
+  }, "%")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.body_row,
+      paddingBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "bold",
+    textAlign: "center"
+  }, o_side.title))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "bold",
+    textAlign: "center"
+  }, trade_side.title)))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.body_row
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    textAlign: "center",
+    size: 14,
+    color: Colors.brand.midnight
+  }, "$", o_side.open_amt.toFixed(2)), /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight,
+    textAlign: "center"
+  }, "TO STAKE"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    textAlign: "center",
+    size: 14,
+    color: Colors.brand.midnight
+  }, "$", trade_side.open_amt.toFixed(2)))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.section_footer
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Review",
+    style: {
+      flex: 1
+    },
+    borderRadius: 4,
+    backgroundColor: Colors.brand.electric,
+    title_color: Colors.shades.white,
+    onPress: () => onSetMarket([o_side, trade_side])
+  })));
+};
+export default SetMarketForm;
+
+/*
+
+                <View style={{ ...view_styles.body_row, padding:10 }}>
+                    <TextInput
+                        style={{ flex:1, ...view_styles.input }}
+                        value={o_side.working_pct}
+                        onChangeText={(text) => {
+                            let open_amt = fund.working_capital * parseFloat(text)
+
+                            setFormData({ 
+                                ...form_data, 
+                                o_side: { 
+                                    ...o_side, 
+                                    working_pct: text, 
+                                    open_amt: open_amt,
+                                    potential_winnings: MarketMaketHelpers.calcPotentialWinnings(open_amt, o_side.odds) 
+                                }
+                            })
+                        }}
+                    />
+                    <Text style={{ marginLeft:5, marginRight:5 }} size={14} color={Colors.brand.midnight}>WORK %</Text>
+                    <TextInput
+                        style={{ flex:1, ...view_styles.input }}
+                        value={trade_side.working_pct}
+                        onChangeText={(text) => {
+                            let open_amt = fund.working_capital * parseFloat(text)
+                            
+                            setFormData({ 
+                                ...form_data, 
+                                trade_side: { 
+                                    ...trade_side, 
+                                    working_pct: text, 
+                                    open_amt: open_amt,
+                                    potential_winnings: MarketMaketHelpers.calcPotentialWinnings(open_amt, trade_side.odds) 
+                                }
+                            })
+                        }}
+                    />
+                </View>
+                <View style={{ ...view_styles.body_row, padding:10 }}>
+                    <TextInput
+                        style={{ flex:1, ...view_styles.input }}
+                        value={o_side.potential_winnings}
+                        onChangeText={(text) => setFormData({ 
+                            ...form_data, 
+                            o_side: { 
+                                ...o_side, 
+                                potential_winnings: text, 
+                                open_amt: MarketMaketHelpers.calcSaleValue(o_side.odds, text) 
+                            }
+                        })}
+                    />
+                    <Text style={{ marginLeft:5, marginRight:5 }} size={14} color={Colors.brand.midnight}>TO WIN</Text>
+                    <TextInput
+                        style={{ flex:1, ...view_styles.input }}
+                        value={trade_side.potential_winnings}
+                        onChangeText={(text) => setFormData({ 
+                            ...form_data, 
+                            trade_side: { 
+                                ...trade_side, 
+                                potential_winnings: text, 
+                                open_amt: MarketMaketHelpers.calcSaleValue(trade_side.odds, text) 
+                            }
+                        })}
+                    />
+                </View>
+                <View style={{ ...view_styles.body_row, padding:10 }}>
+                    <TextInput
+                        style={{ flex:1, ...view_styles.input }}
+                        value={o_side.odds}
+                        onChangeText={(text) => setFormData({ 
+                            ...form_data, 
+                            o_side: { 
+                                ...o_side, 
+                                odds: text,
+                                probability: MarketMaketHelpers.calcProbabilityFromOdds(parseInt(text)),
+                                potential_winnings: MarketMaketHelpers.calcPotentialWinnings(parseInt(text), o_side.potential_winnings) 
+                            }
+                        })}
+                    />
+                    <Text style={{ marginLeft:5, marginRight:5 }} size={14} color={Colors.brand.midnight}>ODDS</Text>
+                    <TextInput
+                        style={{ flex:1, ...view_styles.input }}
+                        value={trade_side.odds}
+                        onChangeText={(text) => setFormData({
+                            ...form_data, 
+                            trade_side: { 
+                                ...trade_side, 
+                                odds: text, 
+                                probability: MarketMaketHelpers.calcProbabilityFromOdds(parseInt(text)),
+                                open_amt: MarketMaketHelpers.calcSaleValue(parseInt(text), trade_side.potential_winnings) 
+                            }
+                        })}
+                    />
+                </View>
+*/
+//# sourceMappingURL=SetMarketForm.js.map

package/lib/module/MarketMaker/components/SetMarketForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","view_styles","Button","Text","TextInput","Colors","MarketMaketHelpers","SetMarketForm","form_key","orders","market","prices","onClose","onSetMarket","form_data","setFormData","spread_pct","trade_side","o_side","no_vig_data","getNoVigPrice","trade_side_o","find","o","side","o_side_o","createElement","Fragment","actual_margin","reduce","a","b","probability","style","section","minWidth","section_header","paddingLeft","flex","theme","marginTop","title","borderRadius","backgroundColor","shades","shade100","title_color","utility","error","onPress","section_body","padding","body_row","external_name","size","getOddsLabel","trade_side_odds","borderBottomWidth","borderColor","shade600","marginRight","toFixed","parseInt","color","success","warning","weight","input","width","value","onChangeText","text","brand","midnight","paddingBottom","borderBottomColor","textAlign","open_amt","section_footer","electric","white"],"sourceRoot":"../../../../src","sources":["MarketMaker/components/SetMarketForm.tsx"],"mappings":"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AACuC,MAAM,CAACoC,KAAM;IACjC/B,OAAO,EAAEA,CAAA,KAAMpC,WAAW,CAAC,CAACK,MAAM,EAAED,UAAU,CAAC;EAAE,CACpD,CACC,CAEJ,CAAC;AAEf,CAAC;AAED,eAAeV,aAAa;;AAG5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/MarketMaker/components/WeightProgress.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { View } from 'react-native';
+import Colors from '../../constants/colors';
+const WeightProgress = ({
+  width,
+  value
+}) => {
+  let progress_width = value * width / 2;
+  let start_point = width / 2;
+  if (progress_width < 0) {
+    start_point += progress_width;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: 'center',
+      width: width,
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: Colors.shades.white
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      left: start_point,
+      width: Math.abs(progress_width),
+      backgroundColor: Colors.brand.midnight,
+      height: 4,
+      borderRadius: 4
+    }
+  }));
+};
+export default WeightProgress;
+//# sourceMappingURL=WeightProgress.js.map

package/lib/module/MarketMaker/components/WeightProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Colors","WeightProgress","width","value","progress_width","start_point","createElement","style","alignSelf","height","borderRadius","backgroundColor","shades","white","position","left","Math","abs","brand","midnight"],"sourceRoot":"../../../../src","sources":["MarketMaker/components/WeightProgress.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,wBAAwB;AAS3C,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,KAAK;EAC7D,IAAIC,cAAc,GAAGD,KAAK,GAAGD,KAAK,GAAG,CAAC;EACtC,IAAIG,WAAW,GAAGH,KAAK,GAAC,CAAC;EACzB,IAAGE,cAAc,GAAG,CAAC,EAAC;IAClBC,WAAW,IAAID,cAAc;EACjC;EACA,oBACIN,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAE;MAAEC,SAAS,EAAC,QAAQ;MAAEN,KAAK,EAAEA,KAAK;MAAEO,MAAM,EAAC,CAAC;MAAEC,YAAY,EAAC,CAAC;MAAEC,eAAe,EAACX,MAAM,CAACY,MAAM,CAACC;IAAM;EAAE,gBAC7Gf,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAE;MAAEO,QAAQ,EAAC,UAAU;MAAEC,IAAI,EAACV,WAAW;MAAEH,KAAK,EAACc,IAAI,CAACC,GAAG,CAACb,cAAc,CAAC;MAAEO,eAAe,EAACX,MAAM,CAACkB,KAAK,CAACC,QAAQ;MAAEV,MAAM,EAAC,CAAC;MAAEC,YAAY,EAAC;IAAE;EAAE,CAAC,CACvJ,CAAC;AAEf,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}