be-components 1.0.9 → 1.1.0

package/lib/module/Squares/components/SquaresDetails.js

@@ -0,0 +1,83 @@
+import { TouchableOpacity, View } from "react-native";
+import { view_styles } from "../../constants/styles";
+import { Icons, Text } from "../../Components";
+import Colors from "../../constants/colors";
+import { useState } from "react";
+const SquaresDetails = ({
+  squares_competition,
+  squares_type,
+  squares_payout_type
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  return /*#__PURE__*/React.createElement(View, {
+    nativeID: "competition_details",
+    style: {
+      ...view_styles.section,
+      minWidth: 350
+    }
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: view_styles.section_header,
+    onPress: () => setExpanded(!expanded)
+  }, /*#__PURE__*/React.createElement(Icons.SettingsIcon, {
+    size: 18,
+    color: Colors.brand.midnight
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header"
+  }, "COMPETITION DETAILS"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 4
+    },
+    theme: "body_2"
+  }, "Detailed Information on this competition")), /*#__PURE__*/React.createElement(Icons.ChevronIcon, {
+    direction: expanded ? 'up' : 'down',
+    color: Colors.brand.midnight,
+    size: 8
+  })), expanded ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...view_styles.section_body
+    }
+  }, squares_type ? /*#__PURE__*/React.createElement(View, {
+    style: view_styles.body_row
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    theme: "body"
+  }, "Type"), /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, squares_type.sq_type_name)) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: view_styles.body_row
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    theme: "body"
+  }, "Initial Square Price"), /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, "$", squares_competition.minimum_square_price.toFixed(2))), squares_payout_type ? /*#__PURE__*/React.createElement(View, {
+    style: view_styles.body_row
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    theme: "body"
+  }, "Payout"), /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, squares_payout_type.sq_payout_name.toUpperCase())) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: view_styles.body_row
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    theme: "body"
+  }, "Payout Frequency"), /*#__PURE__*/React.createElement(Text, {
+    theme: "header_2"
+  }, squares_competition.payout_frequency, " Quarters"))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default SquaresDetails;
+//# sourceMappingURL=SquaresDetails.js.map

package/lib/module/Squares/components/SquaresDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","view_styles","Icons","Text","Colors","useState","SquaresDetails","squares_competition","squares_type","squares_payout_type","expanded","setExpanded","React","createElement","nativeID","style","section","minWidth","section_header","onPress","SettingsIcon","size","color","brand","midnight","flex","marginLeft","theme","marginTop","ChevronIcon","direction","section_body","body_row","sq_type_name","Fragment","minimum_square_price","toFixed","sq_payout_name","toUpperCase","payout_frequency"],"sourceRoot":"../../../../src","sources":["Squares/components/SquaresDetails.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Squares/index.js

@@ -0,0 +1,561 @@
+import { useEffect, useState } from "react";
+import { ActivityIndicator, View, Image, TouchableOpacity, ScrollView } from 'react-native';
+import Colors from "../constants/colors";
+import { SqauresHelpers, SquaresApi } from "./api";
+import { Button, Icons, Text } from "../Components";
+import SquaresBoard from "./components/SquaresBoard";
+import BidForm from "./components/BidForm";
+import SocketManager from "../Socket";
+import EventCard from "./components/EventCard";
+import ResultsCard from "./components/ResultsCard";
+import SquaresDetails from "./components/SquaresDetails";
+import BoardStats from "./components/BoardStats";
+import SquareOwnersCard from "./components/SquareOwners";
+import OfferForm from "./components/OfferForm";
+import MySquaresCard from "./components/MySquaresCard";
+import { view_styles } from "../constants/styles";
+const SquaresModule = ({
+  sq_comp_id,
+  player_id,
+  distinct_id,
+  onRequestAuthenticate,
+  onShareCompetition,
+  onPlayerSelect
+}) => {
+  const [needs_reload, setNeedsReload] = useState(false);
+  const [module_size, setModuleSize] = useState({
+    width: 0,
+    height: 0
+  });
+  const [bid_form_expanded, setBidFormExpanded] = useState(false);
+  const [module_data, setModuleData] = useState({
+    loading: false,
+    loaded: false,
+    squares: [],
+    players: [],
+    square_results: [],
+    square_offers: [],
+    player_square_history: [],
+    player_squares: []
+  });
+  const [board_data, setBoardData] = useState({
+    draft_square_offers: [],
+    square_bids: [],
+    submit_ready: {
+      is_loading: false,
+      is_ready: false
+    }
+  });
+  const {
+    square_bids,
+    draft_square_offers,
+    submit_ready
+  } = board_data;
+  const {
+    loading,
+    league,
+    event,
+    players,
+    loaded,
+    squares_competition,
+    squares,
+    squares_type,
+    squares_payout_type,
+    square_results,
+    square_offers,
+    player_square_history,
+    player_squares
+  } = module_data;
+  const my_squares = player_squares.filter(ps => ps.status == 'active' && ps.player_id == player_id);
+  const home_abbr = event?.home?.abbr ?? squares_competition?.event_backup?.home?.abbr;
+  const away_abbr = event?.away?.abbr ?? squares_competition?.event_backup?.away?.abbr;
+  useEffect(() => {
+    if (!sq_comp_id) {
+      return;
+    }
+    if (!loaded) {
+      SquaresApi.setEnvironment();
+    }
+    getDataFromServer(sq_comp_id);
+  }, [sq_comp_id]);
+  const getDataFromServer = async sq_comp_id => {
+    setModuleData({
+      ...module_data,
+      loading: true
+    });
+    const d = await SquaresApi.getSquareCompetitionById(sq_comp_id);
+    const evs = await SquaresApi.getEventsByEventIds([d.squares_competition.event_id]);
+    const league_id = evs[0]?.league_id;
+    let ps = await SquaresApi.getPlayersByPlayerIds([...new Set(d.player_squares.map(ps => ps.player_id))]);
+    let l = undefined;
+    if (league_id) {
+      l = await SquaresApi.getLeagueById(league_id);
+    }
+    setModuleData({
+      ...module_data,
+      loaded: true,
+      event: evs[0],
+      league: l,
+      squares_competition: d.squares_competition,
+      squares_type: d.squares_type,
+      squares_payout_type: d.squares_payout_type,
+      squares: d.squares,
+      players: ps,
+      square_offers: d.square_offers,
+      square_results: d.square_results,
+      player_squares: d.player_squares,
+      player_square_history: d.player_square_history
+    });
+  };
+  const handleSubmitBid = async () => {
+    if (!squares_competition) {
+      return;
+    }
+    if (!player_id) {
+      return onRequestAuthenticate(squares_competition.auth_strategy_id);
+    }
+    if (!submit_ready.is_ready) {
+      setBoardData({
+        ...board_data,
+        submit_ready: {
+          is_ready: false,
+          is_loading: true
+        }
+      });
+      setTimeout(() => {
+        setBoardData({
+          ...board_data,
+          submit_ready: {
+            is_ready: true,
+            is_loading: false
+          }
+        });
+      }, 500);
+      return;
+    }
+    //if(player?.vouched_status !== 'verified' && squares_competition.market_type === 'FOR_MONEY'){ return alert('Must be verified before purchasing real money squares') }
+    if (submit_ready.is_loading) {
+      return;
+    } //Prevent button mashing
+    //SUBMIT BIDS!
+    setBoardData({
+      ...board_data,
+      submit_ready: {
+        ...submit_ready,
+        is_loading: true
+      }
+    });
+    const resp = await SquaresApi.buySquares(squares_competition.sq_comp_id, square_bids);
+    if (needs_reload) {
+      handleUpdateBoardFromBuy(resp);
+    } //If we somehow got disconnected from the socket, we need to load it
+    setBoardData({
+      ...board_data,
+      square_bids: [],
+      submit_ready: {
+        is_loading: false,
+        is_ready: false
+      }
+    });
+  };
+  const handleSubmitOffer = async () => {
+    if (draft_square_offers.length === 0 || !draft_square_offers[0]) {
+      return;
+    }
+    if (!submit_ready.is_ready) {
+      setBoardData({
+        ...board_data,
+        submit_ready: {
+          is_ready: false,
+          is_loading: true
+        }
+      });
+      setTimeout(() => {
+        setBoardData({
+          ...board_data,
+          submit_ready: {
+            is_ready: true,
+            is_loading: false
+          }
+        });
+      }, 500);
+      return;
+    }
+    if (submit_ready.is_loading) {
+      return;
+    } //Prevent button mashing
+    //SUBMIT BIDS!
+
+    setBoardData({
+      ...board_data,
+      submit_ready: {
+        ...submit_ready,
+        is_loading: true
+      }
+    });
+    const resp = await SquaresApi.offserSquare(draft_square_offers[0]);
+    if (needs_reload) {
+      handleUpdateBoardFromOffer(resp);
+    } //If we somehow got disconnected from the socket, we need to load it
+    setBoardData({
+      ...board_data,
+      draft_square_offers: [],
+      submit_ready: {
+        is_loading: false,
+        is_ready: false
+      }
+    });
+  };
+  const handleClearBids = () => {
+    setBoardData({
+      ...board_data,
+      square_bids: [],
+      submit_ready: {
+        is_ready: false,
+        is_loading: false
+      }
+    });
+    setBidFormExpanded(false);
+  };
+  const handleClearOffers = () => {
+    setBoardData({
+      ...board_data,
+      draft_square_offers: [],
+      submit_ready: {
+        is_ready: false,
+        is_loading: false
+      }
+    });
+  };
+  const handleSquareBid = (square, action) => {
+    if (!squares_competition) {
+      return;
+    }
+    //setSubmitReady({ isReady:false, isLoading:false })
+    if (action === 'remove') {
+      return setBoardData({
+        ...board_data,
+        square_bids: square_bids.filter(b => b.sq_square_id != square.sq_square_id)
+      });
+    }
+    let purchase_price = square.init_cost;
+    if (square.last_purchase_price >= square.init_cost) {
+      purchase_price = square.last_purchase_price + 0.50;
+    }
+    let newPS = {
+      sq_player_square_id: '',
+      sq_comp_id: squares_competition.sq_comp_id,
+      sq_square_id: square.sq_square_id,
+      player_id: '',
+      purchase_price,
+      status: 'active',
+      create_datetime: '',
+      last_update_datetime: ''
+    };
+    return setBoardData({
+      ...board_data,
+      square_bids: square_bids.concat(newPS)
+    });
+  };
+  const handleBidAmountChange = (square_bid, square, direction) => {
+    let new_purchase_price = 0;
+    if (direction === 'increase') {
+      new_purchase_price = square_bid.purchase_price + 0.50;
+    } else {
+      new_purchase_price = square_bid.purchase_price - 0.50;
+      if (new_purchase_price < square.init_cost) {
+        return;
+      } //Do not change if the price is less than the initial cost
+      if (new_purchase_price <= square.last_purchase_price) {
+        return;
+      } //Do not change if the price is not greater than current bid
+    }
+    square_bid = {
+      ...square_bid,
+      purchase_price: new_purchase_price
+    };
+    setBoardData({
+      ...board_data,
+      square_bids: square_bids.filter(s => s.sq_square_id != square_bid.sq_square_id).concat(square_bid)
+    });
+  };
+  const handleSquareOffer = (square, action) => {
+    if (!squares_competition) {
+      return;
+    }
+    if (!player_id) {
+      return;
+    }
+    //setSubmitReady({ isReady:false, isLoading:false })
+    let ps = player_squares.find(ps => ps.sq_square_id == square.sq_square_id);
+    if (!ps) {
+      return alert('Cannot put offer on this square as it is not owned by anyone');
+    }
+    if (action === 'remove') {
+      return setBoardData({
+        ...board_data,
+        draft_square_offers: draft_square_offers.filter(so => so.sq_player_square_id != ps?.sq_player_square_id)
+      });
+    }
+    if (draft_square_offers.length > 0) {
+      return alert('Currently only allowed to offer to buy 1 square at a time');
+    }
+    //Todo - check if there is an existing square offer and update more than the last one (maybe)
+    let purchase_price = ps.purchase_price + 1;
+    let newSO = {
+      sq_offer_id: '',
+      sq_comp_id: squares_competition.sq_comp_id,
+      sq_player_square_id: ps.sq_player_square_id,
+      amount: purchase_price,
+      buy_sell_ind: ps.player_id == player_id ? 'sell' : 'buy',
+      market_type: squares_competition.market_type,
+      status: 'offered',
+      offerer_id: player_id,
+      offeree_id: ps.player_id,
+      create_datetime: '',
+      last_update_datetime: ''
+    };
+    if (newSO.buy_sell_ind == 'buy') {
+      let existingSellOffer = square_offers.find(o => o.sq_player_square_id == newSO.sq_player_square_id);
+      if (existingSellOffer) {
+        newSO.amount = existingSellOffer.amount;
+      }
+    }
+    if (newSO.buy_sell_ind == 'sell') {
+      let existingSellDraftOffer = draft_square_offers.find(o => o.sq_player_square_id == newSO.sq_player_square_id);
+      if (existingSellDraftOffer) {
+        return alert('You already have an existing sale offer for this square');
+      }
+    }
+    return setBoardData({
+      ...board_data,
+      draft_square_offers: draft_square_offers.concat(newSO)
+    });
+  };
+  const handleUpdateBoardFromOffer = data => {
+    setModuleData({
+      ...module_data,
+      player_squares: player_squares.filter(ps => !data.removed_player_squares.map(rps => rps.sq_player_square_id.toString()).includes(ps.sq_player_square_id.toString())).filter(ps => !data.saved_player_squares.find(nps => nps.sq_player_square_id == ps.sq_player_square_id)).concat(data.saved_player_squares),
+      square_offers: square_offers.filter(o => !data.updated_offers.find(no => no.sq_offer_id == o.sq_offer_id)).concat(data.updated_offers)
+    });
+  };
+  const handleUpdateBoardFromBuy = data => {
+    setModuleData({
+      ...module_data,
+      squares_competition: data.squares_competition,
+      squares: squares.filter(s => !data.updated_squares.find(ns => ns.sq_square_id == s.sq_square_id)).concat(data.updated_squares),
+      player_squares: player_squares.filter(ps => !data.removed_player_squares.map(rps => rps.sq_player_square_id.toString()).includes(ps.sq_player_square_id.toString())).filter(ps => !data.saved_player_squares.find(nps => nps.sq_player_square_id == ps.sq_player_square_id)).concat(data.saved_player_squares)
+    });
+  };
+  if (loading || !squares_competition) {
+    return /*#__PURE__*/React.createElement(ActivityIndicator, {
+      style: {
+        padding: 20,
+        alignSelf: 'center'
+      },
+      color: Colors.brand.midnight,
+      size: "large"
+    });
+  }
+  const comp_status = SqauresHelpers.getCompStatus(event, squares_competition);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      backgroundColor: Colors.shades.shade100
+    },
+    onLayout: ev => {
+      const {
+        width,
+        height
+      } = ev.nativeEvent.layout;
+      setModuleSize({
+        width,
+        height
+      });
+    }
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    nativeID: "squares_header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      backgroundColor: Colors.shades.white
+    }
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: squares_competition.image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1649737862/be_logo_jte2ux.webp'
+    },
+    style: {
+      height: 50,
+      width: 50,
+      borderRadius: 4
+    },
+    resizeMode: "cover"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header"
+  }, squares_competition.sq_comp_name), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 4
+    },
+    theme: "header_2>"
+  }, squares_competition.sq_comp_description)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => onShareCompetition(squares_competition)
+  }, /*#__PURE__*/React.createElement(Icons.ShareIcon, {
+    color: Colors.brand.midnight,
+    size: 14
+  }))), event ? /*#__PURE__*/React.createElement(EventCard, {
+    event: event,
+    league: league
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(BoardStats, {
+    player_id: player_id,
+    squares_competition: squares_competition,
+    squares: squares,
+    player_squares: player_squares
+  }), square_results.length > 0 ? /*#__PURE__*/React.createElement(ResultsCard, {
+    home_abbr: home_abbr,
+    away_abbr: away_abbr,
+    squares: squares,
+    square_results: square_results,
+    onPlayerSelect: onPlayerSelect
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(SquaresBoard, {
+    player_id: player_id,
+    onSquareBid: handleSquareBid,
+    onSquareOffer: handleSquareOffer,
+    square_bids: square_bids,
+    draft_square_offers: draft_square_offers,
+    squares_competition: squares_competition,
+    squares: squares,
+    event: event,
+    player_squares: player_squares,
+    player_square_history: player_square_history,
+    square_results: square_results,
+    square_offers: square_offers
+  }), square_bids.length > 0 && !bid_form_expanded ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      flexDirection: 'row',
+      alignItems: 'center',
+      top: 10,
+      left: 10,
+      backgroundColor: Colors.shades.shade600,
+      padding: 10,
+      borderRadius: 8,
+      borderBottomLeftRadius: 0,
+      ...view_styles.float
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "header"
+  }, square_bids.length, " Squares"), /*#__PURE__*/React.createElement(Button, {
+    title: "SET AMOUNTS",
+    style: {
+      marginLeft: 10
+    },
+    title_color: Colors.shades.white,
+    backgroundColor: Colors.brand.electric,
+    onPress: () => setBidFormExpanded(true)
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null)), my_squares.length > 0 ? /*#__PURE__*/React.createElement(MySquaresCard, {
+    player_squares: my_squares,
+    squares: squares,
+    square_offers: square_offers,
+    away_abbr: away_abbr,
+    home_abbr: home_abbr,
+    comp_status: comp_status,
+    onSquareOffer: handleSquareOffer
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(SquaresDetails, {
+    squares_competition: squares_competition,
+    squares_payout_type: squares_payout_type,
+    squares_type: squares_type
+  }), /*#__PURE__*/React.createElement(SquareOwnersCard, {
+    players: players,
+    player_squares: player_squares,
+    onPlayerSelect: onPlayerSelect
+  }), /*#__PURE__*/React.createElement(SocketManager
+  //access_token={access_token}
+  , {
+    onConnect: () => {
+      if (needs_reload) {
+        setNeedsReload(false);
+        getDataFromServer(sq_comp_id);
+      }
+    },
+    onDisconnect: () => setNeedsReload(true),
+    distinct_id: distinct_id,
+    onSocketEvent: ev => {
+      switch (ev.type) {
+        case 'V1_UPDATE_SQUARE_DETAILS':
+          let data = ev.data;
+          if (!data.squares_competition || data.squares_competition.sq_comp_id != squares_competition.sq_comp_id) {
+            break;
+          } //This isn't this competition;
+          if (ev.action == 'buy') {
+            handleUpdateBoardFromBuy(data);
+          }
+          if (ev.action == 'offer') [handleUpdateBoardFromOffer(data)];
+          break;
+        default:
+          break;
+      }
+    },
+    subscribed_events: ['V1_UPDATE_SQUARE_DETAILS']
+  })), bid_form_expanded ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0,
+      top: 0,
+      justifyContent: module_size.width > 500 ? 'center' : 'flex-end',
+      alignItems: 'center',
+      backgroundColor: Colors.shades.black_faded
+    }
+  }, /*#__PURE__*/React.createElement(BidForm, {
+    player_id: player_id,
+    home_abbr: home_abbr,
+    away_abbr: away_abbr,
+    width: module_size.width,
+    squares: squares,
+    submit_ready: submit_ready,
+    onBidAmountChange: (pb, sq, dir) => handleBidAmountChange(pb, sq, dir),
+    market_type: squares_competition.market_type,
+    square_bids: square_bids,
+    onClearBids: handleClearBids,
+    onRequestAuthenticate: () => onRequestAuthenticate(squares_competition.auth_strategy_id),
+    onSubmitBid: () => handleSubmitBid()
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), draft_square_offers.length > 0 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0,
+      top: 0,
+      justifyContent: module_size.width > 500 ? 'center' : 'flex-end',
+      alignItems: 'center',
+      backgroundColor: Colors.shades.black_faded
+    }
+  }, /*#__PURE__*/React.createElement(OfferForm, {
+    player_id: player_id,
+    draft_square_offers: draft_square_offers,
+    home_abbr: home_abbr,
+    width: module_size.width,
+    away_abbr: away_abbr,
+    squares: squares,
+    submit_ready: submit_ready,
+    market_type: squares_competition.market_type,
+    player_squares: player_squares,
+    onClearOffers: handleClearOffers,
+    onRequestAuthenticate: () => onRequestAuthenticate(squares_competition.auth_strategy_id),
+    onOfferAmountChange: () => console.log('hey'),
+    onSubmitOffer: () => handleSubmitOffer()
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default SquaresModule;
+//# sourceMappingURL=index.js.map