\n { data?.map((o,i)=>{\n if(o?.children?.length>0){\n return \n \n {o.parent} : \n {o.text} \n \n \n handleAssetVnChange(e,i)} \n selectedItem={selectedAssetVn[i]||[]}\n items={o.children} \n id={'assetClassesVnFilter'}\n filterName={''}/>\n \n \n }\n \n }\n )}\n
\n );\n\n \n};\n\nexport default AssetList;\n","import ReactGA from \"react-ga\"\n \nconst TRACKING_ID = process.env.REACT_APP_GA\n \nfunction init() {\n // Enable debug mode on the local development environment\n const isDev = !process.env.NODE_ENV || process.env.NODE_ENV === \"development\";\n //console.log(isDev);\n ReactGA.initialize(TRACKING_ID, { debug: isDev })\n}\n \nfunction sendEvent(payload) {\n ReactGA.event(payload)\n}\n \nfunction setPage(path) {\n ReactGA.set({ page: path })\n}\nfunction sendPageview(path){\n ReactGA.pageview(path);\n}\n \nexport default {\n init,\n sendEvent,\n setPage,\n sendPageview,\n}","import React, { useState, useEffect } from 'react';\nimport {\n Grid, makeStyles, TextField, IconButton, Chip, FormHelperText, FormControl, Link\n} from '@material-ui/core';\nimport { Search } from '@material-ui/icons';\nimport { useAsyncHook } from '../components';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport clsx from 'clsx';\nimport parse from 'autosuggest-highlight/parse';\nimport match from 'autosuggest-highlight/match';\n\nconst indicatorStyle = {\n backgroundColor: \"transparent\",\n '&:hover':{backgroundColor: \"#333\"}, \n width:'20px',\n height:'20px',\n '& svg':{fontSize: \"1rem\"}\n}\nconst useStyles = makeStyles((theme) => ({\n searchItem:{\n },\n searchIcon:{\n '& svg':{\n color: '#fff'\n }\n },\n searchBlackIcon:{\n '& svg':{\n color: '#000'\n }\n },\n searchBar:{\n flexGrow:3,\n [theme.breakpoints.down('md')]: {\n flexGrow:4\n }\n },\n inputStyle:{\n '& input':{color: '#fff'}, \n },\n inputBlackStyle:{\n '& input':{color: '#000'}, \n '& > div::after':{\n borderBottomColor: '#777 !important'\n }\n },\n clearIndicator: {\n ...indicatorStyle,\n color:'#fff',\n },\n blackIndicator:{\n ...indicatorStyle,\n color:'#000',\n },\n label:{\n marginRight:'5px',\n width:'90px'\n },\n resultText:{\n fontSize: theme.typography.pxToRem(12),\n color:'#4D91D1',\n '& span':{\n fontSize: theme.typography.pxToRem(12), \n color:'#153451'\n },\n paddingTop:theme.spacing(0.73)\n },\n autoCompleteWrapper:{\n flexWrap:'nowrap'\n },\n input:{width:'100%'},\n chip:{\n width:'90px',\n [theme.breakpoints.down('md')]: {\n transform: 'scale(0.85,0.85)'\n }\n }\n}));\n\n\nconst SearchBar = (props) => {\n //console.log(props);\n const classes = useStyles();\n const [inputValue, setInputValue] = useState(props.searchKeywords||'');\n const [request, setRequest] = useState(undefined);\n const [results, loadingData] = useAsyncHook(request);\n const [blank, setBlankError] = useState(false);\n const [searchUrl, setSearchUrl] = useState('');\n const {color, searchKeywords} = props;\n\n\n useEffect(() => {\n //if(inputValue!=='' && !loadingData){\n if(inputValue!=='' && inputValue!==null && inputValue!=='null'){\n setRequest({\n authorized:true,\n url: process.env.REACT_APP_API_URL+'/Institutions/AutoComplete/'+inputValue, \n type: 'application/x-www-form-urlencoded;charset=UTF-8',\n method: 'GET'\n })\n }\n }, [inputValue]);\n\n useEffect(() => {\n //if(!loadingData)\n let params = (props.path==='insight' && inputValue==='')?'?sort=institutionIODateTime&sortBy=DESC':'';\n //console.log(searchUrl);\n props.submitSearch(searchUrl);\n }, [searchUrl]);\n\n const searchHandler = (e) =>{\n //console.log(encodeURI(`/${props.path}/`+inputValue)); return;\n //console.log('searchHandle',inputValue);\n if(inputValue!=='' && inputValue!==null && inputValue!=='null'){\n var params = (props.path==='insight' && inputValue==='')?'?sort=institutionIODateTime&sortBy=DESC':'';\n\n //console.log(`/${props.path}/`+encodeURIComponent(inputValue)+params);\n setSearchUrl(`/${props.path}/`+encodeURIComponent(inputValue)+params);\n }\n \n /* else \n setBlankError(true);*/\n }\n\n //console.log(results.autoSuggestions, loadingData);\n return (\n \n \n \n 
\n \n \n \n {theme.direction === 'ltr' ? \n \n \n \n
\n - \n {MenuData.map( item => (\n
\n \n \n \n \n {/*\n \n 
\n \n */}\n \n \n \n \n \n \n \n \n \n {searchBar && \n \n 
\n \n \n {isAuthenticated && !isLoading ?\n \n \n \n \n \n \n
\n );\n};\n\nTopBar.propTypes = {\n className: PropTypes.string\n};\n\nexport default TopBar;","import React from 'react';\nimport { Container, Grid, makeStyles, Typography, Box, Link } from '@material-ui/core';\nimport { Link as RLink } from 'react-router-dom';\nimport {LinkedIn, Twitter, Facebook} from '@material-ui/icons';\nimport { useAuth0 } from '@auth0/auth0-react';\nimport HaymarketLogo from '../assets/images/haymarket.svg';\nimport Moment from 'react-moment';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor:'#000000',\n color:'#ffffff',\n padding: theme.spacing(2, 0),\n display: 'flex'\n },\n customContainer: {\n maxWidth: '1170px'\n },\n leftSide:{\n flexGrow:2,\n marginBottom: theme.spacing(1),\n [theme.breakpoints.down('sm')]: {\n marginBottom: theme.spacing(3)\n }\n },\n leftWrapper:{\n justifyContent:'flex-start',\n [theme.breakpoints.down('md')]: {\n justifyContent:'center'\n }\n },\n rightSide:{\n flexGrow:1,\n marginBottom: theme.spacing(1)\n },\n rightWrapper:{\n justifyContent:'flex-end',\n [theme.breakpoints.down('sm')]: {\n justifyContent:'center'\n }\n },\n text:{\n fontSize:theme.typography.pxToRem(12),\n }, \n hayLogo:{\n maxWidth:'160px',\n marginRight: '15px'\n },\n paragraphText: {\n fontSize:theme.typography.pxToRem(17),\n\n '& a': {\n color: '#fff',\n fontWeight: '600'\n }\n }\n}));\n\nconst Footer = () => {\n const classes = useStyles();\n const { isAuthenticated, user } = useAuth0();\n const preventDefault = (e)=>{\n e.preventDefault();\n }\n const handleContactClick = (id)=>{\n const tfPopup = window.typeformEmbed.makePopup(\n \"https://form.typeform.com/to/zjYrgODY?typeform-medium=embed-snippet\",\n {\n mode: 'popup',\n autoClose: 3000,\n hideHeaders: true,\n hideFooters: true\n }\n );\n tfPopup.open();\n //createPopup('Nodfw3g8?typeform-medium=embed-snippet#sfcid='+id).open();\n //createPopup('Nodfw3g8').open();\n }\n //console.log(isAuthenticated,user);\n return (\n \n {showProfile(user.nickname)}\n
\n : \n
\n }\n \n \n {/* \n \n \n \n \n \n \n \n \n \n \n \n \n Follow us on social media \n \n \n \n {(isAuthenticated && user) &&\n \n \n Manage account\n \n \n }\n \n \n \n Terms & Conditions\n \n \n \n \n Contact us\n \n \n \n \n \n \n \n \n 
\n \n \n \n © Haymarket Media LImited. All rights reserved. \n \n \n \n */}\n \n \n \n \n Get detailed research report, get in touch with us today:\n \n \n E: subscriptions@asianinvestor.net | T: +852 2122 5222\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Follow us on social media \n \n \n @AsianInvestor \n \n \n \n \n \n \n \n \n \n \n \n \n \n Asset Owner Insights Institutional Report is produced by Haymarket Media Limited, the publisher of AsianInvestor\n \n \n \n \n
\n );\n};\n\nexport default Footer;","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport TopBar from './TopBar';\nimport Footer from './Footer';\nimport clsx from 'clsx';\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.background.default,\n minHeight: '100%',\n height: '100%',\n margin: '0 auto -142px',\n width: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n wrapper: {\n/* display: 'flex',\n flex: '1 1 auto',\n */\n overflow: 'auto',\n paddingTop: 64,\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1\n // flexGrow: 1,\n/* transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),*/\n },\n contentContainer: {\n flex: '1 1 auto',\n/* display: 'flex',\n flex: '1 1 auto',\n overflow: 'hidden'*/\n },\n content: {\n/* flex: '1 1 auto',\n height: '100%',\n overflow: 'hidden',*/\n },\n contentShift: {\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.enteringScreen,\n }),\n marginLeft: 0,\n },\n}));\n\n\nconst Layout = (props) => {\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n\n const drawerHandler = (isOpen) => {\n //console.log(isOpen);\n setOpen(isOpen);\n };\n return(\n \n
\n );\n\n};\n/*\nexport default () => {\n const routerResult = useRoutes({\n \"/\": () => \n
\n \n \n {props.children}\n
\n \n \n \n {item.name} \n \n {!props.isShow && \n }\n \n
\n );\n}\n\nexport default InvsItem;\n","import React, { useContext, useState } from 'react';\nimport { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Grid, Typography, \n FormControl, Select, MenuItem, InputLabel, Box\n } from '@material-ui/core';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { CompanyContext } from \"../CompanyContext\";\n\nconst InvsItemYears = (item) =>{\n \n return (\n \n \n \n
\n \n
\n \n \n \n
\n\n );\n}\n\nexport default InvsItemYears;","import React, { useContext, useState } from 'react';\nimport { Grid, Typography, Box } from '@material-ui/core';\nimport { CompanyContext } from \"../CompanyContext\";\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport Moment from 'react-moment';\n\nconst AssetAllocation = (props) =>{\n const {classes} = useContext(CompanyContext);\n const {title, data: rows, list, type, years} = props;\n let chartData= [], chartOptions, curr='', date;\n const colors = [\n '#f95d6a',\n '#003f5c',\n '#2f4b7c',\n '#665191',\n '#a05195',\n '#d45087',\n '#FFD9DA',\n '#30343F',\n '#1B2021',\n '#C7D9B7',\n '#ffa600',\n '#B8B3E9',\n '#ff7c43',\n '#D999B9',\n '#D17B88',\n '#717568'];\n\n if(type==='chart'){\n rows.forEach((o,i)=>{\n if(i===0)\n date = o.year;\n chartData.push({\n name:o.assetClassName,\n y:parseFloat(o.value)\n });\n })\n //console.log(chartData);\n chartOptions = {\n\n credits: {\n enabled: false\n },\n chart: {\n plotBackgroundColor: null,\n plotBorderWidth: null,\n plotShadow: false,\n type: 'pie'\n },\n title: {\n text: null,\n style: {\n display: 'none'\n }\n },\n colors:colors,\n tooltip: {\n formatter: function() {\n return this.key+': '+this.y + '%';\n }\n },\n series: [{\n showInLegend: false,\n dataLabels:{\n enabled: true,\n format: '{key}{y} %'\n },\n name: \"\",\n data: chartData\n }]\n }\n }else if(type==='bar'){\n\n rows.yaxis.forEach((o,i)=>{\n if(years.indexOf(o.name)>-1){\n chartData.push({\n name:o.name,\n data:o.data.map(d=>parseFloat(d.toFixed(2)))\n });\n }\n })\n\n /*rows.yaxis.forEach((o,i)=>{\n chartData.push({\n name:o.name,\n data:o.data.map(d=>parseFloat(d.toFixed(2))),\n stack: o.stack\n });\n })*/\n //chartData = [...rows.yaxis];\n\n //console.log(chartData);\n\n chartOptions = {\n\n credits: {\n enabled: false\n },\n chart: {\n plotBackgroundColor: null,\n plotBorderWidth: null,\n plotShadow: false,\n type: 'bar'\n },\n title: {\n text: null,\n style: {\n display: 'none'\n }\n },\n colors:colors,\n xAxis: {\n categories: rows.xaxis,\n title: {\n text: null\n }\n },\n yAxis: {\n min: 0,\n title: {\n text: 'Billions',\n align: 'high'\n },\n \n },\n tooltip: {\n valueSuffix: ' billions'\n },\n plotOptions: {\n bar: {\n dataLabels: {\n enabled: true,\n formatter: function() {\n if (this.y > 0) {\n return this.y;\n }\n }\n }\n }\n },\n legend: {\n enabled: true\n },\n /*legend: {\n layout: 'vertical',\n align: 'right',\n verticalAlign: 'top',\n x: -40,\n y: 80,\n floating: true,\n borderWidth: 1,\n backgroundColor:\n Highcharts.defaultOptions.legend.backgroundColor || '#FFFFFF',\n shadow: true\n },*/\n credits: {\n enabled: false\n },\n series: chartData\n }\n }else if(type==='column'){\n let colorIndex = 0;\n rows.yaxis.forEach((o,i)=>{\n if(years.indexOf(o.stack)>-1){\n let data = {\n name:o.name,\n id:o.name,\n data:o.data.map(d=>parseFloat(d.toFixed(2))),\n stack: o.stack\n }\n if(curr===''||curr!==o.name){\n curr = o.name;\n colorIndex++;\n data = {...data, color:colors[colorIndex]};\n }else{\n data = {...data, linkedTo:o.name, color:colors[colorIndex]};\n }\n chartData.push(data);\n }\n \n })\n //console.log(chartData);\n //chartData = [...rows.yaxis];\n\n chartOptions = {\n credits: {\n enabled: false\n },\n chart: {\n plotBackgroundColor: null,\n plotBorderWidth: null,\n plotShadow: false,\n type: 'column'\n },\n title: {\n text: null,\n style: {\n display: 'none'\n }\n },\n colors:colors,\n xAxis: {\n categories: rows.xaxis,\n title: {\n text: null\n }\n },\n yAxis: {\n min: 0,\n title: {\n text: ''\n },\n stackLabels: {\n enabled: true,\n crop: false,\n overflow: 'none',\n formatter: function() {\n return this.stack;\n },\n style: {\n fontSize: '10px',\n },\n useHTML:true\n }\n \n },\n tooltip: {\n valueSuffix: ' Billions',\n formatter: function() {\n //console.log(this);\n return 'Total: '+this.total+'
Year: '+this.series.userOptions.stack+'
'+this.series.userOptions.name+'
'+this.y+' Billions';\n },\n },\n plotOptions: {\n column: {\n stacking: 'normal',\n pointPadding: 0,\n groupPadding: 0,\n dataLabels: {\n enabled: false\n }\n }\n },\n legend: {\n enabled: true\n },\n series: chartData\n }\n }\n \n //console.log(chartOptions,rows);\n const options = {\n responsive: true,\n maintainAspectRatio: false, \n };\n //console.log(rows);\n return (\n
\n {/*\n \n Data as of date {date} \n \n \n \n }\n
\n - \n {rows[0].child && \n rows[0].child.map((item) => (\n
\n \n \n \n Sorry, no data is available.\n \n \n \n
\n \n {(isLoaded || !data)?\n \n \n \n \n {data.name} {handleYear(data.dataAsOfDate) == true ? \n \n \n Asset Under Management: {data.fkCurrencyCode} {data.aum ? data.aum : '-'} billion\n \n \n \n \n \n }\n
\n \n {/* Investment outlook in next 6-12 months */}\n {data.institutionsInvestmentOutlookList.length>0 && \n <>\n \n \n }\n {/* Data point of each asset classes */}\n {data.institutionsInvestmentPortfolioList.length>0 && !dialogData.open && \n <>\n \n \n \n }\n {dialogData.open &&\n \n \n {dialogData.title}\n \n \n {dialogData.desc}\n \n \n handlelogin()} className={classes.dialogButton}>\n Log In\n \n \n Subscribe\n \n \n \n }\n {/* Accordion */}\n {(data.institutionAssetClassList && data.institutionAssetClassList.length>0) &&\n \n \n {data.institutionAssetClassList && data.institutionAssetClassList.map((item, i) => (\n \n \n \n }\n {data.assetClassChartList.items.length>0 && !dialogData.open && \n \n \n \n }\n {data.subsidiaries.length>0 && \n \n \n \n }\n {data.institutionsContactsList.length>0 && \n \n \n \n \n }\n \n \n \n \n \n
\n \n \n \n Login\n \n \n \n \n \n
\n );\n};\n\nexport default LoginPage;\n","import React, { useState, useEffect, useReducer } from 'react';\nimport { Redirect } from 'react-router-dom';\nimport { Typography, Container, makeStyles, Grid, CircularProgress, Button, \n Table, TableBody, TableCell, TableContainer, TableHead, TableRow, IconButton, Backdrop,\n FormControl, FormHelperText, Select, MenuItem, Box,Chip\n } from '@material-ui/core';\nimport { useParams, useLocation, Link } from \"react-router-dom\";\nimport { DataGrid, ColDef } from '@material-ui/data-grid';\nimport { Filter, useAsyncHook, FilterCheckBox, AssetFilters, AssetList } from '../components';\nimport Layout from '../layouts/Layout';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';\n\nimport { useHistory } from 'react-router-dom';\nimport Pagination from '@material-ui/lab/Pagination';\n\nimport { CompanyProvider } from '../components/CompanyContext';\nimport clsx from 'clsx';\n//import Results from './Results';\n//https://auth0.com/blog/complete-guide-to-react-user-authentication/\n//https://github.com/auth0-samples/auth0-express-api-samples/tree/master/01-Authorization-RS256\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n //minHeight: '90vh',\n /* overflowY: 'auto',\n */\n // height:'100vh',\n // overflow: 'auto'\n /* height: 'calc(100vh + 160px)',\n paddingBottom: theme.spacing(3),\n [theme.breakpoints.down('md')]: {\n height: 'calc(100vh + 200px)',\n },\n [theme.breakpoints.down('sm')]: {\n height: 'calc(100vh + 250px)',\n }*/\n },\n\n title:{\n marginTop:theme.spacing(3),\n marginBottom:theme.spacing(2),\n },\n filters:{\n flexDirection:'row',\n justifyContent:'flex-start',\n alignItems:'center',\n padding: theme.spacing(0.7, 2),\n backgroundColor:'#ececec',\n borderBottomRightRadius:'5px',\n borderBottomLeftRadius:'5px',\n },\n resultText:{\n marginBottom:theme.spacing(3),\n marginTop: theme.spacing(3),\n '& span':{\n color:theme.palette.secondary.main\n },\n [theme.breakpoints.down('sm')]: {\n }\n },\n textWrapper:{\n },\n results:{\n width: '100%'\n }, \n \n table:{\n width: '100%',\n minWidth:'600px',\n '& a':{width:'100%'}\n },\n bgTable:{\n width: '100%',\n '& a':{width:'100%'}\n },\n header:{\n minWidth:'170px',\n padding: '6px 10px'\n },\n cell:{\n padding: '6px 10px'\n },\n loader:{\n minHeight:200,\n marginTop:theme.spacing(3),\n marginBottom:theme.spacing(2),\n },\n iconMargin: {\n margin: 0,\n padding: '3px 1px'\n },\n paging:{\n marginTop: theme.spacing(5),\n marginBottom:theme.spacing(2),\n },\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n },\n noRows:{\n textAlign:'right',\n [theme.breakpoints.down('sm')]: {\n display:'flex',\n\n }\n },\n rowsForm:{\n width:'80px',\n [theme.breakpoints.down('sm')]: {\n width:'100%'\n }\n }, \n rowsTxt:{color:'#777'},\n tableRow:{\n cursor:'pointer',\n '&:hover':{\n backgroundColor:'#efefef'\n }\n },\n topLinks:{\n marginBottom:theme.spacing(1),\n padding:theme.spacing(0,1),\n '& a':{\n fontSize:theme.typography.pxToRem(14),\n '&.active':{\n fontWeight:'bold',\n textDecoration:'underline',\n color:theme.palette.primary.dark\n }\n }\n },\n assetList:{\n backgroundColor:'#fff',\n }\n\n}));\n\n\n\nconst ResultPage = () => {\n const preventDefault = (event) => event.preventDefault();\n let { keywords } = useParams();\n let query = new URLSearchParams(useLocation().search);\n const history = useHistory();\n let displayStr = '', assetsFilters = [];\n\n const classes = useStyles();\n //const [rows, setData] = useState([]);\n //const [request, setRequest] = useState(undefined);\n\n const filterKeys = {\n country_facet:'country',\n typeOfInstitution_facet:'typeOfInstitution',\n //assetClasses_facet:'AssetClass'\n };\n\n //\"flAssetClassesId_facet\" = \"flAssetClassesId\"\n\n const sortKeys = {\n country:'countrySort',\n name:'nameSort',\n typeOfInstitution:'intSort',\n aum:'aumSort',\n };\n\n /*** Paramm Querying */\n let initAssetsGrps = [];\n if(query.get(\"flAssetGrps\")){\n initAssetsGrps = decodeURIComponent(query.get(\"flAssetGrps\"));\n //console.log(tempAssetsGrps, tempAssetsGrps.split(','));\n //console.log(typeof(tempAssetsGrps.split(',')));\n initAssetsGrps = initAssetsGrps.split(',');\n }\n if(query.get(\"flAssetClassesId\")){\n let tempAssets = decodeURIComponent(query.get(\"flAssetClassesId\"));\n tempAssets = JSON.parse(tempAssets);\n assetsFilters = tempAssets.map(o=>{\n return JSON.stringify({NameID:o.n, TypeNameID:o.t})\n })\n }\n\n\n\n const initialFilters = {\n \"country_facet\":query.get(filterKeys[\"country_facet\"])?query.get(filterKeys[\"country_facet\"]).split(','):[],\n \"typeOfInstitution_facet\":query.get(filterKeys[\"typeOfInstitution_facet\"])?query.get(filterKeys[\"typeOfInstitution_facet\"]).split(','):[],\n //\"assetClasses_facet\":query.get(filterKeys[\"assetClasses_facet\"])?query.get(filterKeys[\"assetClasses_facet\"]).split(','):[],\n \"flAssetClassesId_facet\":assetsFilters\n };\n const emptyFilters = {\n \"country_facet\":[],\n \"typeOfInstitution_facet\":[],\n //\"assetClasses_facet\":[],\n \"flAssetClassesId_facet\":[]\n };\n const initialSorts = {\n curr:query.get('sort')||'name',\n name:(query.get('sort')==='name')?query.get('sortBy'):(!query.get('sort'))?'ASC':'',\n country:(query.get('sort')==='country')?query.get('sortBy'):'',\n typeOfInstitution:(query.get('sort')==='typeOfInstitution')?query.get('sortBy'):'',\n aum:(query.get('sort')==='aum')?query.get('sortBy'):'',\n };\n const emptySorts = {\n curr:'',\n name:'',\n country:'',\n typeOfInstitution:'',\n aum:''\n };\n \n\n const initCurrPage = parseInt(query.get(\"currPage\")) || 1;\n const initNumRows = parseInt(query.get(\"numRows\")) || 10;\n\n\n const [resultReq, setResultReq] = useState(undefined);\n const [searchBody, setSearchBody ]= useState({});\n const [resultData, loadingResultData] = useAsyncHook(resultReq);\n\n const [numRows, setRows ]= useState(initNumRows);\n const [currPage, setPage ]= useState(initCurrPage);\n\n const [redirectTo, setRedirect] = useState('');\n const [selectedAssetGrps, setSelectedAssetsGrp] = useState(initAssetsGrps||[]);\n const [selectedAssetNames, setSelectedAssetNames] =useState([]); // 'Fixed Income','Cash...'\n const [selectedAssets, setSelectedAssets] =useState(assetsFilters||[]);\n const [searchKeywords, setKeywords] = useState(keywords?decodeURIComponent(keywords):'');\n const [assetError, setAssetError] = useState(undefined);\n\n const [assetListingData, setAssetListingData] = useState();\n\n\n \n\n /*** Filtering */\n \n const filterReducer = (state, action) => {\n switch (action.name) {\n case 'Countries': \n return {...state,\"country_facet\":action.value};\n case 'Type of institutions': \n return {...state,\"typeOfInstitution_facet\":action.value};\n case 'Asset classes': \n return {...state,\"assetClasses_facet\":action.value};\n case 'Clear all': \n return emptyFilters;\n default: \n return initialFilters;\n }\n };\n\n const [filters, handleFilterChange] = useReducer(filterReducer, initialFilters);\n\n const handleYear = (date)=>{\n let currentDate = new Date();\n let year = currentDate.getFullYear();\n let insitutionDate= new Date(date);\n let insitutionYear = insitutionDate.getFullYear();\n const thirtyDaysInMs = 90 * 24 * 60 * 60 * 1000;\n const timeDiffInMs = currentDate.getTime() - insitutionDate.getTime();\n\nif(timeDiffInMs >= thirtyDaysInMs){\n return false;\n}else{\n return true\n}\n }\n const sortReducer = (state, action) => {\n //console.log(action, state);\n switch (action) {\n case 'name': \n return {...emptySorts,\n curr:\"name\",\n name:(state.name==='ASC')?'DESC':'ASC'};\n case 'country': \n return {...emptySorts,\n curr:\"country\",\n country:(state.country==='ASC')?'DESC':'ASC'};\n case 'typeOfInstitution': \n return {...emptySorts,\n curr:\"typeOfInstitution\",\n typeOfInstitution:(state.typeOfInstitution==='ASC')?'DESC':'ASC'};\n case 'aum': \n return {...emptySorts,\n curr:\"aum\",\n aum:(state.aum==='ASC')?'DESC':'ASC'};\n default: \n return initialSorts;\n }\n };\n\n const [currSort, handleSortingChange] = useReducer(sortReducer, initialSorts);\n/* const handleAssetSelect = (value)=>{\n setPreAssets(value);\n } */\n\n\n const handleApplyFilters = (event)=>{\n //console.log(preSelectedAssets, tempSelectedAssets);\n let params = '';\n //console.log(selectedAssetGrps, selectedAssets );\n if(selectedAssets.length===0){\n setAssetError({assetClassesVnFilter:'Please select at least 1 filter'});\n return;\n }\n params = getParamsUrl(null,selectedAssets, selectedAssetGrps);\n\n if(params!==''){\n setAssetError(null);\n history.push({\n pathname:(searchKeywords!=='')?`/results/${searchKeywords}`:'/results',\n search:'?'+params\n });\n }\n \n }\n const handleClearFilter = (event)=>{\n handleFilterChange({name:'Clear all'});\n handleSortingChange('');\n setSelectedAssets([]);\n setSelectedAssetsGrp([]);\n setSelectedAssetNames([])\n\n }\n const handlePageChange = (event, value) => {\n setPage(value);\n };\n\n const setRowsHandler = (event) => {\n setRows(event.target.value);\n }\n\n /*** Params */\n\n const getParamsUrl = (page, latestAssets, assetGrps)=>{\n let str = \"\", assets= '';\n //console.log(filters,currSort, numRows, currPage );\n \n for (let key in filters) {\n if(filters[key]?.length>0){\n let _filters = filters[key].map(o=>encodeURIComponent(o)).join(',');\n if (str !== \"\") \n str += \"&\";\n str += filterKeys[key] + \"=\" + _filters;\n }\n }\n for (let key in currSort) {\n if(currSort[key]!=='' && key!=='curr'){\n if (str !== \"\") \n str += \"&\";\n //str += sortKeys[key] + \"=\" + encodeURIComponent(currSort[key]);\n str += \"sort=\" + encodeURIComponent(currSort.curr) + \"&sortBy=\"+ encodeURIComponent(currSort[key]);\n }\n }\n //console.log(assetGrps);\n if (assetGrps?.length>0){\n if (str !== \"\") \n str += \"&\";\n str += \"flAssetGrps=\"+encodeURIComponent(assetGrps);\n }\n /* if (assetGrps.length>0){\n if (str !== \"\") \n str += \"&\";\n str += \"flAssetGrps=\"+encodeURIComponent(assetGrps.join(\",\"));\n } */\n assets = latestAssets.map(o=>{\n let temp = JSON.parse(o);\n return {n:temp.NameID, t:temp.TypeNameID};\n })\n if (assets.length>0){\n if (str !== \"\") \n str += \"&\";\n str += \"flAssetClassesId=\"+encodeURIComponent(JSON.stringify(assets));\n }\n\n if (str !== \"\") \n str += \"&\";\n if(page)\n str += \"currPage=\" + encodeURIComponent(currPage);\n else\n str += \"currPage=\" + encodeURIComponent(1);\n if (str !== \"\") \n str += \"&\";\n str += \"numRows=\" + encodeURIComponent(numRows);\n //console.log(str)\n return str;\n }\n\n\n useEffect(()=>{\n //console.log(filters, searchKeywords, (initialFilters!==filters), (initialSorts !== currSort));\n /*if(filters.country_facet===''&& \n filters.typeOfInstitution_facet==='' && \n filters.assetClasses_facet==='' && \n (searchKeywords===\"\" || searchKeywords==='null'))\n return;\n else */\n \n let params;\n if(initialFilters!==filters || initialSorts !== currSort || numRows !==initNumRows || currPage !== initCurrPage){\n console.log('xx', selectedAssets, selectedAssetGrps, filters);\n if(currPage !== initCurrPage)\n params = getParamsUrl('page', selectedAssets, selectedAssetGrps);\n else\n params = getParamsUrl(null, selectedAssets, selectedAssetGrps);\n //let url = (searchKeywords!=='')?`/results/${searchKeywords}`:'/results';\n //console.log(url, params);return;\n history.push({\n pathname:(searchKeywords!=='')?`/results/${searchKeywords}`:'/results',\n search:'?'+params\n });\n }else{\n setResultReq({ \n method: 'POST',\n authorized: true,\n url: process.env.REACT_APP_API_URL+'/Institutions/Search/', \n type: \"application/json\",\n body:{\n keyword:searchKeywords || \"\", \n sort:currSort[currSort.curr],\n rows:numRows,\n page:currPage, \n orderByFieldName:(currSort.curr!=='aum')?currSort.curr+'_sort':'aum',\n facetFilters:filters\n }\n });\n }\n },[filters, searchBody, currSort,numRows, currPage, searchKeywords]);\n\n // useEffect(()=>{\n // if(selectedAssets?.length>0 && selectedAssetGrps?.length>0){\n // console.log(selectedAssets, selectedAssetGrps)\n // }\n // console.log(resultData);\n \n // },[resultData])\n\n\n displayStr = searchKeywords||\"\";\n\n //console.log(filters);\n\n if(filters.country_facet!==''){\n if(displayStr==='')\n displayStr += 'Country: '+filters.country_facet;\n else\n displayStr += ', Country: '+filters.country_facet;\n }\n if(filters.typeOfInstitution_facet!==''){\n if(displayStr==='')\n displayStr += 'Type of Institution: '+filters.typeOfInstitution_facet;\n else\n displayStr += ', Type of Institution: '+filters.typeOfInstitution_facet;\n }\n \n\n /* if(filters.assetClasses_facet!==''){\n if(displayStr==='')\n displayStr += 'AssetClass: '+filters.assetClasses_facet;\n else\n displayStr += ', AssetClass: '+filters.assetClasses_facet;\n }*/\n\n //console.log(resultData, filters, currSort, numRows, currPage);\n //numFound //page\n if(redirectTo!==''){\n return \n \n \n \n \n Institution\n \n \n Investment strategy\n \n \n \n \n {resultData && \n \n }\n \n \n {resultData && \n \n \n \n \n {resultData && \n \n {assetListingData?.length>0 && \n \n \n \n }\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n The result(s) of '{displayStr}'\n \n \n \n \n \n \n \n \n \n No of results \n \n \n \n {(loadingResultData && resultData.length===0)?\n \n \n :\n \n
\n \n {(resultData.institutions && resultData.institutions.length!==0 && !loadingResultData)?\n \n \n
\n \n \n /*No Result \n }\n
\n }\n \n \n \n \n \n \n \n { (loadingInstructData || instructData.length==0) ? \n \n \n :\n \n \n \n Location\n \n \n \n \n Institution Type\n \n \n \n \n Themes\n \n \n {/*\n \n \n Graphics \n \n \n \n \n Countries\n \n */}\n \n \n }\n \n \n
\n - \n {instructData.countryList.map((item) => (\n
- \n {instructData.institutionTypeList.map((item) => (\n
- \n {instructData.assetClassList.map((item) => (\n
- \n {instructData.countryList.map((item) => (\n
\n \n \n \n \n \n \n \n About AOI\n \n \n Why AOI\n \n \n Contact AOI\n \n \n \n \n \n \n \n \n \n \n {/* \n \n 
\n \n \n \n 
\n Start Searching \n \n \n \n \n Which asset owner are you looking for?\n \n \n \n \n \n \n \n */}\n \n \n \n \n \n Asia’s one-stop investment intelligence platform \n \n \n \n \n \n \n \n \n \n \n \n \n {/* Asset Owner Section Starts */}\n \n Subscription\n \n \n \n \n Asset Owner Insights (AOI) is AsianInvestor’s unique portal designed to enhance transparency within the region’s institutional asset management landscape. Find out more details from here and if you’re interested, please contact our subscription team subscriptions@asianinvestor.net or +852 2122 5222.\n \n \n \n \n \n \n \n \n In addition to key up-to-date data on AUM and portfolio allocation by asset class and geography, we have leveraged our relationships and access to the most influential investors to capture and reveal proprietary views and other content on Asia’s leading institutions. This includes:\n \n \n \n \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n INSIGHTS ON \n 100+ \n ASSET OWNERS \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n 2,500 \n INVESTOR \n CONTACTS \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n DATA FOR \n 450 \n ASSET MANAGERS \n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* Asset Owner Section Ends */}\n {/* Geographic Section Starts */}\n \n \n \n \n GEOGRAPHIC BREAKDOWN BY INSTITUTION\n \n \n \n \n \n \n \n \n 
\n \n \n \n \n S.Korea \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n Hong Kong \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n Australia \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n China \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n Singapore \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n Thailand \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n Japan \n \n \n \n \n \n \n \n \n 
\n \n \n \n \n Taiwan \n \n \n \n \n \n \n \n \n All data and content can be filtered by asset class, geography and/or type of institution.\n \n \n \n {/* \n \n \n AND MORE..\n \n \n */}\n \n {/* Geographic Section Ends */}\n {/* Key Benefit Section Starts */}\n \n \n \n \n KEY BENEFITS\n \n \n \n Against a macro, geopolitical and market backdrop where investment behaviour and approaches by asset owners to building and managing portfolio are changing, this gives fund management firms the intelligence they seek to grow their business.\n \n \n \n \n \n 
\n \n Source investors for your funds \n \n \n \n 
\n \n Identify portfolio trends \n \n \n \n 
\n \n Explore new markets for expansion \n \n \n \n 
\n \n Conduct competitor and market analysis \n \n \n \n 
\n \n Uncover key contacts at target asset owners \n \n \n \n \n \n \n \n To ensure the portal is regularly engaged by leading asset owners in the region, AOI is also designed to give them critical information – on a complimentary basis – on the activities of their peers and wider market trends.\n \n \n \n \n \n AsianInvestor believes this approach to understanding the entire investment ecosystem is the key to improving decision-making by making it more targeted, timely and relevant than ever before.\n \n \n \n \n \n {/* Key Benefit Section Ends */}\n {/* Our Commitment Section Starts */}\n \n \n \n \n OUR COMMITMENT\n \n \n \n To ensure our coverage is accurate and comprehensive:\n \n \n \n \n \n \n \n {/* \n \n \n \n */}\n \n \n \n \n {/* Our Commitment Section Ends */}\n {/* \n \n \n \n All data and content can be filtered by asset class, geography and/or type of institution.\n \n \n \n \n \n \n \n \n */}\n \n \n \n \n Subscription\n \n \n \n \n \n\n {/* \n \n \n \n \n \n \n \n \n Source investors for your funds \n \n \n\n \n \n \n \n \n Identify portfolio trends \n \n \n\n \n \n \n \n \n Explore new markets for expansion \n \n \n\n \n \n \n \n \n Conduct competitor and market analysis \n \n \n\n \n \n \n \n \n Uncover key contacts at target asset owners \n \n \n\n \n \n \n \n To ensure the portal is regularly engaged by leading asset owners in the region, AOI is also designed to give them critical information – on a complimentary basis – on the activities of their peers and wider market trends.\n \n \n \n \n Celebrating our 20th year, AsianInvestor believes this approach to understanding the entire investment ecosystem is the key to improving decision-making by making it more targeted, timely and relevant than ever before.\n \n \n \n \n \n \n \n \n \n \n */}\n\n {/* \n \n \n \n \n \n OUR COMMITMENT\n \n \n \n To ensure our coverage is accurate and comprehensive \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n */}\n \n \n \n {dialogData.title} \n \n \n {dialogData.desc}\n \n \n \n \n \n \n
\n );\n }\n \n};\n\nexport default HomePage;\n","import React from 'react';\nimport { Typography, Container, makeStyles, Grid, Avatar, Link } from '@material-ui/core';\nimport { useAuth0 } from '@auth0/auth0-react';\nimport LoginButton from '../components/LoginButton';\nimport LogoutButton from '../components/LogoutButton';\nimport { deepOrange } from '@material-ui/core/colors';\nimport logo from '../assets/images/AsianInvestor-Logo.svg';\nimport Aoilogo from '../assets/images/Red-Black.png';\n\nimport Footer from '../layouts/Footer';\nconst useStyles = makeStyles((theme) => ({\n body:{\n height: 'calc(100vh - 94px)',\n [theme.breakpoints.down('md')]: {\n height: 'calc(100vh - 110px)',\n },\n [theme.breakpoints.down('xs')]: {\n height: 'calc(100vh - 152px)',\n }\n },\n container:{\n height:'100%',\n },\n title:{\n marginBottom:theme.spacing(3),\n fontSize:theme.typography.pxToRem(45),\n color:theme.palette.primary.main\n },\n subTitle:{\n marginBottom:theme.spacing(5),\n fontWeight:'bold',\n fontSize:theme.typography.pxToRem(25),\n },\n aiLogo:{\n marginBottom:theme.spacing(3)\n },\n aoiLogo:{\n width:'600px',\n [theme.breakpoints.down('sm')]: {\n maxWidth:'450px',\n width:'100%'\n }\n },\n profile:{\n display: 'flex',\n justifyContent:'center',\n alignItems:'center',\n '& > *': {\n margin: theme.spacing(1),\n },\n \n },\n orange: {\n color: theme.palette.getContrastText(deepOrange[500]),\n backgroundColor: deepOrange[500],\n }\n}));\n\nconst NotFoundPage = () => {\n const classes = useStyles();\n const { isAuthenticated, user, isLoading, loginWithRedirect, logout, error, getAccessTokenSilently} = useAuth0();\n const showProfile = (name) =>{\n return \n {(isAuthenticated!==undefined && !isLoading && user ) ?\n <>\n {showProfile(user.nickname)}\n
\n - \n
- Forward looking allocation plans \n
- Market and asset class-specific sentiment \n
- Third-party mandates awarded \n
- Key investment contacts \n
- News on portfolio activities and best practices \n
- \n
- We continue to refine our methodology to ensure we cover the region’s most important and dynamic asset owners \n
- We have expanded our in-house research team to ensure we can speak with more asset owners and cover more ground \n
- We are deepening existing relationships with investors and establishing new ones as the industry evolves \n
- \n
- We have a dedicated focus on combing through publicly available data, official public statements and credible news outlets to supplement our insights \n
- We will ensure we constantly review and refresh our research and approach to updating the data and content on AOI \n
- \n
- We continue to refine our methodology to ensure we cover the region’s most important and dynamic asset owners \n
- We have expanded our in-house research team to ensure we can speak with more asset owners and cover more ground \n
- We are deepening existing relationships with investors and establishing new ones as the industry evolves \n
- \n
- We have a dedicated focus on combing through publicly available data, official public statements and credible news outlets to supplement our insights \n
- We will ensure we constantly review and refresh our research and approach to updating the data and content on AOI \n
\n \n \n \n {isAuthenticated && !isLoading ?\n \n \n \n \n 404 \n Page not found \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default NotFoundPage;\n","import React, { useState, useEffect, useReducer } from 'react';\nimport { Redirect } from 'react-router-dom';\nimport { Typography, Container, makeStyles, Grid, CircularProgress, Button, \n Table, TableBody, TableCell, TableContainer, TableHead, TableRow, IconButton, Backdrop,\n FormControl, FormHelperText, Select, MenuItem\n } from '@material-ui/core';\nimport { useParams, useLocation, Link } from \"react-router-dom\";\nimport { DataGrid, ColDef } from '@material-ui/data-grid';\nimport { Filter, useAsyncHook, FilterCheckBox } from '../components';\nimport Layout from '../layouts/Layout';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';\n\nimport { useHistory } from 'react-router-dom';\nimport Pagination from '@material-ui/lab/Pagination';\n\nimport { CompanyProvider } from '../components/CompanyContext';\nimport clsx from 'clsx';\nimport Moment from 'react-moment';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n },\n\n title:{\n marginTop:theme.spacing(3),\n marginBottom:theme.spacing(2),\n },\n filters:{\n flexDirection:'row',\n justifyContent:'flex-start',\n alignItems:'center',\n padding: theme.spacing(0.7, 2),\n backgroundColor:'#ececec',\n borderBottomRightRadius:'5px',\n borderBottomLeftRadius:'5px',\n },\n resultText:{\n marginBottom:theme.spacing(3),\n marginTop: theme.spacing(3),\n '& span':{\n color:theme.palette.secondary.main\n },\n [theme.breakpoints.down('sm')]: {\n }\n },\n textWrapper:{\n },\n results:{\n width: '100%'\n }, \n \n table:{\n width: '100%',\n minWidth:'600px',\n '& a':{width:'100%'}\n },\n bgTable:{\n width: '100%',\n '& a':{width:'100%'}\n },\n header:{\n minWidth:'170px',\n padding: '6px 10px'\n },\n cell:{\n padding: '6px 10px'\n },\n loader:{\n minHeight:200,\n marginTop:theme.spacing(3),\n marginBottom:theme.spacing(2),\n },\n iconMargin: {\n margin: 0,\n padding: '3px 1px'\n },\n paging:{\n marginTop: theme.spacing(5),\n marginBottom:theme.spacing(2),\n },\n backdrop: {\n zIndex: theme.zIndex.drawer + 1,\n color: '#fff',\n },\n noRows:{\n textAlign:'right',\n [theme.breakpoints.down('sm')]: {\n display:'flex',\n\n }\n },\n rowsForm:{\n width:'80px',\n [theme.breakpoints.down('sm')]: {\n width:'100%'\n }\n }, \n rowsTxt:{color:'#777'},\n tableRow:{\n cursor:'pointer',\n '&:hover':{\n backgroundColor:'#efefef'\n }\n },\n topLinks:{\n marginBottom:theme.spacing(1),\n padding:theme.spacing(0,1),\n '& a':{\n fontSize:theme.typography.pxToRem(14),\n '&.active':{\n fontWeight:'bold',\n textDecoration:'underline',\n color:theme.palette.primary.dark\n }\n }\n }\n\n}));\n\n\n\nconst InsightPage = () => {\n const preventDefault = (event) => event.preventDefault();\n let { keywords } = useParams();\n let query = new URLSearchParams(useLocation().search);\n const emptyParams = (useLocation().search==='')?true:false;\n let history = useHistory();\n let displayStr = '';\n\n const classes = useStyles();\n //const [rows, setData] = useState([]);\n //const [request, setRequest] = useState(undefined);\n\n const filterKeys = {\n country_facet:'country',\n typeOfInstitution_facet:'typeOfInstitution',\n institutionIOAssetClasses_facet:'AssetClass',\n };\n\n const sortKeys = {\n country:'countrySort',\n institutionName:'nameSort',\n institutionIOStrategyDetails:'intSort',\n institutionIODateTime:'dateSort',\n institutionIOAssetClasses:'assetsSort'\n };\n\n const initialFilters = {\n \"country_facet\":query.get(filterKeys[\"country_facet\"])?query.get(filterKeys[\"country_facet\"]).split(','):[],\n \"typeOfInstitution_facet\":query.get(filterKeys[\"typeOfInstitution_facet\"])?query.get(filterKeys[\"typeOfInstitution_facet\"]).split(','):[],\n \"institutionIOAssetClasses_facet\":query.get(filterKeys[\"institutionIOAssetClasses_facet\"])?query.get(filterKeys[\"institutionIOAssetClasses_facet\"]).split(','):[]\n };\n const emptyFilters = {\n \"country_facet\":[],\n \"typeOfInstitution_facet\":[],\n \"institutionIOAssetClasses_facet\":[]\n };\n const initialSorts = {\n curr:query.get('sort')||'',\n institutionName:(query.get('sort')==='institutionName')?query.get('sortBy'):'',\n country:(query.get('sort')==='country')?query.get('sortBy'):'',\n institutionIOStrategyDetails:(query.get('sort')==='institutionIOStrategyDetails')?query.get('sortBy'):'',\n institutionIODateTime:(query.get('sort')==='institutionIODateTime')?query.get('sortBy'):'',\n institutionIOAssetClasses:(query.get('sort')==='institutionIOAssetClasses')?query.get('sortBy'):'',\n };\n const emptySorts = {\n curr:'',\n institutionName:'',\n country:'',\n institutionIOStrategyDetails:'',\n institutionIODateTime:'',\n institutionIOAssetClasses:''\n };\n\n const initCurrPage = parseInt(query.get(\"currPage\")) || 1;\n const initNumRows = parseInt(query.get(\"numRows\")) || 10;\n\n\n const [resultReq, setResultReq] = useState(undefined);\n const [searchBody, setSearchBody ]= useState({});\n const [resultData, loadingResultData] = useAsyncHook(resultReq);\n\n const [numRows, setRows ]= useState(initNumRows);\n const [currPage, setPage ]= useState(initCurrPage);\n\n const [redirectTo, setRedirect] = useState('');\n const [searchKeywords, setKeywords] = useState(keywords?decodeURIComponent(keywords):'');\n\n //const [filtersData, setFilters] = useState([]);\n \n const filterReducer = (state, action) => {\n //console.log(state,action);\n switch (action.name) {\n case 'Countries': \n return {...state,\"country_facet\":action.value};\n case 'Institution Type': \n return {...state,\"typeOfInstitution_facet\":action.value};\n case 'Theme': \n return {...state,\"institutionIOAssetClasses_facet\":action.value};\n case 'Clear all': \n return emptyFilters;\n default: \n return initialFilters;\n }\n };\n\n const [filters, handleFilterChange] = useReducer(filterReducer, initialFilters);\n\n\n const sortReducer = (state, action) => {\n //console.log(action, state);\n \n\n switch (action) {\n case 'institutionName': \n return {...emptySorts,\n curr:\"institutionName\",\n name:(state.institutionName==='ASC')?'DESC':'ASC'};\n\n case 'country': \n return {...emptySorts,\n curr:\"country\",\n country:(state.country==='ASC')?'DESC':'ASC'};\n\n case 'institutionIODateTime': \n return {...emptySorts,\n curr:\"institutionIODateTime\",\n institutionIODateTime:(state.institutionIODateTime==='ASC')?'DESC':'ASC'};\n\n case 'institutionIOAssetClasses':\n return {...emptySorts,\n curr:\"institutionIOAssetClasses\",\n institutionIOAssetClasses:(state.institutionIOAssetClasses==='ASC')?'DESC':'ASC'};\n\n default: \n return initialSorts;\n }\n };\n\n const [currSort, handleSortingChange] = useReducer(sortReducer, initialSorts);\n const handleApplyFilters = (event)=>{\n //console.log(filters);\n //console.log(params);\n history.push({\n pathname:(searchKeywords!=='')?`/insight/${searchKeywords}`:'/insight',\n search:'?'+getParams()\n });\n }\n const handleClearFilter = (event)=>{\n handleFilterChange({name:'Clear all'});\n handleSortingChange('');\n }\n const handlePageChange = (event, value) => {\n setPage(value);\n };\n const setRowsHandler = (event) => {\n setRows(event.target.value);\n }\n\n const getParams = (page)=>{\n let str = \"\";\n //console.log(filters,currSort, numRows, currPage );\n \n for (let key in filters) {\n if(filters[key]!==''){\n let _filters = filters[key].map(o=>encodeURIComponent(o)).join(',');\n if (str !== \"\") \n str += \"&\";\n str += filterKeys[key] + \"=\" + _filters;\n }\n }\n for (let key in currSort) {\n if(currSort[key]!=='' && key!=='curr'){\n if (str !== \"\") \n str += \"&\";\n //str += sortKeys[key] + \"=\" + encodeURIComponent(currSort[key]);\n str += \"sort=\" + encodeURIComponent(currSort.curr) + \"&sortBy=\"+ encodeURIComponent(currSort[key]);\n }\n }\n\n if (str !== \"\") \n str += \"&\";\n if(page)\n str += \"currPage=\" + encodeURIComponent(currPage);\n else\n str += \"currPage=\" + encodeURIComponent(1);\n if (str !== \"\") \n str += \"&\";\n str += \"numRows=\" + encodeURIComponent(numRows);\n //console.log(str)\n return str;\n }\n\n\n useEffect(()=>{\n //console.log(filters, searchKeywords, (initialFilters!==filters), (initialSorts !== currSort));\n /*if(filters.country_facet===''&& \n filters.typeOfInstitution_facet==='' && \n filters.assetClasses_facet==='' && \n (searchKeywords===\"\" || searchKeywords==='null'))\n return;\n else */\n let params;\n if(initialFilters!==filters || initialSorts !== currSort || numRows !==initNumRows || currPage !== initCurrPage){\n if(currPage !== initCurrPage)\n params = getParams('page');\n else\n params = getParams();\n //let url = (searchKeywords!=='')?`/results/${searchKeywords}`:'/results';\n //console.log(url, params);return;\n\n if(emptyParams && searchKeywords==='')\n params = 'sort=institutionIODateTime&sortBy=DESC';\n history.push({\n pathname:(searchKeywords!=='')?`/insight/${searchKeywords}`:'/insight',\n search:'?'+params\n });\n }else if(emptyParams && searchKeywords===''){\n history.push({\n pathname:'/insight',\n search:'?sort=institutionIODateTime&sortBy=DESC'\n });\n }else{\n setResultReq({ \n method: 'POST',\n authorized: true,\n url: process.env.REACT_APP_API_URL+'/Insight/Search/', \n type: \"application/json\",\n body:{\n keyword:searchKeywords || \"\", \n sort:(emptyParams)?'DESC':(currSort.curr!=='')?currSort[currSort.curr]:\"ASC\",\n rows:numRows,\n page:currPage, \n //orderByFieldName:'score',\n orderByFieldName:(emptyParams)?'institutionIODateTime':(currSort.curr==='')?'score':(currSort.curr==='institutionIODateTime' || currSort.curr==='institutionIOAssetClasses')?currSort.curr:currSort.curr+'_sort',\n facetFilters:filters\n }\n });\n }\n },[searchBody, currSort,numRows, currPage, searchKeywords]);\n //},[searchBody, filters, currSort,numRows, currPage, searchKeywords]);\n\n/* useEffect(()=>{\n let params = getParams();\n history.push({\n pathname:'/results',\n search:'?'+params\n });\n }, [])*/\n\n displayStr = searchKeywords||\"\";\n\n //console.log(currSort);\n\n if(filters.country_facet!==''){\n if(displayStr==='')\n displayStr += 'Country: '+filters.country_facet;\n else\n displayStr += ', Country: '+filters.country_facet;\n }\n if(filters.typeOfInstitution_facet!==''){\n if(displayStr==='')\n displayStr += 'Institution Type: '+filters.typeOfInstitution_facet;\n else\n displayStr += ', Institution Type: '+filters.typeOfInstitution_facet;\n }\n\n if(filters.institutionIOAssetClasses_facet!==''){\n if(displayStr==='')\n displayStr += 'Theme: '+filters.institutionIOAssetClasses_facet;\n else\n displayStr += ', Theme: '+filters.institutionIOAssetClasses_facet;\n }\n\n //console.log(resultData, filters, currSort, numRows, currPage);\n //numFound //page\n //console.log(loadingResultData, resultData);\n if(redirectTo!==''){\n return \n {showProfile(user.nickname)}\n
\n : \n
\n }\n \n \n \n \n \n Institution\n \n \n Investment strategy\n \n \n \n \n {resultData && \n \n }\n \n \n {resultData && \n \n \n {resultData && \n \n }\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n The result(s) of '{displayStr}'\n \n \n \n \n \n \n \n \n \n No of results \n \n \n \n {(loadingResultData && resultData.length===0)?\n \n \n :\n \n
\n \n {(resultData.insights && resultData.insights.length!==0 && !loadingResultData)?\n \n \n
\n \n \n /*No Result \n }\n
\n }\n \n \n \n \n \n \n {user.nickname}\n \n \n \n \n {user.email}\n \n \n \n \n Expiry Day: {user['http://haymarket/claims/expireddate']} \n \n \n \n \n {'If you have any problem, please feel free to contact our sales'}\n \n \n \n \n \n
\n \n \n \n \n Sorry, no data is available.\n \n \n \n
\n \n {(isLoading || !data)?\n \n \n \n Graphics\n \n \n {data.aggAumByCountryChartList.length>0 && \n <>\n \n \n }\n {data.aggAumByInstitutionTypeChartList.length>0 && \n <>\n \n \n }\n {data.assetclassesBreakdownByCountryChartList.length>0 && \n <>\n \n \n }\n {data.assetclassesBreakdownByInstitutionTypeChartList.length>0 && \n <>\n \n \n }\n \n \n }\n
\n \n The following terms and conditions ("the Terms and Conditions") apply to all information accessed from this Site ("the Site"). Please read them carefully. By accessing the Site, you are agreeing to the terms that appear below, whether or not you register as a user. You hereby confirm that all of the information that you may receive from the Site is for information purposes only and should be independently verified before relying on the same.
\n\n These terms and conditions were last updated on 6th Apr 2020.
\n\n This Site is owned and operated by Haymarket Media Limited ("Haymarket"), a Hong Kong registered company.
\n\n Users will be able to access some of the information and data on the Site without going through the registration process, though certain areas are only accessible if users register. Some of the material is offered free, however, if additional material is considered Premium Content, users will be asked to pay by giving their credit card details. Haymarket reserves the right to suspend or terminate a user's access to the Site at any time and may exercise this right with or without notice.
\n\n The Site and all information, material and reports on this Site are proprietary to and the copyright belongs to Haymarket or its third party partners. Copying, reproducing, republishing, redistributing or in any way modifying the information without the prior written permission of Haymarket is prohibited. The information contained on the Site should be used for personal non-commercial use only. All trade marks and logos appearing on the Site are Haymarket's or its third party partners'. They cannot be used without the written permission of Haymarket.
\n\n The information available on the Site may contain information provided by third parties or from other sources or references. Haymarket will endeavour to ensure that such information is up to date and accurate at the time it is posted on the Site, however Haymarket does not verify such information and therefore caution should be exercised in relation to the reliability and accuracy of the information.
\n\n When registering with the Site and its email newsletters, users must provide accurate and complete registration information, in particular their email address. Only work email is accepted for registration, and it must correspond to a named email account and not a generic or shared email account. The use of the content in these newsletters is subject to these Terms and Conditions.
\n\n Subscribers must provide accurate and complete information to fulfil subscription orders. It is the subscriber’s responsibility to notify Haymarket of any changes to relevant personal information.
\n\n Subscriptions will NOT commence, and no magazine will be dispatched until the approval of the signed order form or upon receipt of payment.
\n\n For single or bulk subscription orders, a transfer of subscription to a new named user/subscriber is permitted one time per year in the circumstances of department change, office move or leaving the company.
\n\n For unlimited user subscription, you may add or take off users throughout the whole subscription period without incurring additional fees. New users will have access to content for the remainder of the subscription period.
\n\n Including the multi-user licence offered by Haymarket, each user name and password is for a single named user only. It is not allowed to share the username and password with another person or allow multiple users to access digital content using the named subscriber’s credentials. If we suspect access details have been shared with a third party, we reserve the right to terminate or restrict access to the digital content without prior notification or refund. Should you require an additional account for your colleagues please contact our subscription team on Tel: +852 2122 5222 or Email: subscriptions@asianinvestor.net
\n\n There is NO refund for termination of subscription. Subscription products cannot be exchanged for different products, subscription or otherwise. Claims over two months for undelivered copies and past issues will not be entertained.
\n\n Account activation is usually made within two working days (excluding Saturdays, Sundays and Hong Kong Public Holidays) from the date of confirmation of the signed order approved by Haymarket or upon receipt of payment.
\n\n Payment terms are within 30 days from signing the order, either by cheque, credit card, or bank transfer. Please note that we only accept cheques in Hong Kong dollars. The subscriber is required to pay all the associated bank charges when paying by bank transfer.
\n\n Failure to pay within the specified period, unless otherwise agreed by Haymarket Media Limited in writing, may incur additional late charges and interest fees.
\n\n Payments received and transacted online and offline via credit card or debit card are done so at your own control, and by your own actions. It is your sole responsibility to ensure that you use the appropriate payment method. All payments by credit cards are final. Once accepted, card payments cannot be reversed, refunded, or changed to other payment methods.
\n\n Unless otherwise stated in these Terms & Conditions and the Personal Information Collection Statement we provide to subscribers when we collect their information, we do not share the personal information with third parties for marketing purposes without the consent of the users.
\n\n Use of the personal information gathered from users is covered in the Site's
\n If Haymarket is properly credited, the permitted subscribers may reproduce and use small portions of material or articles, sourced from Haymarket publications or websites, for internal or interoffice use, distribution to clients, client memoranda and court filings on an occasional basis. Unless otherwise authorised by Haymarket, any routine or systematic distribution of content is strictly prohibited. Any article or information shared hereunder shall include all copyrights and other proprietary rights. The right set out herein is not to be used as a substitute for purchasing reprint rights from the copyright holder.
\n\n If Haymarket is properly credited, the permitted subscribers may reproduce and use small portions of material or articles, sourced from Haymarket publications or websites, for internal or interoffice use, distribution to clients, client memoranda and court filings on an occasional basis. Unless otherwise authorised by Haymarket, any routine or systematic distribution of content is strictly prohibited. Any article or information shared hereunder shall include all copyrights and other proprietary rights. The right set out herein is not to be used as a substitute for purchasing reprint rights from the copyright holder.
\n\n Third party partners of Haymarket may offer reports, consultancy services, transactional services or other information and Products for sale on the Site. When users purchase such Products on the Site their contract is with the third party and not with Haymarket.
\n\n Haymarket will offer competitions and prize draws on the Site from time to time. Such competitions and prize draws will be subject to the Terms and Conditions published along with these competitions and prize draws.
\n\n Your use of any Software on the Site will be governed by the terms of the licence agreement that is included with that software.
\n\n The content of the information and reports contained on the Site are for general information purposes only and the information should be independently verified before relying on the same. The information does not constitute any form of advice by Haymarket for users to act or refrain from making any specific decision. In particular, Haymarket and its directors accept no responsibility for any loss resulting from any matter contained on the Site.
\n\n Haymarket does not give any warranties including but not limited to any warranties in relation to the accuracy or completeness of any of the content, information or reports available in respect of the Site or in respect of any material and reports made available by any third party partners through the Site. The Site and the content, information and reports available on the Site are provided on an as is basis and we hereby disclaim all warranties and duties of whatsoever nature express or implied including without limitation any implied warranties of merchantability or fitness for a particular purpose. In addition Haymarket makes no warranty that the Site is free from any viruses.
\n\n Users of this Site agree that Haymarket will not be liable to them or any third party for any damages that they may incur in relation to the use of the Site or any services available thereon.
\n\n Haymarket reserves the right at its sole discretion to make changes to the Site and the Terms and Conditions. Any use of the Site after the Terms and Conditions have been amended will be in accordance with the new Terms and Conditions and use of the Site after the Terms and Conditions have been amended will confirm a user's acceptance of the new Terms and Conditions.
\n\n These Terms and Conditions shall be governed by and construed in accordance with the laws of the Hong Kong Special Administrative Region.
\n\n If any provisions of these Terms and Conditions are found to be invalid by any court having jurisdiction then the invalidity of that provision will not affect the validity of the remaining provisions of these Terms and Conditions which shall remain in full force and effect.
\n\n This is the Hong Kong Privacy Policy of Haymarket Media Ltd. (Haymarket)
\n\n Our contact details are as follows: 10/F, Zung Fu Industrial Building, No.1067 King’s Road, Quarry Bay, Hong Kong. Tel: +852 3118 1500 and Fax: + 852 2968 0755.
\n\n We have a Data Protection Officer who is responsible for matters relating to data protection and privacy, who can be reached at HKdataprotectionofficer@haymarket.asia
\n\n Haymarket is committed to protecting your privacy. We have developed this Privacy Policy to explain our practices in processing your information when you visit our websites or use the services provided by us. We adhere to the Privacy by Design principles and take personal privacy into consideration from the start throughout the process of designing, developing, and delivering our products and services.
\n\n We have taken care to abide by the Personal Data (Privacy) Ordinance, Chapter 486 of the Laws of Hong Kong, to collect, store and use Personal Data fairly and lawfully and with due respect to the individual whose Personal Data is being processed.
\n\n By signing up to this website you agree to abide by this Privacy Policy and our
\n FinanceAsia
\n\n The definition of Personal Data in the Hong Kong Personal Data (Privacy) Ordinance is as follows:
\n\n “Personal Data” means any data:
\n\n (a) Relating directly or indirectly to a living individual;
\n\n (b) From which it is practicable for the identity of the individual to be directly or indirectly ascertained; and
\n\n (c) In a form which access to or processing of the data is practicable.
\n\n It may be a single piece of information or a group of information taken together. We may collect personal data from you including your name, job title, company, address, telephone and mobile numbers, e-mail address, country of residence, gender, login ID as well as any information about you that is associated with, or linked to, any other data that helps us to provide you with a more personal and relevant experience.
\n\n If you provide Haymarket with your Personal Data, it will help us to deliver to you the news, products or services, which you have requested. You can choose not to provide us with certain information, but this may stop you from gaining access to a service or limit the features that you can use on our websites. We will collect your contact information and we will note your interests so as to provide you with a better service and enrich your experience when you visit our websites.
\n\n How does Haymarket collect your information?
\n\n We collect Personal Data from you when you register with one of our Hong Kong sites or when you choose to use the various services we provide. We also collect other types of data which may be considered personal that you provide to us voluntarily when, for instance, you make a purchase or respond to surveys and questionnaires, competitions, forums, social networking activities or other offers.
\n\n How will Haymarket use your information?
\n\n We will use your information for the following purposes:
\n- \n
- \n to provide you with the products and services you have requested and to communicate with you about those products and services; \n
- \n to deliver the daily operation of the content, services and products provided to you; \n
- \n to design services or products for customers’ use; \n
- \n with your consent we will let you know about any products or services which Haymarket believes may be of interest to you; you will always be able to unsubscribe or opt-out of receiving these messages. \n
- \n with your consent we will work with our business partners who will send you marketing messages that we have selected (because we think you’ll find them interesting) including, but not limited to, Business Solutions, Education & training, Events, Finance & investment, Media & Marketing, Subscriptions, Surveys & Research, Consumer Electronics, Automotive, Sport, and Travel & Leisure. You will always be able to unsubscribe or opt-out at any time. These business arrangements help us to save you money and allow us to provide some of our services for free. \n
- \n to invite you to share your opinions and comments; \n
- \n to conduct a survey and/or market research. \n
- \n we may also be required to disclose your Personal Data to authorities who can request this information by law that is binding on Haymarket, for instance, for the prevention and detection of crime, the capture or prosecution of offenders and the assessment or collection of tax or duty \n
- \n purposes relating to the above. \n
\n Do we share your information with other companies?
\n\n We may share your Personal Data with our third party suppliers who need to process your data in order to fulfil your request, such as to charge your credit card (if authorised by you), fill your order, and deliver electronic newsletters and promotional messages. But they are required, under a contract with severe penalties, not to use your Personal Data other than to provide the services we request of them. Before we select our processing suppliers, whether within Hong Kong or elsewhere, they must satisfy us that they match our stringent processes to ensure the security of your data, whilst it is in their care. We regularly monitor them to ensure consistency of service and security.
\n\n In addition, if you choose to receive certain content we make available or participate in any of our conferences or events, we may share your Personal Data with the co-organizers and partners, content providers and related vendors in connection with such content and programs. We may also share your Personal Data with our parent company and affiliates for internal business purposes. You understand that the level of data protection in countries outside of Hong Kong may not be equal to the level of data protection under the Hong Kong Personal Data (Privacy) Ordinance and that Haymarket will take appropriate measures to ensure an adequate level of protection is provided when transferring data internationally. You expressly consent to the disclosure of your Personal Data with our third-party service providers for the purposes of providing these services to you.
\n\n How do we keep your Personal Data safe?
\n\n Wherever your Personal Data is processed, Haymarket will take the utmost care in keeping your data secure. We use a variety of industry-standard security technologies and procedures to help protect your Personal Data from unauthorised access or disclosure. We store data behind a firewall, which is a barrier designed to prevent outsiders from accessing our servers. Even though Haymarket takes significant steps to ensure that your Personal Data is not intercepted, accessed, used or disclosed by unauthorised persons, you should know that we cannot eliminate security risks entirely particularly where the internet is concerned. Rest assured that we always behave professionally and take particular care with regard to the protection of your Personal Data.
\n\n How long do we keep your Personal Data?
\n\n Your Personal Data will only be retained by Haymarket for as long as is legitimately necessary for the continuation of our offering to you, or as prescribed by appropriate legislation.
\n\n How can you change your mind about receiving our marketing messages?
\n\n We will always offer you choices about receiving marketing messages from us or our trusted business partners. When you register on this or any other of our websites, or respond to one of our communications or offers, we will ask for your consent of whether you want to receive future marketing messages from us. You can always unsubscribe to any of our emails by clicking on the unsubscribe link provided at the bottom of each communication we send you, or email us anytime at HKdataprotectionofficer@haymarket.asia or write to us at the address given in this Privacy Policy.
\n\n Despite your indicated preferences we may send you customer service communications or notice of changes to our Privacy Policy and our Terms and Conditions.
\n\n How can you access and correct information about you?
\n\n If you would like to see what information we hold about you, you will need to complete the Data Access Request Form issued by the Privacy Commissioner (OPS003) and specify clearly the detail of the personal data you would like to view. If you cannot do this on your own behalf you must give authorisation in writing for a person to do this on your behalf.
\n\n We may request proof of identity before we undertake to disclose personal data. If we do not hold any Personal Data about you, we will confirm that fact in writing. We will respond to a valid request within one month after receiving the same. We will supply the information in an intelligible form so that it is easy for you to understand.
\n\n If you would like to update your personal information, or correct an error or omission in the data we hold about you, you are welcome to contact our Customer Services Team at cs@haymarket.asia . We shall make the necessary changes without undue delay and provide you with a copy of the corrected information. Or, if we are unable to make the requested changes we will advise you of the reasons why we are unable to do so. If at any point you wish us to delete your account or any information about you, please submit your request to HKdataprotectionofficer@haymarket.asia and we will do so within a reasonable period of time.
\n\n You may also exercise your right to data portability and request us to provide you with an electronic file of your information, or to transfer your personal data to a third party if such is technically feasible.
\n\n However, there are certain cases where we may need to retain some of your personal data in order to satisfy our legal obligations, or where we have a legitimate reason for doing so.
\n\n Social media
\n\n Social plugins are buttons, boxes, and stories (such as the Like button) that websites can use to present relevant content to you and create more social and personal experiences for you. While you view these buttons, boxes, and stories on other sites, the content comes directly from the social plugin owner.
\n\n We work with trusted third parties, social networks and with application developers who specialise in social media so we can connect to your social networks. These companies operate third party websites. We provide third parties and business partners with access to our sites so that we can generate interest in our products and services among members of your social networks. This also allows you to share product and service with friends in your social networks.
\n\n We cannot control how your data is collected, stored, used or shared by third party social media websites or to whom the data is disclosed. Please be sure to review their Privacy Policies, Cookie Policies, and their Terms and Conditions to make sure you understand the information they are sharing. If you have questions you should contact that website to check your privacy settings and the rules that govern your ability to opt-out. Haymarket is not responsible for how these third parties may use information collected from or about you.
\n\n Other websites
\n\n Except as otherwise stated in this Privacy Policy or on this website, only Haymarket collects data on this website. When you click on any links to external websites you will be leaving this site and you will go to another site where you are bound by their Privacy Policy and Terms and Conditions. This Privacy Policy, consequently, no longer applies.
\n \n\n Cookies and associated technologies
\n\n This site uses cookies. Cookies are text files containing small amounts of information which are downloaded to your device when you visit a website. Cookies are helpful because they allow a website to recognise a user’s device. They do lots of different jobs, like letting you navigate between pages, efficiently, remembering your preferences and generally improve the user experience.
\n\n When we talk about cookies and tracking technology on our websites, we refer to:
\n- \n
- \n Cookies \n
- \n Flash Cookies \n
- \n Web Beacons \n
- \n Pixels \n
- \n Log files \n
- \n Other tracking technologies \n
\n The categories of cookies we use are as follows:
\n\n Category 1: Strictly necessary cookies. These cookies are essential, as they enable you to move around a website and use its features, such as accessing secure areas. Without these cookies, services you've asked for (such as access to secure areas) can't be provided. These cookies don't gather information about you that can be used for marketing or remembering where you've been on the internet.
\n\n Category 2: Performance cookies. These cookies collect information about how you use a website, for example which pages you go to most often and if you get any error messages from certain pages. These cookies don't gather information that identifies you. All information these cookies collect is anonymous and is only used to improve how our website works. These cookies are not used to target you with online advertising. Without these cookies we can't learn how our website is performing and make relevant improvements that could better your browsing experience.
\n\n Category 3: Functionality cookies. These cookies allow a website to remember choices you make (such as your user name, language or the region you're in) and tailor the website to provide enhanced features and content for you. For instance, they can be used to remember log-in details, changes you've made to text size, font and other parts of pages that you can customise. They may also be used to provide services you've asked for such as watching a video or commenting on a blog. These cookies may be used to ensure that all our services and communications are relevant to you. The information these cookies collect cannot track your browsing activity on other websites. Without these cookies, a website cannot remember choices you've previously made or personalise your browsing experience.
\n\n Category 4: Targeting cookies or advertising cookies. These cookies gather information about your browsing habits. They remember that you've visited a website and share this information with other organisations such as advertisers. They do this in order to provide you with ads that are more relevant to you and your interests. Although these cookies can track your visits to other websites, they don't usually know who you are. Without these cookies, online advertisements you encounter will be less relevant to you and your interests.
\n\n Managing your Cookies
\n\n Most browsers automatically accept cookies by default, but you can choose to refuse cookies or selectively accept certain cookies by adjusting the preferences in your browser. Please note that if you do elect to disable your web browser’s ability to accept cookies, you may not be able to access or take advantage of many features of the service and some parts of the website may not work properly.
\n\n You can control how cookies are set within your browser settings. Please refer to your browser manufacturer for instructions on how to do this.
\n\n
- \n
- \n Firefox \n
- \n Chrome \n
- \n Internet Explorer & Windows \n
- \n Safari \n
\n You should be aware that getting a new computer, installing a new browser, upgrading an existing browser, or erasing or otherwise altering your browser’s cookies files may also clear certain optout cookies, plugins, or settings.
\n\n Website Analytics
\n\n We may collect information about your computer and your visits to this site such as your IP address, geographical location, browser type, referral source, length of visit and number of page views. We may use this information to improve the website’s usability and for other marketing purposes.
\n\n We work directly with a number of technology partners to maintain and support our website, such as Google Analytics and Google DoubleClick, to allow tracking technologies and remarketing services on the Site and our mobile application through the use of first party cookies and third party cookies, to analyse and track users’ use of the Site and our mobile application, measure the effectiveness of our online marketing campaigns, determine the popularity of certain content, and better understand online activity. We may use the personal information we have about you to provide anonymous and statistical data to third party regarding the use of our websites, services, applications and tools. We do not share personally identifiable information with third party partners and customers for measurement and analytics services.
\n\n By accessing the Site and our mobile application, you consent to the collection and use of your information by these third party vendors. These could set cookies or track your activity anonymously, you are encouraged to review their privacy policy and contact them directly if you do not want any information to be collected and used by these tracking technologies.
\n\n Changes to this Privacy Policy
\n\n We may amend this Privacy Policy from time to time. If we make material changes, we will email you at the last email address that you provided to us. Changes become effective immediately. Our Privacy Policy will be dated to make it easier for you to check for changes.
\n25th May 2018
\n\n \n {renderPage(location.pathname, classes)}\n \n
\n