be-components 7.2.0 → 7.2.2

package/src/PartnerPortal/components/EmbedManager.tsx

@@ -22,7 +22,7 @@ type EmbedManagerProps = {
     company_id:string,
     onClose: () => void
 }
-const sections = ['header','embed','toggle','loading','name','properties','identifer','code']
+const sections = ['header','embed','action','toggle','loading','name','properties','identifer','code']
 const EmbedManager = ({ float, me, company_id, company_embed_id, onFocusPosition, onClose, header_style, footer_style }:EmbedManagerProps) => {
     const Colors = useColors();
     const [ size, setSize ] = useState({ height:0, width:0 });
@@ -45,6 +45,22 @@ const EmbedManager = ({ float, me, company_id, company_embed_id, onFocusPosition
     });
     const { loading, promos, player_referrals, embed, company_embed, embed_properties, draft_company_embed } = embed_data;
 
+    
+
+    const isValid = () => {
+        if(!company_embed){ return }
+        if(!company_embed.name){ return }
+        let valid = true
+        let props = company_embed.properties
+        embed_properties.map(p => {
+            if(!p.required){ return }
+            let exists = props[p.property]
+            if(!exists){ valid = false }
+        });
+        return valid
+    }
+    const is_valid = isValid();
+
     useEffect(() => {
         PartnerPortalApi.setEnvironment();
         getEmbedData(company_embed_id);
@@ -81,6 +97,48 @@ const EmbedManager = ({ float, me, company_id, company_embed_id, onFocusPosition
         setActionLoading(false);
     }
 
+    const activate = async() => {
+        if(!company_embed){ return }
+        if(!is_valid){ return alert('Please complete all properties before activating') }
+        setActionLoading(true);
+        const new_embed = await PartnerPortalApi.CompanyEmbedApi.activateCompanyEmbed(company_embed.company_embed_id);
+        if(!new_embed){ setActionLoading(false); return alert('Unable to activate at this time.  Please try again later') }
+        setEmbedData({
+            ...embed_data,
+            company_embed: new_embed,
+            draft_company_embed: new_embed
+        })
+        setActionLoading(false);
+    }
+
+    const archive = async() => {
+        if(!company_embed){ return }
+        setActionLoading(true);
+        const new_embed = await PartnerPortalApi.CompanyEmbedApi.archiveCompanyEmbed(company_embed.company_embed_id);
+        if(!new_embed){ setActionLoading(false); return alert('Unable to archive at this time.  Please try again later') }
+        setEmbedData({
+            ...embed_data,
+            company_embed: new_embed,
+            draft_company_embed: new_embed
+        })
+        setActionLoading(false);
+    }
+
+
+    const deactivate = async() => {
+        if(!company_embed){ return }
+        setActionLoading(true);
+        const new_embed = await PartnerPortalApi.CompanyEmbedApi.deActivateCompanyEmbed(company_embed.company_embed_id);
+        if(!new_embed){ setActionLoading(false); return alert('Unable to deactivate at this time.  Please try again later') }
+        setEmbedData({
+            ...embed_data,
+            company_embed: new_embed,
+            draft_company_embed: new_embed
+        })
+        setActionLoading(false);
+    }
+
+
     const renderProperties = (data:{ item:EmbedPropertyProps, index:number }) => {
         if(!company_embed || !draft_company_embed){ return <></> }
         const value:string | undefined = draft_company_embed.properties[data.item.property]
@@ -232,6 +290,66 @@ const EmbedManager = ({ float, me, company_id, company_embed_id, onFocusPosition
                         </View>
                     </ImageBackground>
                 )
+            case 'action':
+                if(!draft_company_embed){ return <></> }
+                switch(draft_company_embed.status){
+                    case 'pending':
+                        return (
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1, marginRight:5 }}>
+                                <Text theme='h1'>Pending</Text>
+                                <Text theme='description' style={{ marginTop:3 }}>Once ready - press activate for the embed to become usable</Text>
+                              </View>
+                              <Button
+                                title='ACTIVATE'
+                                type='success'
+                                loading={action_loading}
+                                style={{ padding:10, opacity: is_valid ? 1 : 0.5 }}
+                                onPress={() => activate()}
+                              />
+                            </View>
+                        )
+                    case 'inactive':
+                        return (
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1, marginRight:5 }}>
+                                <Text theme='h1'>Inactive</Text>
+                                <Text theme='description' style={{ marginTop:3 }}>Press activate to reactive it or archive it</Text>
+                              </View>
+                              <Button
+                                title='ACTIVATE'
+                                type='success'
+                                loading={action_loading}
+                                style={{ padding:10, marginRight:5 }}
+                                onPress={() => activate()}
+                              />
+                              <Button
+                                title='ARCHIVE'
+                                type='error'
+                                loading={action_loading}
+                                style={{ padding:10 }}
+                                onPress={() => archive()}
+                              />
+                            </View>
+                        )
+                    case 'active':
+                         return (
+                            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                              <View transparent style={{ flex:1, marginRight:5 }}>
+                                <Text theme='h1'>Deactive</Text>
+                                <Text theme='description' style={{ marginTop:3 }}>Your embed is active! Press deactivate to stop it</Text>
+                              </View>
+                              <Button
+                                title='DEACTIVATE'
+                                type='error'
+                                loading={action_loading}
+                                style={{ padding:10 }}
+                                onPress={() => deactivate()}
+                              />
+                            </View>
+                        )
+                    default: return <></>
+                }
             case 'toggle':
                 return (
                     <View style={{ padding:10, paddingBottom:0 }}>
@@ -339,6 +457,13 @@ const EmbedManager = ({ float, me, company_id, company_embed_id, onFocusPosition
                 keyExtractor={item => item}
                 renderItem={renderSections}
             />
+            {company_embed?.status == 'archived' ? 
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+                <View float style={{ height:200, width:200, justifyContent:'center', alignItems:'center' }}>
+                    <Text theme='h1' textAlign='center'>EMBED HAS BEEN ARCHIVED</Text>
+                </View>
+            </View>
+            :<></>}
             {draft_company_embed ? 
             <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, ...footer_style }}>
                 <Button
@@ -347,6 +472,7 @@ const EmbedManager = ({ float, me, company_id, company_embed_id, onFocusPosition
                     style={{ flex:1 }}
                     onPress={() => onClose()}
                 />
+                {is_changed}
                 <Button
                     title='SAVE'
                     type='success'

package/src/PartnerPortal/index.tsx

@@ -12,6 +12,7 @@ import { Icons } from '../Components';
 type PartnerPortalProps = {
     me:MyPlayerProps,
     company_id:string,
+    refresh_key?:string,
     onCreateEmbed:() => void,
     onCreateEngagement: (init_engagement?:string) => void,
     onSelectCompanyEmbed: (company_embed:CompanyEmbedProps) => void,
@@ -23,7 +24,7 @@ type PartnerPortalProps = {
 
 const sections = ['top_row','second_row','third_row']
 
-const PartnerPortal = ({ me, company_id, onCreateEngagement, onSelectBracketCompetition, onCreateEmbed, onSelectCompanyEmbed, onSelectCompetition, onSelectFlashCampaign, onSelectSquaresCompetition }:PartnerPortalProps) => {
+const PartnerPortal = ({ me, company_id, refresh_key, onCreateEngagement, onSelectBracketCompetition, onCreateEmbed, onSelectCompanyEmbed, onSelectCompetition, onSelectFlashCampaign, onSelectSquaresCompetition }:PartnerPortalProps) => {
     const Colors = useColors();
     const [ engagement_state, setEngagementState ] = useState<{
         loading: boolean,
@@ -64,7 +65,7 @@ const PartnerPortal = ({ me, company_id, onCreateEngagement, onSelectBracketComp
         PartnerPortalApi.setEnvironment();
         getStateData();
         getActiveEngagementData();
-    },[me.player_id, company_id]);
+    },[me.player_id, company_id, refresh_key]);
 
     const getStateData = async() => {
         setState({ ...state, loading:true });
@@ -211,6 +212,7 @@ const PartnerPortal = ({ me, company_id, onCreateEngagement, onSelectBracketComp
                     <Text theme='h1'>{data.item.name}</Text>
                     <Text theme='description' style={{ marginTop:3 }}>{embed.name}</Text>
                 </View>
+                <Text theme='description'>{data.item.status.toUpperCase()}</Text>
             </Button>
         )
     }

package/src/types.d.ts

@@ -3097,6 +3097,7 @@ export interface EmbedPropertyProps {
     embed_id:string,
     property:string,
     description: string,
+    required?:boolean,
     status: 'active'|'archived',
     component:string,
     label:string,