be-components 7.1.2 → 7.1.5

package/lib/commonjs/PartnerPortal/index.js

@@ -0,0 +1,853 @@
+"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 _useColors = require("../constants/useColors");
+var _ImageUploader = _interopRequireDefault(require("../Components/ImageUploader"));
+var _momentMini = _interopRequireDefault(require("moment-mini"));
+var _Components = require("../Components");
+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 = ['top_row', 'second_row', 'third_row'];
+const PartnerPortal = ({
+  me,
+  company_id,
+  onCreateEngagement,
+  onSelectBracketCompetition,
+  onSelectCompetition,
+  onSelectFlashCampaign,
+  onSelectSquaresCompetition
+}) => {
+  const Colors = (0, _useColors.useColors)();
+  const [engagement_state, setEngagementState] = (0, _react.useState)({
+    loading: false,
+    competitions: [],
+    squares_competitions: [],
+    bracket_competitions: [],
+    flash_campaigns: [],
+    embeds: [],
+    embed_properties: [],
+    company_embeds: []
+  });
+  const {
+    competitions,
+    squares_competitions,
+    bracket_competitions,
+    flash_campaigns,
+    embeds,
+    company_embeds
+  } = engagement_state;
+  const [state, setState] = (0, _react.useState)({
+    loading: false,
+    company_members: [],
+    external_keys: [],
+    players: []
+  });
+  const {
+    company,
+    external_keys,
+    players,
+    company_members
+  } = state;
+  (0, _react.useEffect)(() => {
+    _api.PartnerPortalApi.setEnvironment();
+    getStateData();
+    getActiveEngagementData();
+  }, [me.player_id, company_id]);
+  const getStateData = async () => {
+    setState({
+      ...state,
+      loading: true
+    });
+    //First get company data
+    const company_response = await _api.PartnerPortalApi.CompanyApi.getCompanyById(company_id);
+    let player_ids = company_response ? company_response.company_members.map(cm => cm.player_id) : [];
+    const s_playes = await _api.PartnerPortalApi.getPlayersByPlayerIds(player_ids);
+    const my_co_member = company_response?.company_members.find(cm => cm.player_id == me.player_id);
+    const s_keys = await _api.PartnerPortalApi.CompanyApi.getApiKeys(company_id);
+    setState({
+      ...state,
+      loading: false,
+      company: company_response?.company,
+      external_keys: s_keys,
+      players: s_playes,
+      my_member: my_co_member,
+      company_members: company_response?.company_members ?? []
+    });
+  };
+  const getActiveEngagementData = async () => {
+    setEngagementState({
+      ...engagement_state,
+      loading: true
+    });
+    //Now lets grab our engagements
+    const s_comps = await _api.PartnerPortalApi.EngagementApi.getActiveCompetitions(company_id);
+    const s_squares = await _api.PartnerPortalApi.EngagementApi.getActiveSquaresCompetitions(company_id);
+    const s_brackets = await _api.PartnerPortalApi.EngagementApi.getActiveBracketCompetitions(company_id);
+    const s_embeds = await _api.PartnerPortalApi.CompanyEmbedApi.getEmbedsByCompanyId(company_id, 0);
+    const s_flash = await _api.PartnerPortalApi.EngagementApi.getActiveFlashCampaigns(company_id);
+    setEngagementState({
+      ...engagement_state,
+      loading: false,
+      competitions: s_comps.competitions,
+      squares_competitions: s_squares,
+      bracket_competitions: s_brackets,
+      company_embeds: s_embeds.company_embeds,
+      embeds: s_embeds.embeds,
+      flash_campaigns: s_flash,
+      embed_properties: s_embeds.embed_properties
+    });
+  };
+  const renderCompetitions = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderRadius: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => onSelectCompetition(data.item)
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: data.item.image?.url
+      },
+      style: {
+        height: 35,
+        width: 35,
+        borderRadius: 4
+      },
+      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.competition_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, data.item.competition_description)));
+  };
+  const renderSquares = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderRadius: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => onSelectSquaresCompetition(data.item)
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: data.item.image?.url
+      },
+      style: {
+        height: 35,
+        width: 35,
+        borderRadius: 4
+      },
+      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.sq_comp_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, data.item.sq_comp_description)));
+  };
+  const renderBrackets = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderRadius: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => onSelectBracketCompetition(data.item)
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: data.item.image?.url
+      },
+      style: {
+        height: 35,
+        width: 35,
+        borderRadius: 4
+      },
+      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.competition_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, data.item.competition_description)));
+  };
+  const renderKeys = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderRadius: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => console.log(data.item)
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.LinkIcon, {
+      size: 40,
+      color: Colors.text.h1
+    }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2"
+    }, data.item.key), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, data.item.key_source)));
+  };
+  const renderFlashCampaigns = data => {
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderRadius: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => onSelectFlashCampaign(data.item)
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: data.item.campaign_image?.url
+      },
+      style: {
+        height: 35,
+        width: 35,
+        borderRadius: 4
+      },
+      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.name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, "Flash markets")));
+  };
+  const renderEmbeds = data => {
+    const embed = embeds.find(e => e.embed_id == data.item.embed_id);
+    if (!embed) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      transparent: true,
+      style: {
+        padding: 10,
+        borderRadius: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      },
+      onPress: () => console.log('SELECTED EMBED!!')
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EmbedIcon, {
+      size: 24,
+      color: Colors.text.h1
+    }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1"
+    }, data.item.name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, embed.name)));
+  };
+  const renderMembers = data => {
+    const player = players.find(p => p.player_id == data.item.player_id);
+    if (!player) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      type: "row",
+      style: {
+        padding: 10,
+        margin: 4,
+        minWidth: 300,
+        flexGrow: 1,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: player.profile_pic
+      },
+      style: {
+        height: 40,
+        width: 40,
+        borderRadius: 100
+      },
+      resizeMode: "cover"
+    }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1"
+    }, player.first_name, " ", player.last_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 3
+      }
+    }, data.item.role)));
+  };
+  const renderSections = data => {
+    switch (data.item) {
+      case 'top_row':
+        if (!company) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        //Top Rows will consist of all the metrics
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_info",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 200,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Company Information"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "body",
+          transparent: true,
+          style: {
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "row"
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          size: 32
+        }, company.company_name), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h2",
+          style: {
+            marginTop: 3,
+            flexWrap: 'wrap',
+            flexShrink: 1
+          },
+          size: 14
+        }, company.company_description, " with more long text")), /*#__PURE__*/_react.default.createElement(_ImageUploader.default, {
+          onFinishUpload: obj => console.log(obj.secure_url),
+          public_id: `company_logo_${company_id}_${Math.random() * 100000}`
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+          source: {
+            uri: company.company_image?.url
+          },
+          style: {
+            height: 75,
+            width: 75
+          },
+          resizeMode: "contain"
+        }))))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_details",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 200,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Company Members")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          type: "success",
+          title: "NEW MEMBER",
+          style: {
+            padding: 10
+          },
+          onPress: () => console.log('hey')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, company_members.map((m, i) => {
+          return renderMembers({
+            item: m,
+            index: i
+          });
+        }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_competitions",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 300,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Keys"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "Your active API Keys")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "REQUEST",
+          type: "success",
+          style: {
+            padding: 10
+          },
+          onPress: () => console.log('CREATE A NEW KEY!!!')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: external_keys.sort((a, b) => (0, _momentMini.default)(a.create_datetime).unix() - (0, _momentMini.default)(b.create_datetime).unix()).slice(0, 3),
+          key: 'company_keys',
+          keyExtractor: item => item.external_key_id.toString(),
+          renderItem: renderKeys
+        }))));
+      case 'second_row':
+        const active_embeds = company_embeds.length;
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "active_embeds",
+          style: {
+            minWidth: 250,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          size: 40
+        }, active_embeds)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "footer",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderBottomRightRadius: 8,
+            borderBottomLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          color: Colors.text.success
+        }, "Active Embeds")))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_competitions",
+          style: {
+            flexGrow: 4,
+            flexBasis: 4,
+            minWidth: 300,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Embeds"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "Active Embeds")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "CREATE",
+          type: "success",
+          style: {
+            padding: 10
+          },
+          onPress: () => console.log('CREATE A NEW EMBED!!!')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: company_embeds.sort((a, b) => (0, _momentMini.default)(a.create_datetime).unix() - (0, _momentMini.default)(b.create_datetime).unix()),
+          key: 'company_embeds',
+          keyExtractor: item => item.company_embed_id.toString(),
+          renderItem: renderEmbeds
+        }))));
+      case 'third_row':
+        const active_engagements = competitions.length + squares_competitions.length + bracket_competitions.length + flash_campaigns.length;
+        return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "active_engagements",
+          style: {
+            minWidth: 250,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          size: 40
+        }, active_engagements)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "footer",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderBottomRightRadius: 8,
+            borderBottomLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1",
+          color: Colors.text.success
+        }, "Active Engagements")))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_competitions",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 300,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Competitions"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "Pick-ems / Wager competitions that are currently active")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "CREATE",
+          type: "success",
+          style: {
+            padding: 10
+          },
+          onPress: () => onCreateEngagement('competition')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: competitions.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
+          key: 'company_comps',
+          keyExtractor: item => item.competition_id.toString(),
+          renderItem: renderCompetitions
+        }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_squares",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 300,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Squares"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "Bid on squares and win at the end of each quarter")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "CREATE",
+          type: "success",
+          style: {
+            padding: 10
+          },
+          onPress: () => onCreateEngagement('squares')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: squares_competitions.sort((a, b) => (0, _momentMini.default)(a.begin_datetime).unix() - (0, _momentMini.default)(b.begin_datetime).unix()),
+          key: 'company_comps',
+          keyExtractor: item => item.sq_comp_id.toString(),
+          renderItem: renderSquares
+        }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_brackets",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 300,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Brackets"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "Active Bracket Competitions")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "CREATE",
+          type: "success",
+          style: {
+            padding: 10
+          },
+          onPress: () => onCreateEngagement('bracket')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: bracket_competitions.sort((a, b) => (0, _momentMini.default)(a.scheduled_datetime).unix() - (0, _momentMini.default)(b.scheduled_datetime).unix()),
+          key: 'company_comps',
+          keyExtractor: item => item.bracket_competition_id.toString(),
+          renderItem: renderBrackets
+        }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          float: true,
+          nativeID: "company_flash",
+          style: {
+            flexGrow: 1,
+            flexBasis: 1,
+            minWidth: 300,
+            margin: 10
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          type: "header",
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 10,
+            borderTopRightRadius: 8,
+            borderTopLeftRadius: 8
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          style: {
+            flex: 1
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "h1"
+        }, "Flash Market Campaigns"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+          theme: "description",
+          style: {
+            marginTop: 3
+          }
+        }, "Active Flash Campaigns")), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+          title: "CREATE",
+          type: "success",
+          style: {
+            padding: 10
+          },
+          onPress: () => onCreateEngagement('flash')
+        })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+          transparent: true,
+          type: "body"
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+          data: flash_campaigns.sort((a, b) => (0, _momentMini.default)(a.create_datetime).unix() - (0, _momentMini.default)(b.create_datetime).unix()),
+          key: 'company_flash',
+          keyExtractor: item => item.poll_campaign_id.toString(),
+          renderItem: renderFlashCampaigns
+        }))));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: sections,
+    key: 'partner_portal_sections',
+    keyExtractor: item => item,
+    renderItem: renderSections
+  }));
+};
+var _default = exports.default = PartnerPortal;
+//# sourceMappingURL=index.js.map