be-components 7.1.4 → 7.1.6

package/lib/module/PartnerPortal/index.js

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