be-components 7.3.0 → 7.3.2

package/lib/commonjs/CreateEngagement/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.GroupSelector = exports.CompanySelector = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Themed = require("../Components/Themed");
 var _reactNative = require("react-native");
@@ -13,6 +13,7 @@ var _useColors = require("../constants/useColors");
 var _ImageUploader = _interopRequireDefault(require("../Components/ImageUploader"));
 var _momentMini = _interopRequireDefault(require("moment-mini"));
 var _LeagueSchedule = _interopRequireDefault(require("../MarketComponents/components/LeagueSchedule"));
+var _api2 = require("../Bracket/api");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const sections = ['header', 'intro', 'step', 'info', 'groups', 'companies', 'create', 'image', 'success'];
@@ -55,6 +56,7 @@ const steps = [{
 const CreateEngagement = ({
   float,
   player,
+  bracket_id,
   flash_campaign_id,
   init_engagement,
   onFocusPostiion,
@@ -74,6 +76,7 @@ const CreateEngagement = ({
     height: 0
   });
   const [draft_squares, setDraftSquares] = (0, _react.useState)(undefined);
+  const [draft_bracket_competition, setDraftBracketCompetition] = (0, _react.useState)(undefined);
   const [pending_engagement, setPendingEngagement] = (0, _react.useState)({
     create_loading: false
   });
@@ -116,7 +119,7 @@ const CreateEngagement = ({
       loading: false
     });
   };
-  const errors = _api.CreateEngagementHelpers.isStepValid(active_step, active_engagment, draft_competition, draft_squares, draft_flash);
+  const errors = _api.CreateEngagementHelpers.isStepValid(active_step, active_engagment, draft_competition, draft_squares, draft_flash, draft_bracket_competition);
   const handleNextStep = async () => {
     if (errors.length > 0) {
       return alert(errors.map(e => e));
@@ -236,6 +239,37 @@ const CreateEngagement = ({
               poll: new_flash_market
             });
             break;
+          case 'bracket':
+            if (!draft_bracket_competition) {
+              return alert('Unable to process');
+            }
+            if (errors.length > 0) {
+              return alert(errors.map(e => e));
+            }
+            setPendingEngagement({
+              ...pending_engagement,
+              create_loading: true
+            });
+            const bracket_resp = await _api.CreateEngagementApi.getBracketById(draft_bracket_competition.bracket_id);
+            if (!bracket_resp) {
+              return alert('Unable to process.  Please try again later');
+            }
+            const scoring = _api2.BracketCompetitionHelpers.getDefaultScoringRules('', bracket_resp.bracket_rounds);
+            const comp_response = await _api.CreateEngagementApi.createBracketCompetition({
+              ...draft_bracket_competition,
+              image: draft_image,
+              company_id: active_company?.company_id,
+              group_id: active_group?.group_id
+            }, scoring);
+            if (!comp_response) {
+              return alert('Unable to process');
+            }
+            setPendingEngagement({
+              ...pending_engagement,
+              create_loading: false,
+              bracket_competition: comp_response.bracket_competition
+            });
+            break;
           default:
             return;
           //We cdont have one!
@@ -431,26 +465,36 @@ const CreateEngagement = ({
         if (active_step.step_key != 'group') {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
         }
-        return /*#__PURE__*/_react.default.createElement(GroupSelector, {
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            margin: 20
+          }
+        }, /*#__PURE__*/_react.default.createElement(GroupSelector, {
           groups: groups,
           active_group: active_group,
           onSelectGroup: g => setState({
             ...state,
             active_group: g
           })
-        });
+        }));
       case 'companies':
         if (active_step.step_key != 'company') {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
         }
-        return /*#__PURE__*/_react.default.createElement(CompanySelector, {
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            margin: 20
+          }
+        }, /*#__PURE__*/_react.default.createElement(CompanySelector, {
           companies: companies,
           active_company: active_company,
           onSelectCompany: c => setState({
             ...state,
             active_company: c
           })
-        });
+        }));
       case 'create':
         if (active_step.step_key != 'create') {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
@@ -477,6 +521,14 @@ const CreateEngagement = ({
               onFocusPosition: onFocusPostiion,
               company: active_company
             });
+          case 'bracket':
+            return /*#__PURE__*/_react.default.createElement(CreateBracketCompetition, {
+              group: active_group,
+              bracket_id: bracket_id,
+              onUpdateDraft: d => setDraftBracketCompetition(d),
+              onFocusPosition: onFocusPostiion,
+              company: active_company
+            });
           default:
             return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
         }
@@ -620,6 +672,207 @@ const IntroInfo = () => {
     }
   }, "\uD83D\uDCCA Track & Compete \u2013 See results, leaderboards, and bragging rights update in real time"));
 };
+const CreateBracketCompetition = ({
+  bracket_id,
+  company,
+  group,
+  onFocusPosition,
+  onUpdateDraft
+}) => {
+  const Colors = (0, _useColors.useColors)();
+  const [create_state, setCreateState] = (0, _react.useState)({
+    brackets: [],
+    leagues: [],
+    results_visible: false,
+    competition_result_types: [],
+    scoring: [],
+    loading: false,
+    draft_bracket_competition: {
+      ..._api.CreateEngagementHelpers.generateBracketCompetition(),
+      bracket_id: bracket_id ?? '',
+      group_id: group?.group_id,
+      company_id: company?.company_id
+    }
+  });
+  const {
+    brackets,
+    leagues,
+    results_visible,
+    draft_bracket_competition,
+    competition_result_types
+  } = create_state;
+  const active_bracket = brackets.find(b => b.bracket_id == draft_bracket_competition.bracket_id);
+  const competition_result_type = competition_result_types.find(rt => rt.competition_result_type_id == draft_bracket_competition.competition_result_type_id);
+  (0, _react.useEffect)(() => {
+    getData();
+  }, []);
+  (0, _react.useEffect)(() => {
+    onUpdateDraft(draft_bracket_competition);
+  }, [JSON.stringify(draft_bracket_competition)]);
+  const getData = async () => {
+    setCreateState({
+      ...create_state,
+      loading: true
+    });
+    const s_leagues = await _api.CreateEngagementApi.getLeagues();
+    const s_brackets = await _api.CreateEngagementApi.getActiveBrackets();
+    let options = await _api.CreateEngagementApi.getCompetitionOptions();
+    setCreateState({
+      ...create_state,
+      brackets: s_brackets,
+      competition_result_types: options.competition_result_types,
+      leagues: s_leagues,
+      loading: false
+    });
+  };
+  const renderResultTypes = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        borderRadius: 0,
+        padding: 10,
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => setCreateState({
+        ...create_state,
+        results_visible: false,
+        draft_bracket_competition: {
+          ...draft_bracket_competition,
+          competition_result_type_id: data.item.competition_result_type_id
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1"
+    }, data.item.label), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, data.item.description)));
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    style: {
+      marginBottom: 10
+    }
+  }, "Competition Name"), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+    placeholder: "Add Name here...",
+    value: draft_bracket_competition.competition_name,
+    onFocusPosition: onFocusPosition,
+    style: {
+      borderColor: draft_bracket_competition.competition_name ? Colors.text.success : Colors.text.warning
+    },
+    onChangeText: text => setCreateState({
+      ...create_state,
+      draft_bracket_competition: {
+        ...draft_bracket_competition,
+        competition_name: text
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    style: {
+      marginBottom: 10
+    }
+  }, "Competition Description"), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+    placeholder: "Add Description here...",
+    value: draft_bracket_competition.competition_description,
+    onFocusPosition: onFocusPosition,
+    style: {
+      borderColor: draft_bracket_competition.competition_description ? Colors.text.success : Colors.text.warning
+    },
+    onChangeText: text => setCreateState({
+      ...create_state,
+      draft_bracket_competition: {
+        ...draft_bracket_competition,
+        competition_description: text
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    style: {
+      marginBottom: 10
+    }
+  }, "Select a Bracket"), /*#__PURE__*/_react.default.createElement(BracketSelector, {
+    leagues: leagues,
+    brackets: brackets.filter(b => (0, _momentMini.default)().isBefore((0, _momentMini.default)(b.scheduled_datetime))),
+    active_bracket: active_bracket,
+    onSelectBracket: bracket => {
+      setCreateState({
+        ...create_state,
+        draft_bracket_competition: {
+          ...draft_bracket_competition,
+          bracket_id: bracket?.bracket_id ?? '',
+          scheduled_datetime: bracket?.scheduled_datetime
+        }
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    style: {
+      marginBottom: 10
+    }
+  }, "Payout Type"), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    float: true,
+    style: {
+      borderColor: competition_result_type ? Colors.text.success : Colors.text.warning
+    },
+    onPress: () => setCreateState({
+      ...create_state,
+      results_visible: !results_visible
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    style: {
+      flex: 1,
+      marginRight: 10
+    },
+    theme: "h1"
+  }, competition_result_type?.label ?? 'Select Payout'), /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+    direction: results_visible ? 'up' : 'down',
+    color: Colors.text.h1,
+    size: 8
+  })), results_visible ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginTop: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: competition_result_types.sort((a, b) => a.label.localeCompare(b.label)),
+    key: 'competition_reult_types',
+    keyExtractor: item => item.competition_result_type_id.toString(),
+    renderItem: renderResultTypes
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))));
+};
 const CreateFlashMarket = ({
   company,
   group,
@@ -953,7 +1206,7 @@ const EngagementOptions = ({
     style: {
       marginTop: 4
     }
-  }, "Create an auction squares game.  Bid on squares until the auction ends.  Buy and sell squares throughout the game."))), false ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+  }, "Create an auction squares game.  Bid on squares until the auction ends.  Buy and sell squares throughout the game."))), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     key: "bracket",
     float: true,
     style: {
@@ -982,7 +1235,7 @@ const EngagementOptions = ({
     style: {
       marginTop: 4
     }
-  }, "Create a bracket.  Make picks until the championship. Pick more correctly and win!"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), companies.length > 0 ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+  }, "Create a bracket.  Make picks until the championship. Pick more correctly and win!"))), companies.length > 0 ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     key: "flash",
     float: true,
     style: {
@@ -1013,6 +1266,94 @@ const EngagementOptions = ({
     }
   }, "Create a custom flash market.  Players bet on the perimutuel outcomes, get it right and get paid!"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
+const BracketSelector = ({
+  active_bracket,
+  brackets,
+  leagues,
+  onSelectBracket
+}) => {
+  const Colors = (0, _useColors.useColors)();
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const renderBrackets = data => {
+    const league = leagues.find(l => l.league_id == data.item.league_id);
+    if (!league) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        borderRadius: 0,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => {
+        setVisible(false);
+        onSelectBracket(data.item);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: league.league_image
+      },
+      style: {
+        height: 40,
+        width: 40
+      },
+      resizeMode: "cover"
+    }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1"
+    }, data.item.bracket_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "Begins ", (0, _momentMini.default)(data.item.scheduled_datetime).format('MMM DD hh:mm a'))));
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    float: true,
+    style: {
+      borderColor: active_bracket ? Colors.text.success : Colors.text.warning
+    },
+    onPress: () => {
+      setVisible(!visible);
+      onSelectBracket(undefined);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    style: {
+      flex: 1,
+      marginRight: 10
+    },
+    theme: "h1"
+  }, active_bracket?.bracket_name ?? 'No Bracket'), /*#__PURE__*/_react.default.createElement(_Components.Icons.ChevronIcon, {
+    direction: visible ? 'up' : 'down',
+    color: Colors.text.h1,
+    size: 8
+  })), visible ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginTop: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: brackets.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
+    key: 'bracket_selector',
+    keyExtractor: item => item.bracket_id.toString(),
+    renderItem: renderBrackets
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+};
 const GroupSelector = ({
   active_group,
   groups,
@@ -1060,9 +1401,6 @@ const GroupSelector = ({
     }, data.item.description)));
   };
   return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
-    style: {
-      margin: 20
-    },
     float: true,
     onPress: () => {
       setVisible(!visible);
@@ -1096,6 +1434,7 @@ const GroupSelector = ({
     renderItem: renderGroups
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
+exports.GroupSelector = GroupSelector;
 const CompanySelector = ({
   active_company,
   companies,
@@ -1143,9 +1482,6 @@ const CompanySelector = ({
     }, data.item.company_description)));
   };
   return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
-    style: {
-      margin: 20
-    },
     float: true,
     onPress: () => {
       setVisible(!visible);
@@ -1179,6 +1515,7 @@ const CompanySelector = ({
     renderItem: renderCompanies
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
+exports.CompanySelector = CompanySelector;
 const CreateSquares = ({
   onFocusPosition,
   onUpdateDraft