2017-07-26 10:28:43 +00:00
import React from 'react' ;
import PropTypes from 'prop-types' ;
2017-07-26 15:47:58 +00:00
import url from 'url' ;
2017-07-28 15:39:18 +00:00
import { _t } from '../../../languageHandler' ;
2017-07-26 10:28:43 +00:00
export default class AppPermission extends React . Component {
constructor ( props ) {
super ( props ) ;
2017-07-28 09:18:06 +00:00
const curlBase = this . getCurlBase ( ) ;
2017-07-28 15:36:06 +00:00
this . state = { curlBase : curlBase } ;
2017-07-26 10:28:43 +00:00
}
2017-07-28 09:18:06 +00:00
// Return string representation of content URL without query parameters
getCurlBase ( ) {
2017-07-26 15:47:58 +00:00
const wurl = url . parse ( this . props . url ) ;
let curl ;
2017-07-28 09:01:58 +00:00
let curlString ;
2017-07-26 15:47:58 +00:00
const searchParams = new URLSearchParams ( wurl . search ) ;
2017-07-28 09:01:58 +00:00
2017-08-01 11:00:03 +00:00
if ( this . isScalarWurl ( wurl ) && searchParams && searchParams . get ( 'url' ) ) {
2017-07-28 09:01:58 +00:00
curl = url . parse ( searchParams . get ( 'url' ) ) ;
if ( curl ) {
curl . search = curl . query = "" ;
curlString = curl . format ( ) ;
}
2017-07-26 10:28:43 +00:00
}
2017-07-27 15:42:29 +00:00
if ( ! curl && wurl ) {
wurl . search = wurl . query = "" ;
2017-07-28 09:01:58 +00:00
curlString = wurl . format ( ) ;
2017-07-27 15:42:29 +00:00
}
2017-07-28 09:01:58 +00:00
return curlString ;
2017-07-26 10:28:43 +00:00
}
2017-08-01 11:00:03 +00:00
isScalarWurl ( wurl ) {
if ( wurl && wurl . hostname && (
wurl . hostname === 'scalar.vector.im' ||
wurl . hostname === 'scalar-staging.riot.im' ||
2017-08-02 13:35:14 +00:00
wurl . hostname === 'scalar-develop.riot.im' ||
2017-08-01 11:00:03 +00:00
wurl . hostname === 'demo.riot.im' ||
wurl . hostname === 'localhost'
) ) {
return true ;
}
return false ;
}
2017-07-26 10:28:43 +00:00
render ( ) {
2017-08-18 15:44:33 +00:00
let e2eWarningText ;
if ( this . props . isRoomEncrypted ) {
e2eWarningText =
2017-09-28 10:21:06 +00:00
< span className = 'mx_AppPermissionWarningTextLabel' > { _t ( 'NOTE: Apps are not end-to-end encrypted' ) } < / s p a n > ;
2017-08-18 15:44:33 +00:00
}
2017-07-26 10:28:43 +00:00
return (
2017-07-26 15:47:58 +00:00
< div className = 'mx_AppPermissionWarning' >
< div className = 'mx_AppPermissionWarningImage' >
2017-09-28 10:21:06 +00:00
< img src = 'img/warning.svg' alt = { _t ( 'Warning!' ) } / >
2017-07-26 15:47:58 +00:00
< / d i v >
< div className = 'mx_AppPermissionWarningText' >
2017-09-28 10:21:06 +00:00
< span className = 'mx_AppPermissionWarningTextLabel' > { _t ( 'Do you want to load widget from URL:' ) } < / s p a n > < s p a n c l a s s N a m e = ' m x _ A p p P e r m i s s i o n W a r n i n g T e x t U R L ' > { t h i s . s t a t e . c u r l B a s e } < / s p a n >
{ e2eWarningText }
2017-07-26 15:47:58 +00:00
< / d i v >
2017-07-26 10:28:43 +00:00
< input
2017-07-26 15:47:58 +00:00
className = 'mx_AppPermissionButton'
2017-07-26 10:28:43 +00:00
type = 'button'
2017-07-28 15:42:07 +00:00
value = { _t ( 'Allow' ) }
2017-07-26 10:28:43 +00:00
onClick = { this . props . onPermissionGranted }
/ >
< / d i v >
) ;
}
}
AppPermission . propTypes = {
2017-08-18 15:44:33 +00:00
isRoomEncrypted : PropTypes . bool ,
2017-07-26 10:28:43 +00:00
url : PropTypes . string . isRequired ,
onPermissionGranted : PropTypes . func . isRequired ,
} ;
2017-07-28 15:23:38 +00:00
AppPermission . defaultProps = {
2017-08-18 15:44:33 +00:00
isRoomEncrypted : false ,
2017-07-26 10:28:43 +00:00
onPermissionGranted : function ( ) { } ,
} ;