{"version":3,"sources":["components/confirmation/Confirmation.tsx","@abrdn-latest/config/index.ts","redux/reducers/account/partySlice.ts","redux/reducers/account/userSlice.ts","redux/store/index.ts","utils/message-context.tsx","@abrdn-latest/providers/AppProvider.tsx","components/connectivity/Connectivity.tsx","components/error-boundary/ErrorBoundary.tsx","components/footer/footer.tsx","components/user-details/userDetails.tsx","pages/client-holdings/data/ClientHoldings.tsx","pages/client-holdings/data/ClientHoldingsContext.ts","api/client-provisioning/getUserTaskCount.ts","components/header/Navigation.tsx","components/header/HeaderDesktop.tsx","components/header/HeaderMobile.tsx","components/header/header.tsx","components/scroll-to-top/ScrollToTop.tsx","components/unauthorized/Unauthorized.tsx","pages/messages/components/DocumentList.tsx","components/no-data/DataError.tsx","components/no-data/Loading.tsx","components/no-data/NoData.tsx","pages/messages/utils.ts","pages/messages/MessageContext.tsx","pages/messages/components/IndividualMessage.tsx","pages/messages/components/MessageHeader.tsx","pages/messages/components/MessageList.tsx","authentication/OktaSecurity.tsx","components/popup-app/PopupApp.tsx","pages/messages/components/MessagePopup.tsx","pages/messages/components/NewMessageForm.tsx","pages/messages/components/ReplyForm.tsx","pages/messages/components/ViewListing.tsx","pages/portfolio-holdings/data/PortfolioHoldings.tsx","pages/portfolio-holdings/data/PortfolioHoldingsContext.ts","@abrdn-latest/types.ts","pages/client-holdings/components/Widget.tsx","pages/client-holdings/components/AccountFundTable.tsx","pages/client-holdings/components/AccountDetail.tsx","pages/client-holdings/components/Exporter.tsx","pages/client-holdings/components/Quicklinks.tsx","pages/client-holdings/getUniqueCurrencies.ts","pages/client-holdings/components/Tile.tsx","pages/home/components/Banner.tsx","pages/esg/components/EthicalSocialGovernance.tsx","pages/esg/components/ClimateInsights.tsx","pages/our-thinking/components/OurThinkingWidget.tsx","pages/esg/components/SustainableInvesting.tsx","pages/home/PageHome.tsx","pages/authentication/AuthLandingPage.tsx","authentication/LogoutPage.tsx","components/iframe/IFrame.tsx","pages/fund-centre/PageFundCentre.tsx","pages/our-thinking/PageOurThinking.tsx","components/util/Debug.tsx","pages/our-thinking/PageOurThinkingArticle.tsx","pages/portfolio-holdings/components/AdditionalInfo.tsx","components/slideout/SlideOut.tsx","pages/portfolio-holdings/components/Banner.tsx","pages/portfolio-holdings/components/Disclaimer.tsx","pages/portfolio-holdings/components/Filter.tsx","pages/portfolio-holdings/components/FundListing.tsx","pages/portfolio-holdings/components/FundSelector.tsx","pages/portfolio-holdings/components/RiskWarning.tsx","pages/portfolio-holdings/components/SaveFund.tsx","pages/portfolio-holdings/components/Table.tsx","pages/messages/PageMessages.tsx","pages/client-holdings/PageAccount.tsx","pages/portfolio-holdings/PagePortfolioHoldings.tsx","pages/portfolio-holdings/PageFundDetail.tsx","pages/messages/PageNewMessage.tsx","components/table/Table.tsx","pages/documents/documents.util.ts","pages/documents/components/DocumentsTable.tsx","pages/documents/components/NewDocumentForm.tsx","pages/documents/PageDocuments.tsx","pages/documents/PageNewDocument.tsx","components/data-list/DataList.tsx","components/help/Help.tsx","components/my-accounts/MyAccountsTable.tsx","pages/account/components/AccountsListing.tsx","pages/account/PageAccount.tsx","pages/salesforce-router/SalesforceRouterPage.tsx","pages/error/PageError.tsx","pages/not-found/PageNotFound.tsx","pages/Routes.tsx","App.tsx","i18n.ts","reportWebVitals.ts","index.tsx","components/chart/index.ts","components/file-selector/Restrictions.tsx","components/file-selector/FileSelector.tsx","components/file-selector/ValidationContext.tsx","icons/ApplePodcastsIcon.tsx","icons/Custom.tsx","icons/SpotifyIcon.tsx","icons/LightBulbIcon.tsx","icons/ExcelIcon.tsx","icons/PdfIcon.tsx","api/utils.ts","api/parties/getAllParties.ts","api/account/getCountryList.ts","api/account/getInvestorTypes.ts","api/account/getUserDetails.ts","api/account/setLogout.ts","api/auth/changePassword.ts","api/auth/getAppSettings.ts","api/auth/getMemorableQuestions.ts","api/auth/login.ts","api/auth/registerAccount.ts","api/auth/setMemorableQuestions.ts","api/auth/userStatus.ts","api/client-holdings/getClientAccountAccountsDownload.ts","api/client-holdings/getClientAccountDetail.ts","api/client-holdings/getClientAccountHoldings.ts","api/client-holdings/getClientAccountHoldingsDownload.ts","api/client-holdings/getClientAccountSummary.ts","api/client-holdings/getClientAccountTransactions.ts","api/client-holdings/getClientAccountTransactionsDownload.ts","api/client-holdings/getClientSummary.ts","api/client-holdings/getValuations.ts","api/documents/createDocument.tsx","api/documents/deleteDocument.ts","api/documents/deleteDocuments.ts","api/documents/getDocuments.ts","api/documents/getDocumentTypes.ts","api/documents/getDocumentUploadRestrictions.ts","api/documents/getDocumentUri.ts","api/documents/uploadDocuments.ts","api/messages/createMessage.ts","api/messages/createReply.ts","api/messages/deleteReceivedMessage.ts","api/messages/deleteReceivedMessages.ts","api/messages/deleteSentMessage.ts","api/messages/deleteSentMessages.ts","api/messages/getActionRequiredCount.ts","api/messages/getActionRequiredMessage.ts","api/messages/getActionRequiredMessages.ts","api/messages/getMessageSubjects.ts","api/messages/getReceivedMessage.ts","api/messages/getReceivedMessages.ts","api/messages/getSentMessage.ts","api/messages/getSentMessages.ts","api/messages/getUnreadMessageCount.ts","api/messages/setActionRequired.ts","api/messages/setMessageAsRead.ts","api/our-thinking/getArticle.ts","api/our-thinking/getArticles.ts","api/parties/getAccounts.ts","api/portfolio-holdings/favouriteFund.ts","api/portfolio-holdings/getFilters.ts","api/portfolio-holdings/getFundSummary.ts","api/portfolio-holdings/getFundData.ts","api/portfolio-holdings/getFundList.ts","api/portfolio-holdings/getPortfolioHoldingDownload.ts","api/portfolio-holdings/getSavedFundList.ts","components/pagination/Pagination.tsx","validation/index.ts","utils/abbreviateNumber.ts","utils/delayFire.ts","utils/formatMoney.ts","utils/formatNumber.ts","utils/formatString.ts","utils/getDateFormat.ts","utils/getFormattedDate.ts","utils/getFormattedMonth.ts","utils/getLocalisedDate.ts","utils/getSpecificFormattedDate.ts","utils/hash.ts","utils/localStorage.ts","utils/object.ts","utils/reverseLookup.ts","utils/roundMoney.ts","utils/string/escapeStringForRegEx.ts","@abrdn/banner/Banner.tsx","@abrdn/AbrdnBox.tsx","@abrdn/Balls.tsx","@abrdn/fund/FundSummary.tsx","@abrdn/styles/Styles.tsx","@abrdn/utils/isIE.ts","components/cookies/index.ts","components/splash/Splash.tsx","authentication/SecurityContext.ts","@abrdn-latest/use/useDeepCompareEffect.ts","@abrdn-latest/use/useDidMountEffect.ts","@abrdn-latest/use/useEventListener.ts","@abrdn-latest/use/useFetch.ts","@abrdn-latest/use/useOnlineStatus.ts","@abrdn-latest/use/useRouter.tsx","@abrdn-latest/use/useTimeout.ts","@abrdn-latest/use/useWidth.ts","components/action-required/ActionRequired.tsx","components/core/Anchor.tsx","@abrdn-latest/core/table/index.ts","authentication/ChangePasswordForm.tsx","@abrdn/utils/events.ts","pages/terms-and-conditions/PageTermsAndConditions.tsx","authentication/ErrorDialog.tsx","api/auth/oktaCredentials.ts","@abrdn-latest/utils/debounce.ts","@abrdn-latest/utils/isAPISupported.ts","pages/authentication/InfoPanel.tsx","pages/authentication/PageAuth.tsx","@abrdn-latest/use/useHeight.ts","authentication/index.ts","api/constants.ts","@abrdn-latest/core/index.ts","utils/assets.ts","redux/reducers/messages/deletedMessages.ts","redux/reducers/messages/getActionRequiredMessages.ts","redux/reducers/messages/getReceivedMessages.ts","redux/reducers/messages/getSentMessages.ts","redux/reducers/messages/messagesSlice.ts","styles/globalTheme.tsx","styles/theme.tsx","styles/theme-dark.tsx","styles/ThemeDark.tsx","styles/ThemeDefault.tsx","styles/index.ts","authentication/MemorableQuestionsForm.tsx","authentication/Security.tsx","@abrdn-latest/core/table/Provider.ts","@abrdn-latest/core/table/Table.tsx","components/chart/BarChart.tsx","components/chart/ChartKey.tsx","components/chart/Custom.tsx","components/form/CurrencySelector.tsx","components/form/FileTypeSelect.tsx","components/form/Form.tsx","components/form/Input.tsx","components/form/Password.tsx","components/form/Select.tsx","components/form/Textarea.tsx","components/chart/LineChart.tsx","components/chart/PieChart.tsx","@abrdn-latest/core/table/TableHeader.tsx","@abrdn-latest/core/error/403.tsx","@abrdn-latest/core/error/404.tsx","@abrdn-latest/core/error/500.tsx","authentication/SuccessfullyRegisteredDialog.tsx","authentication/RegisterForm.tsx","@abrdn-latest/core/article/ArticlePreview.tsx","@abrdn-latest/core/form/SearchInput.tsx","@abrdn-latest/core/line-clamp/LineClamp.tsx","@abrdn-latest/core/stack/Stack.tsx","@abrdn-latest/core/video/EmbeddedVideo.tsx","@abrdn-latest/core/accordion/Accordion.tsx","redux/reducers/documents/deletedDocuments.ts","redux/reducers/documents/documentsSlice.ts","redux/reducers/documents/recentDocumentsSlice.ts","components/ui/ExportButton.tsx","components/ui/InfoPopper.tsx","components/ui/Progress.tsx","components/navigation/Breadcrumbs.tsx","components/navigation/ListItemLink.tsx"],"names":["Transition","React","forwardRef","props","ref","Slide","direction","Confirmation","isOpen","onReject","onConfirm","confirmText","rejectText","children","useState","open","setOpen","confirmed","setConfirmed","handleReject","useEffect","Dialog","TransitionComponent","onClose","onExited","disableBackdropClick","Box","padding","DialogContent","textAlign","DialogActions","Grid","container","spacing","justify","item","xs","Button","variant","fullWidth","onClick","size","color","AppState","States","MESSAGE_BREAKER","LIST_REFRESH_INTERVAL","BrandColours","GREY_MEDIUM","GREY_LIGHT","GREY_DARK","DEFAULT_CURRENCY_CODE","STATUS_FAILED","STATUS_SUCCESS","STATUS_LOADING","STATUS_ERROR","STATUS_INIT_ERROR","STATUS_DATA_LOADING","STATUS_SENT","STATUS_SENDING","getParties","createAsyncThunk","a","start","max","getPartiesPerPage","getState","getAccounts","result","partySlice","createSlice","name","initialState","items","pagination","parties","status","reducers","extraReducers","builder","addCase","pending","state","action","fulfilled","payload","rejected","selectParties","party","selectPartiesStatus","getUserDetails","_","getUserDetailsAPI","userSlice","data","country","countryId","emailAddress","forename","investorType","logon","partyReference","preferredName","region","salutation","surname","title","selectUserDetails","user","reducer","userReducer","partyReducer","messages","messageReducer","documents","documentReducer","messageReceivedReducer","messageSentReducer","messageActionRequiredReducer","DELETED_MESSSAGES_NAME","messageDeletedReducer","documentDeletedReducer","recentDocuments","configureStore","devTools","MessageComposerContext","createContext","MessageComposerDispatch","messageComposerReducer","type","Error","MessageComposerProvider","useReducer","dispatch","Provider","value","useMessageComposerState","context","useContext","undefined","useMessageComposerDispatch","isHomepage","AppContext","useApp","AppProvider","AppProviderWrapper","match","useRouteMatch","path","strict","sensitive","isExact","count","Connectivity","isOnline","useOnlineStatus","window","location","reload","disableEscapeKeyDown","Paper","Typography","ErrorBoundary","hasError","error","errorInfo","this","Container","marginY","Alert","severity","component","style","marginBottom","Component","Footer","authState","useSecurity","t","useTranslation","isAuthenticated","className","paddingY","formatString","year","Date","getFullYear","List","to","rel","href","target","maxWidth","paragraph","dangerouslySetInnerHTML","__html","UserDetails","router","useRouter","anchorRef","useRef","handleListKeyDown","ev","key","preventDefault","handleClose","current","contains","handleLogout","replace","useDispatch","delayFire","Tooltip","placement","IconButton","aria-controls","aria-haspopup","prevOpen","Popper","anchorEl","role","transition","disablePortal","TransitionProps","Grow","transformOrigin","elevation","ClickAwayListener","onClickAway","MenuList","autoFocusItem","id","onKeyDown","MenuItem","cache","ClientHoldings","settings","clientDetails","loading","setLoading","clients","setClients","documentOnlyClients","setDocumentOnlyClients","clientCurrencies","setClientCurrenciesState","getClientDetails","clientId","valuationDate","currencyCode","getClientSummary","details","getClientHoldingSummary","load","Promise","all","getUsersClientDetails","getDocumentOnlyClientDetails","getPartiallyPopulatedClients","ClientHoldingsProvider","setClientCurrencies","accountCurrencies","prepend","stored","combined","Set","ClientHoldingsContext","useClientHoldings","getUserTaskCount","userId","endpoint","process","sendApiRequest","useStyles","makeStyles","myTasksItem","minWidth","badgeWrapper","position","top","marginLeft","badge","fontSize","fontWeight","PrimaryNavigation","isMobile","styles","taskCount","setTaskCount","unreadCount","useSelector","selectUnreadCount","salesforceCustomerId","salesforceAuth","customerIdentifier","getUnreadCount","exact","primary","isTopLevel","length","external","salesforceUrl","iconEnd","Badge","badgeContent","NavLink","theme","sticky","zIndex","homepage","solid","borderBottom","transparent","backgroundColor","logo","overflow","width","height","backgroundImage","isScrolled","getPublicPath","backgroundRepeat","backgroundPosition","backgroundSize","HeaderDesktop","setElevation","classes","handleScroll","pageYOffset","addEventListener","removeEventListener","clsx","alignItems","sm","grow","flexGrow","display","margin","breakpoints","up","sectionDesktop","list","HeaderMobile","drawerOpen","setDrawerOpen","toggleDrawer","AppBar","Toolbar","edge","Drawer","anchor","Header","isDesktop","useWidth","authenticated","setAuthenticated","ScrollToTop","withRouter","history","unlisten","listen","scrollTo","Unauthorized","authMethods","on","handleConnectSessionExpiration","DocumentList","output","map","i","description","getDocumentUri","downloadFile","filename","wordBreak","DataError","Loading","NoData","Icon","icon","ErrorOutlineOutlinedIcon","isReceived","message","received","messageContext","useMessageContext","MessageProvider","IndividualMessage","getAllMessages","getMessage","markAsRead","deleteMessage","baseUrl","canReply","messageId","goBack","onUpdate","onDelete","confirmMessageOpen","setConfirmMessageOpen","setOverride","deletedMessages","selectDeletedIds","setMessage","setStatus","showFlag","actionRequired","flag","setFlag","refreshView","read","then","setTimeout","SERVER_ACTION_DELAY","toast","push","handleFlagToggle","setActionRequired","endIcon","handleDelete","addDeletedMessageId","deletedMessageIndex","findIndex","msg","messageIndexToDisplay","messageIdToDisplay","isDeleted","includes","subject","body","parts","header","split","String","shift","trim","ActionRequired","Helmet","source","getSpecificFormattedDate","sent","justifyContent","startIcon","Divider","showForm","MailIcon","createStyles","button","MessageHeader","RouterLink","useToolbarStyles","root","paddingLeft","paddingRight","highlight","palette","secondary","main","lighten","light","text","dark","flex","EnhancedTableHead","onSelectAllClick","numSelected","rowCount","canDelete","marginRight","Checkbox","indeterminate","checked","onChange","inputProps","aria-label","oktaAuth","MessageList","onPagination","onMessageClick","selectedId","useParams","mailbox","actionOverrides","selected","setSelected","setPage","getMessagesPerPage","rowsPerPage","setRowsPerPage","rows","setRows","filtered","filter","indexOf","array","isToBeDeleted","newSelecteds","n","el","index","row","isItemSelected","str","unread","deleted","Collapse","in","nodeName","selectedIndex","newSelected","concat","slice","handleClick","hasDocuments","getFormattedDate","paddingTop","substr","showSelector","onPageChange","setMessagesPerPage","startRowIndex","maximumRows","minimumTotalRows","totalRows","PopupApp","showUIClose","showUIMinimise","onStateChange","disableScreen","maxHeight","appState","setAppState","scrollbar","resizeObserver","ResizeObserver","entries","getScrollTop","scrollTop","resizedContainerRef","useCallback","observe","disconnect","Modal","disableEnforceFocus","closeAfterTransition","BackdropProps","timeout","invisible","hideBackdrop","keepMounted","disableScrollLock","autoHeight","autoHeightMin","autoHeightMax","autoHide","thumbMinSize","MessagePopup","NewMessageForm","subjectDisplayText","formStatus","setFormStatus","subjects","selectMessageSubjects","redirect","setRedirect","restrictions","selectDocumentRestrictions","getMessageSubjects","fileSizeLimitBytes","getDocumentRestrictions","schema","yup","shape","required","test","validation","files","of","file","e","allowedMimeTypes","extension","allowedFileExtensions","toLowerCase","setData","methods","useForm","defaultValues","mode","resolver","yupResolver","register","handleSubmit","errors","control","reset","getValues","setValue","displayText","onSubmit","uploadDocuments","fileIds","createMessage","json","success","catch","isPhysicalPage","pathname","label","options","helperText","isIE","disabled","values","isFormFilled","ReplyForm","messageBody","showReply","setShowReply","handleCancel","sentDate","getLocalisedDate","format","documentIds","createReply","res","ViewListing","messageSelector","messageStatus","doDelete","refreshUnread","refreshMessages","refreshingMessage","autoSelectMessage","setShape","loadingState","counter","isRefresh","refreshInterval","clearInterval","page","setInterval","document","hidden","closeButton","autoClose","firstNotDeletedMessage","find","m","hasAnyMessages","PortfolioHoldings","countryDisplay","investorTypeDisplay","search","assetFundClass","fundRange","productType","setState","filters","setFilters","getCountryValue","getInvestorTypeValue","setCountry","setInvestorType","setViewAs","useDidMountEffect","loadFilters","getFundList","funds","setFunds","getFilters","setSearch","setAssetFunds","setFundRanges","setProductTypes","clearFilters","PortfolioHoldingsProvider","PortfolioHoldingsContext","usePortfolioHoldings","OktaSecurity","oktaLoaded","setOktaLoaded","userStatus","getOktaCredentials","issuer","OktaAuth","redirectUri","origin","postLogoutRedirectUri","scopes","pkce","storageManager","token","storageType","setOktaAuth","restoreOriginalUri","FundTypes","View","AccountFundTable","isSegregated","accountId","order","orderBy","pageSize","loadHoldings","regEx","RegExp","escapeStringForRegEx","sort","b","check","results","marginTop","head","filterable","numeric","sortable","noResults","scope","holdingBreakdownAvailable","wrap","whiteSpace","holdingBreakdownFundCode","reference","shareClassName","align","units","unitPrice","proportion","toFixed","valuation","formatNumber","Chip","AccountDetailAccordion","overview","transactionRange","setAccountCurrencies","selectedAccountCurrency","setSelectedAccountCurrency","accountValuation","setAccountValuation","fetchAccountDetail","getClientAccountDetail","detail","clientAccount","setClientAccount","transactions","setTransactions","valuations","setValuations","setTransactionsStatus","valuationsState","setValuationsState","useDeepCompareEffect","currencies","fund","unshift","baseCurrency","SICAV","uniqueCurrencies","fetchAccountValuations","dataIssue","getValuations","response","transactionState","setTransactionState","loadTransactions","getClientAccountTransactions","end","fundname","Segregated","Accordion","defaultExpanded","AccordionSummary","AccordionToggle","Skeleton","stopPropagation","getDateFormat","getClientAccountTransactionsDownloadUri","AccordionDetail","md","transferAgent","accountNumber","initialInvestment","date","getClientAccountAccountsDownloadUri","rowOptions","transactionDate","fundName","Exporter","onSelect","formats","setAnchorEl","event","currentTarget","Menu","Boolean","handleDownload","Quick","instance","content","copy","url","cta","onSwiper","swiper","spaceBetween","slidesPerView","allowTouchMove","480","800","minHeight","getUniqueCurrencies","accounts","acc","paper","Tile","expanded","client","onMoreDetails","setDetail","setError","handleClickAway","setCurrencyCode","setValuation","collapsed","setCollapsed","summary","account","Fade","currencyCodes","TableContainer","Table","TableHead","TableRow","TableCell","TableBody","paddingBottom","textOverflow","noWrap","DocumentOnlyTile","link","FavouriteFundTile","fundCode","banner","background","left","right","heading","Banner","images","dayOfTheWeek","getDay","SwiperCore","use","Pagination","Navigation","AddAdditionalHoldings","isTile","p","FavouriteMessage","AdditionalBoxes","showFavourites","mt","AccountsWidget","displayedClients","setDisplayedClients","displayedDocumentOnlyClients","setDisplayedDocumentOnlyClients","savedFunds","setSavedFunds","displayedSavedFund","setDisplayedSavedFund","holdings","displayedHoldings","selectedAccountId","setSelectedAccountId","getSavedFundList","savedFundCodes","swiperInstance","tableRows","setTableRows","getSessionStorageItem","setSessionStorageItem","getLocalStorageItem","view","setView","setLocalStorageItem","setFilter","isClient","obj","isDocumentOnlyClient","isFund","filteredClients","filteredDocumentOnlyClients","filteredSavedFunds","GenericTile","holding","BaseTableRow","buttonText","Success","colSpan","Link","GenericTableRow","getSelectedClient","Tabular","Math","min","AlertTitle","onSlideChange","activeIndex","navigation","nextEl","prevEl","Array","ceil","fill","clientIndex","border","listItem","listStyleType","textDecoration","subtitle","subsubtitle","video","src","copyMaxWidth","EthicalSocialGovernance","cols","pt","flexDirection","tile","TilePlaceholder","OurThinkingWidget","articles","setArticles","getArticles","article","image","excerpt","readTime","PageHome","REACT_APP_FEATURE_OUR_THINKING","useTileStyles","FeatureTile","titleBox","loginButton","registerButton","personalInvestorWrapper","bottom","borderRadius","personalInvestor","personalInvestorTitle","personalInvestorLink","personalInvestorImg","bottomContainer","createdForYou","tilesContainer","flexWrap","gap","footer","allRightsReserved","risk","lineHeight","AuthLandingPage","useOktaAuth","clearDPoPStorage","signInWithRedirect","PageAuth","ErrorDialog","onBack","removeError","cursor","mb","LogoutPage","oktaAuthState","query","oktaBaseUrl","URL","idToken","resetPasswordUrl","signOut","resetpassword","errorCode","xhr","logout","inner","IFrame","PageFundCentre","imagePath","PageOurThinking","trail","pre","Debug","PageOurThinkingArticle","params","setArticle","getArticle","AdditionalInfo","uploadPopupState","setUploadPopupState","disableGutters","SlideOut","PaperProps","paddingX","searchButton","borderTop","borderRight","infoButton","Info","isWide","useMedia","onAssetFilterChange","onFundFilterChange","onProductFilterChange","fundAssetClasses","displayAsAccordion","fundRanges","productTypes","PaperComponent","Search","handleSearch","IS_IE","Autocomplete","freeSolo","onInputChange","newInputValue","theValue","renderOption","option","inputValue","matches","parse","part","renderInput","TextField","placeholder","InputProps","FormHelperText","Disclaimer","typography","fontWeightRegular","Filter","handleChange","o","Object","keys","newState","forEach","expandIcon","AccordionDetails","FormControl","FormGroup","isChecked","FormControlLabel","popupState","bindTrigger","Popover","bindPopover","anchorOrigin","vertical","horizontal","toObject","arr","FundListing","small","onFundSave","saved","setChecked","active","isDisabled","REACT_APP_FEATURE_FUTURE","Storage","useDialogTitleStyles","grey","DialogTitle","other","disableTypography","withStyles","MuiDialogContent","useFlagStyles","wrapper","verticalAlign","img","toUpperCase","Flag","FundSelector","countryList","setCountryList","investorTypes","setInvestorTypes","fetchMyAPI","getCountryList","getInvestorTypes","types","handleClickOpen","aria-labelledby","dividers","native","defaultValue","code","autoFocus","alert","RiskWarning","SaveFund","showLabel","isSaved","setSaved","favouriteFund","headCells","disablePadding","onRequestSort","headCell","sortDirection","IconComponent","ArrowDropDownIcon","property","visuallyHidden","ViewType","table","footercell","clip","totalValue","PortfolioHoldingsTable","mapping","setOrder","setOrderBy","isAsc","pageSortOrder","pageSortBy","instrumentAssetClass","marketValueAmountFundCurrency","countryOfIssueCode","string","tabIndex","colour","securityDescription","securityFundCode","isin","fundBaseCurrencyCode","marketValuePercentage","paging","pageNumber","totalPages","totalMarketValueAmountFundCurrency","totalRecords","rowsPerPageOptions","AppliedFilters","f","deleteIcon","PagePortfolioHoldings","selectedFunds","setSelectedFunds","userSavedFunds","setUserSavedFunds","getFundNameFromCode","handleExport","failedDownloads","getPortfolioHoldingDownloadUri","handleFundChecked","alignContent","PageFundDetail","clientSection","IS_ACCOUNTS","IS_SEG_FUND","noFundObjective","noFund","labels","less","more","fundSize","fullDetails","download","fundObjective","disclaimer","disclaimerAccounts","securities","info","fundSummary","setFundSummary","fundData","setFundData","getFundSummary","getClientAccountSummary","assetClassMapping","setAssetClassMapping","instrumentAssetClassSummary","pageFilter","fundState","setFundState","handleDateChange","clearSearch","getElementById","timer","getFundData","getClientAccountHoldings","summaryOpen","setSummaryOpen","toggleSummary","getClientAccountHoldingsDownloadUri","FundObjective","fullText","characterLimit","limit","valuationDates","DatePicker","autoOk","disableFuture","minDate","twoYearsAgo","setFullYear","minAvailable","maxDate","views","openTo","onAccept","toDate","minimumValuationDate","maximumValuationDate","roundMoney","assetMapping","clearTimeout","startAdornment","endAdornment","PageNewMessage","PageMessages","setMailbox","setMessageId","changeMailbox","changeMessage","slideTo","handleBack","update","sentState","setSentState","inboxState","setInboxState","actionState","setActionState","setActionOverrides","Primary","selectSentMessages","selectSentStatus","deleteSentMessages","getSentMessages","selectReceivedMessages","selectReceivedStatus","deleteReceivedMessages","getReceivedMessages","selectActionRequiredMessages","selectActionRequiredStatus","getActionRequiredMessages","Secondary","getReceivedMessage","deleteReceivedMessage","setMessageAsRead","getActionRequiredMessage","getSentMessage","deleteSentMessage","getDocumentCategory","categories","EnhancedTableToolbar","DocumentsTable","deletedDocuments","selectDocumentCategories","getDocumentsPerPage","downloadingDocuments","setDownloadingDocuments","readOverrides","setReadOverrides","docs","labelId","nodeType","aria-checked","accountName","typeCode","createdDate","publishedDate","setDocumentsPerPage","NewDocumentForm","minRows","PageDocuments","allClients","getDocumentCategories","category","selectDocumentsStatus","selectDocuments","cat","setCat","tableTitle","setTableTitle","deleteDocuments","ids","addDeletedDocumentId","getAllDocuments","documentTypeCode","ALL_TITLE","onNavigation","handleAccountChange","setClientId","initialClientId","useLocation","Select","ListItem","ListItemText","primaryTypographyProps","PageNewDocument","DataList","transform","HelpBox","MyAccountsTable","clientReference","setPartiesPerPage","AccountsListing","PersonIcon","PageAccount","mr","ml","pb","Title","Forename","Surname","Salutation","Logon","Email","lastLoginDate","Region","Country","AccountHelp","TransactionsHelp","today","TWO_YEARS_AGO","getMonth","getDate","minFundDate","setMinFundDate","now","YESTERDAY","setDate","maxFundDate","setMaxFundDate","transactionDateDefaults","setMonth","setTransactionRange","isSmall","isXSmall","setClient","setSummary","hasValue","setHasValue","setValuationDate","minimumDate","reduce","maximumDate","Account","menuItems","Transaction","getClientName","MenuProps","Theme","ThemeDark","ThemeDefault","emptyLabel","clearable","clearLabel","converted","pathMap","0","1","2","3","4","5","7","8","SalesforceRouterPage","Page","pageIdx","Number","PageError","Page404","Routes","debouncedDispatch","debounce","RegisterForm","PageClientHoldings","PageMyDetails","PageTermsAndConditions","CookieConfig","charset","data-domain-script","AppMain","utils","DayJsUtils","hideProgressBar","newestOnTop","closeOnClick","rtl","pauseOnFocusLoss","draggable","pauseOnHover","App","CssBaseline","titleTemplate","sizes","LoginCallback","resources","en","common","commonEn","clientEn","de","commonDe","i18n","initReactI18next","init","lng","keySeparator","interpolation","escapeValue","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","fallback","store","CookiesProvider","StylesProvider","injectFirst","ThemeProvider","abrdnDefault","Restrictions","fileSizeLimitDisplayName","join","input","htmllabel","FileSelector","maxRows","useFormContext","watch","PLEASE_SELECT","useFieldArray","fields","append","remove","watchFieldArray","controlledFields","field","selectLastInput","selectorRef","querySelectorAll","call","pop","theErrors","nameRef","createRef","descError","fileError","errorMessages","accept","fileName","innerHTML","htmlFor","ValidationContext","ValidationProvider","describedSchema","setDescribedSchema","describeSchema","describe","ApplePodcastsIcon","SvgIcon","viewBox","d","EditIcon","PageErrorIcon","PageMaintenanceIcon","DocumentLibraryIcon","DescriptionIcon","opacity","DescriptionIconUnread","DocumentUploadIcon","CommunicateSecurelyIcon","clipPath","fillRule","clipRule","ESGReportIcon","ESGPodcastIcon","ViewPortfolioIcon","ExternalLink","stroke","DocumentOnlyClientIcon","fill-opacity","DarkDocumentOnlyClientIcon","SpotifyIcon","LightBulbIcon","stroke-width","stroke-miterlimit","stroke-linecap","fillOpacity","ExcelIcon","PdfIcon","withQuery","uri","k","isArray","encodeURIComponent","getCookieValue","equalities","cookie","splitted","decodeURIComponent","handleResponse","headers","sessionHeader","get","setSessionHeader","trigger","ValidationErrors","notification","toastId","fetch","withHeaders","fileData","blob","Blob","navigator","msSaveBlob","blobURL","createObjectURL","tempLink","createElement","setAttribute","appendChild","click","removeChild","revokeObjectURL","TYPE","SUCCESS","ERROR","CACHE","getTimeStamp","getHours","padStart","getMinutes","getSeconds","request","currentTime","getTime","niceUrl","isObjectEmpty","JSON","stringify","requestType","method","requestId","cacheable","timestamp","getSessionHeader","session","localStorage","getItem","setItem","userAgent","csrfCookie","clientList","documentOnlyClientList","countries","reverseLookup","setLogout","changePassword","currentPassword","newPassword","errorMessage","getAppSettings","getMemorableQuestions","login","username","password","validationToken","registerAccount","regionCode","countryCode","investorTypeCode","termsAndConditions","setMemorableQuestions","question_one","answer_one","question_two","answer_two","question1","answer","question2","dayjs","instrumentAssetClassSize","countryOfIssueSize","startDate","endDate","createDocument","mimeType","deleteDocument","showToast","deletedIds","resp","resolve","reject","getDocuments","accountIds","getDocumentTypes","getDocumentUploadRestrictions","uploadedIds","subjectId","getActionRequiredCount","getUnreadMessageCount","articleId","getAllParties","getDocumentOnlyParties","blankList","Idle","documentOnlyParties","documentOnlyParty","documentOnly","partiallyPopulatedClients","allSettled","removeFromFavourites","getStoredFavourites","addToFavourites","userDetails","hash","savedList","save","selectedDate","countryOfIssueSummary","fundAssetClass","pagesToShow","currentPage","floor","lastPage","pages","PaginationItem","validCharacters","noHTML","isNotHTML","isNotEscaped","SI_SYMBOL","abbreviateNumber","number","decimalPlaces","tier","log10","abs","suffix","scale","pow","scaled","callback","ms","currency","toLocaleString","minimumFractionDigits","showTime","showToday","localized","parsed","getFormattedMonth","tz","s","prefix","h","imul","charCodeAt","sha256","CryptoJS","toString","Hex","deleteLocalStorageItems","clear","sessionStorage","deleteSessionStorageItems","object","getPrototypeOf","prototype","respond","MoneyDefaults","billion","decimal","unit","million","thousand","bannerImage","bannerMobile","AbrdnBox","rest","Balls","pallette","vals","from","round","random","y","px","py","r","cx","cy","FundSummary","drawAssetClass","drawCountry","totalMarketValuePercentage","countryOfIssueName","black","white","MuiTableCell","MuiTableRow","userAgentData","appVersion","getOneTrustCookies","oneTrust","cname","ca","c","charAt","substring","getCookie","groups","group","canSetEssentialCookies","canSetPerformanceCookies","Splash","fadeOut","visible","setVisible","CircularProgress","SecurityContext","SecurityProvider","useDeepCompareMemoize","signalRef","deepEqual","useMemo","dependencies","func","deps","didMount","useEventListener","eventType","element","savedHandler","isApiSupported","handler","useFetch","onLine","online","setOnline","useHistory","queryString","useTimeout","delay","callbackRef","timeoutRef","set","useTheme","useMediaQuery","down","COOKIE_NAME","deleteActionRequiredCookie","Cookies","ActionRequiredModal","cookies","selectActionRequiredCount","getActionRequired","dismiss","linkButton","Anchor","ExternalAnchor","ChangePasswordForm","hideTitle","onComplete","onLoginClick","persistForm","buttonLabel","isPage","reset_password_current","reset_password","reset_repeat","oneOf","dispatchEvent","Event","listener","CustomEvent","TermsAndConditions","inBanner","wait","args","api","connectHeading","box","InfoBox","InfoPanel","widgetBox","overflowY","widgetContainer","innerHeight","setHeight","handleResize","useHeight","Abrdn","messageSlice","actions","api_getActionRequiredMessages","setMessages","api_getReceivedMessages","api_getSentMessages","api_getMessageSubjects","inbox","important","readMessages","deleteMessages","baseTheme","fontFamily","h1","h2","h3","h4","h5","h6","subtitle1","body1","body2","caption","textTransform","colors","fontSizes","base","lg","xl","warning","overrides","MuiIconButton","MuiInputBase","MuiButton","outlinedSizeLarge","containedSizeLarge","MuiListItemIcon","MuiTable","borderWidth","borderStyle","borderColor","borderCollapse","MuiAlert","standardWarning","standardError","standardSuccess","standardInfo","MuiPaper","disableElevation","MuiButtonBase","disableRipple","lightTheme","darkTheme","default","abrdnDark","merge","defaultTheme","createMuiTheme","MemorableQuestionsForm","canRefresh","questions","setQuestions","q1","q2","notOneOf","err","extend","utc","timezone","lastTrack","isGAInitialized","Security","setSettings","connectAuthenticated","setConnectAuthenticated","loadingLogin","setLoadingLogin","memorableQuestionsResetRequired","passwordResetRequired","oneTimePasswordRequired","authScreens","setAuthScreens","setSalesforceAuth","setSalesforceUrl","authMessage","setAuthMessage","setupScreens","identityIdentifier","customerRelationshipIdentifier","authenticationStateMessage","initializeTagManager","tagManagerArgs","gtmId","TagManager","initialize","dataLayer","environment","setting","appType","local","site","language","vector","loginId","emailAddressHash","pageUrl","pageTitle","trackPage","getUserInfo","email","self","crypto","randomUUID","accessToken","runEffect","oktaAuthenticated","oktaToken","removeItem","isConnectAuthenticated","screens","setScreens","TableDataContext","useTableData","TableDataProvider","AbrdnTable","hasFiltersApplied","hasResults","cells","onSortRequest","onFilterRequest","BarChart","showKey","useMeasure","theData","minValue","apply","maxValue","range","INCREMENT","ticks","dataKey","tickLine","axisLine","tickFormatter","interval","v","barSize","radius","ChartKeySwatch","ChartKey","CustomTooltip","formatter","CurrencySelector","setList","components","Option","DropdownIndicator","SingleValue","Form","noValidate","Input","inputRef","Password","showPassword","setShowPassword","InputLabel","OutlinedInput","InputAdornment","onMouseDown","as","Textarea","multiline","LineChart","maxFormatted","tickItem","month","quarter","domain","strokeWidth","PieChart","labelLine","outerRadius","nameKey","TableHeader","createSortHandler","autoComplete","Error403","Error404","Error500","backIcon","SuccessfullyRegisteredDialog","ALREADY_REGISTERED","validNameCharacters","register_email","val","register_firstname","register_lastname","register_accepted","register_country","register_investortype","termsOpen","setTermsOpen","scroll","aria-describedby","DialogContentText","imageBanner","chips","chip","ArticlePreview","SearchInput","LineClamp","Stack","iframe","EmbeddedVideo","AccordionContext","setExpanded","useAccordion","AccordionProvider","useAccordionSummaryStyles","ExpandMoreIcon","useAccordionToggleStyles","useAccordionDetailStyles","documentSlice","setDocuments","readDocuments","getRecentDocuments","documentsSlice","ExportButton","popover","InfoPopper","useStylesFacebook","animationDuration","circle","strokeLinecap","FacebookCircularProgress","thickness","disableShrink","Progress","Breadcrumbs","separator","ListItemLink","isActive","renderLink","itemProps","renderExternalLink","ListItemIcon"],"mappings":"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","file":"static/js/main.bfae95ee.chunk.js","sourcesContent":["// TODO: comment\r\nimport { Box, Button, Grid } from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport { TransitionProps } from '@material-ui/core/transitions';\r\nimport React, { useEffect, useState } from 'react';\r\ninterface Props {\r\n  /**\r\n   * The body of the popup, this will most likely be paragraph copy\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Text for the 'confirm/yes' button\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * is the confirmation message open or closed\r\n   */\r\n  isOpen?: boolean;\r\n  /**\r\n   * Function called whwn the user pressed the 'confirm' button\r\n   */\r\n  onConfirm(): void;\r\n  /**\r\n   * Function called whwn the user pressed the 'reject' button\r\n   */\r\n  onReject(): void;\r\n  /**\r\n   * Text for the 'reject/no' button\r\n   */\r\n  rejectText?: string;\r\n}\r\n\r\nconst Transition = React.forwardRef(function Transition(\r\n  props: TransitionProps & { children?: React.ReactElement<any, any> },\r\n  ref: React.Ref<unknown>\r\n) {\r\n  return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\n\r\nexport const Confirmation = (props: Props) => {\r\n  const {\r\n    isOpen = false,\r\n    onReject,\r\n    onConfirm,\r\n    confirmText = 'Yes',\r\n    rejectText = 'No',\r\n    children,\r\n  } = props;\r\n\r\n  //\r\n  const [open, setOpen] = useState(isOpen);\r\n  const [confirmed, setConfirmed] = useState(false);\r\n\r\n  /**\r\n   *\r\n   */\r\n  const handleReject = () => {\r\n    setOpen(false);\r\n    setConfirmed(false);\r\n  };\r\n\r\n  /**\r\n   *\r\n   */\r\n  const handleConfirm = () => {\r\n    setOpen(false);\r\n    setConfirmed(true);\r\n  };\r\n\r\n  /**\r\n   * handle closing of the modal\r\n   */\r\n  const handleClose = () => {\r\n    handleReject();\r\n  };\r\n\r\n  // watch for the modals state/props changing\r\n  useEffect(() => {\r\n    setOpen(props.isOpen || false);\r\n  }, [props.isOpen]);\r\n\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      TransitionComponent={Transition}\r\n      onClose={handleClose}\r\n      onExited={() => {\r\n        if (confirmed) {\r\n          onConfirm();\r\n        } else {\r\n          onReject();\r\n        }\r\n      }}\r\n      disableBackdropClick\r\n    >\r\n      <Box padding={3}>\r\n        <DialogContent>\r\n          <Box textAlign=\"center\">{children}</Box>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Grid container spacing={3} direction=\"row\" justify=\"space-between\">\r\n            <Grid item xs={6}>\r\n              <Button\r\n                variant=\"outlined\"\r\n                fullWidth\r\n                onClick={handleReject}\r\n                size=\"large\"\r\n              >\r\n                {rejectText}\r\n              </Button>\r\n            </Grid>\r\n            <Grid item xs={6}>\r\n              <Button\r\n                variant=\"contained\"\r\n                color=\"primary\"\r\n                fullWidth\r\n                onClick={handleConfirm}\r\n                size=\"large\"\r\n              >\r\n                {confirmText}\r\n              </Button>\r\n            </Grid>\r\n          </Grid>\r\n        </DialogActions>\r\n      </Box>\r\n    </Dialog>\r\n  );\r\n};\r\n","// TODO: comment\r\nexport const MESSAGE_BREAKER: string =\r\n  '---------------------------------------------';\r\n\r\n/**\r\n * There is the ability to autorefresh the list, if a value is defined, the list will refresh every 'x' milliseconds. Setting it to zero will cause autorefresh to be disabled\r\n */\r\nexport const LIST_REFRESH_INTERVAL: number = 1 * 60 * 1000;\r\n\r\nexport const BrandColours = [\r\n  '#0057B7',\r\n  '#73206D',\r\n  '#008164',\r\n  '#E24082',\r\n  '#000000',\r\n  '#D9D9D6',\r\n  '#00205B',\r\n  '#41263B',\r\n  '#BC0056',\r\n  '#EBECEE',\r\n];\r\n\r\nexport const GREY_MEDIUM: string = '#EBECEE';\r\nexport const GREY_LIGHT: string = '#F5F5F5';\r\nexport const GREY_DARK: string = '#eee';\r\n\r\nexport const DEFAULT_CURRENCY_CODE: string = 'GBP';\r\n\r\n// TODO: comment\r\nexport const STATUS_FAILED: string = 'failed';\r\nexport const STATUS_SUCCESS: string = 'success';\r\nexport const STATUS_LOADING: string = 'loading';\r\n//\r\nexport const STATUS_ERROR: string = 'error';\r\nexport const STATUS_INIT_ERROR: string = 'init-error';\r\nexport const STATUS_DATA_LOADING: string = 'data-loading';\r\nexport const STATUS_SENT: string = 'sent';\r\nexport const STATUS_SENDING: string = 'sending';\r\n\r\nexport enum AppState {\r\n  Error = 'error',\r\n  Failed = 'failed',\r\n  Loading = 'loading',\r\n  Success = 'success',\r\n}\r\n\r\nexport enum States {\r\n  Error = 'error',\r\n\r\n  Idle = 'idle',\r\n  Loaded = 'loaded',\r\n  Loading = 'loading',\r\n  Success = 'success',\r\n}\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport { getAccounts } from 'api';\r\nimport { getPartiesPerPage } from 'api/constants';\r\n\r\nexport interface AccountsRequest {\r\n  max?: number;\r\n  start: number;\r\n}\r\n\r\nexport const getParties = createAsyncThunk(\r\n  'parties',\r\n  async (\r\n    { start = 0, max = getPartiesPerPage() }: AccountsRequest,\r\n    { getState }\r\n  ) => {\r\n    const result = await getAccounts(start, max);\r\n    return result;\r\n  }\r\n);\r\n\r\nexport interface partyState {\r\n  items: any;\r\n  status: any;\r\n}\r\n\r\nconst initialState: partyState = {\r\n  items: {\r\n    pagination: {},\r\n    parties: [],\r\n  },\r\n  status: '',\r\n};\r\n\r\nconst partySlice = createSlice({\r\n  name: 'party',\r\n  initialState,\r\n  reducers: {},\r\n  extraReducers: (builder) => {\r\n    // Get Action Required Messages\r\n    builder.addCase(getParties.pending, (state, action) => {\r\n      state.status = STATUS_LOADING;\r\n    });\r\n    builder.addCase(getParties.fulfilled, (state, action) => {\r\n      state.items = action.payload;\r\n      state.status = STATUS_SUCCESS;\r\n    });\r\n    builder.addCase(getParties.rejected, (state, action) => {\r\n      state.status = STATUS_FAILED;\r\n    });\r\n  },\r\n});\r\n\r\nexport const selectParties = (state: any) => {\r\n  return state.party.items;\r\n};\r\n\r\nexport const selectPartiesStatus = (state: any) => {\r\n  return state.party.status;\r\n};\r\n\r\nexport default partySlice.reducer;\r\n","// TODO: comment\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport { getUserDetails as getUserDetailsAPI } from 'api';\r\nimport { MyDetailsResponse } from 'api/types';\r\n\r\nexport const getUserDetails = createAsyncThunk(\r\n  'user/details',\r\n  async (_, { getState }) => {\r\n    const result = await getUserDetailsAPI();\r\n    return result;\r\n  }\r\n);\r\n\r\nexport interface userState {\r\n  data: MyDetailsResponse;\r\n  status: string;\r\n}\r\n\r\nconst initialState: userState = {\r\n  status: '',\r\n  data: {\r\n    country: '',\r\n    countryId: 0,\r\n    emailAddress: '',\r\n    forename: '',\r\n    investorType: '',\r\n    logon: '',\r\n    partyReference: '',\r\n    preferredName: '',\r\n    region: '',\r\n    salutation: '',\r\n    surname: '',\r\n    title: '',\r\n  },\r\n};\r\n\r\nconst userSlice = createSlice({\r\n  name: 'user',\r\n  initialState,\r\n  reducers: {},\r\n  extraReducers: (builder) => {\r\n    builder.addCase(getUserDetails.pending, (state, action) => {});\r\n    builder.addCase(getUserDetails.fulfilled, (state, action) => {\r\n      state.data = action.payload;\r\n    });\r\n    builder.addCase(getUserDetails.rejected, (state, action) => {});\r\n  },\r\n});\r\n\r\nexport const selectUser = (state: { user: userState }) => state.user;\r\n\r\nexport const selectUserDetails = (state: any) => {\r\n  return state.user.data as MyDetailsResponse;\r\n};\r\n\r\nexport default userSlice.reducer;\r\n","// TODO: comment\r\nimport { configureStore } from '@reduxjs/toolkit';\r\nimport { partyReducer, userReducer } from 'redux/reducers/account';\r\n// import { configReducer } from 'redux/reducers/config';\r\nimport {\r\n  documentDeletedReducer,\r\n  documentReducer,\r\n  recentDocuments,\r\n} from 'redux/reducers/documents';\r\nimport {\r\n  DELETED_MESSSAGES_NAME,\r\n  messageActionRequiredReducer,\r\n  messageDeletedReducer,\r\n  messageReceivedReducer,\r\n  messageReducer,\r\n  messageSentReducer,\r\n} from 'redux/reducers/messages';\r\n//import { holdingsReducer } from 'redux/reducers/portfolio-holdings';\r\n\r\nconst reducer = {\r\n  // config: configReducer,\r\n  // holdings: holdingsReducer,\r\n  user: userReducer,\r\n  party: partyReducer,\r\n  messages: messageReducer,\r\n  documents: documentReducer,\r\n  'messages-received': messageReceivedReducer,\r\n  'messages-sent': messageSentReducer,\r\n  'messages-action-required': messageActionRequiredReducer,\r\n  [DELETED_MESSSAGES_NAME]: messageDeletedReducer,\r\n  'documents-deleted': documentDeletedReducer,\r\n  'recent-documents': recentDocuments,\r\n};\r\n\r\nexport default configureStore({\r\n  // @ts-ignore\r\n  reducer,\r\n  devTools: true,\r\n});\r\n","// TODO: comment\r\n// @ts-nocheck\r\n\r\nimport { PopupState } from 'components/popup-app';\r\nimport React, { createContext, useContext, useReducer } from 'react';\r\n\r\ninterface State {\r\n  props?: any;\r\n\r\n  state: PopupState;\r\n}\r\n\r\nconst MessageComposerContext = createContext<State>({ state: 'closed' });\r\nconst MessageComposerDispatch = createContext(null);\r\n\r\nconst messageComposerReducer = (state, action) => {\r\n  switch (action.type) {\r\n    case 'open': {\r\n      return { state: 'open', props: action.props || {} };\r\n    }\r\n    case 'closed': {\r\n      return { state: 'closed' };\r\n    }\r\n    case 'minimised': {\r\n      return { state: 'minimised' };\r\n    }\r\n    default: {\r\n      throw new Error(`Unhandled action type: ${action.type}`);\r\n    }\r\n  }\r\n};\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst MessageComposerProvider = ({ children }: Props) => {\r\n  const [state, dispatch] = useReducer(messageComposerReducer, {\r\n    state: 'closed',\r\n  });\r\n  return (\r\n    <MessageComposerContext.Provider value={state}>\r\n      <MessageComposerDispatch.Provider value={dispatch}>\r\n        {children}\r\n      </MessageComposerDispatch.Provider>\r\n    </MessageComposerContext.Provider>\r\n  );\r\n};\r\n\r\nconst useMessageComposerState = () => {\r\n  const context = useContext(MessageComposerContext);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      'useMessageComposerState must be used within a MessageComposerProvider'\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useMessageComposerDispatch = () => {\r\n  const context = useContext(MessageComposerDispatch);\r\n  if (context === undefined) {\r\n    throw new Error(\r\n      'useMessageComposerDispatch must be used within a MessageComposerProvider'\r\n    );\r\n  }\r\n  return context;\r\n};\r\n\r\nexport {\r\n  MessageComposerProvider,\r\n  useMessageComposerState,\r\n  useMessageComposerDispatch,\r\n};\r\n","import React, { createContext, useContext } from 'react';\r\nimport { useRouteMatch } from 'react-router-dom';\r\n\r\n/**\r\n *\r\n */\r\ninterface Context {\r\n  isHomepage?: boolean;\r\n}\r\n\r\n/**\r\n *\r\n */\r\nconst initialState: Context = {\r\n  isHomepage: false,\r\n};\r\n\r\n/**\r\n *\r\n */\r\nconst AppContext = createContext<Context>(initialState);\r\n\r\n/**\r\n *\r\n * @returns\r\n */\r\nexport const useApp = (): Context => useContext(AppContext);\r\n\r\n/**\r\n *\r\n */\r\nexport const AppProvider = AppContext.Provider;\r\n\r\n/**\r\n *\r\n */\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport const AppProviderWrapper = ({ children }: Props) => {\r\n  const match = useRouteMatch({\r\n    path: '/home',\r\n    strict: true,\r\n    sensitive: true,\r\n  });\r\n\r\n  const value = {\r\n    isHomepage: match?.isExact,\r\n  };\r\n\r\n  return <AppProvider value={value}>{children}</AppProvider>;\r\n};\r\n","// TODO: comment\r\nimport { useOnlineStatus } from '@abrdn-latest/use';\r\nimport { Box, Paper, Typography } from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport { TransitionProps } from '@material-ui/core/transitions';\r\nimport React, { useEffect } from 'react';\r\n\r\nlet count: number = 0;\r\n\r\nconst Transition = React.forwardRef(function Transition(\r\n  props: TransitionProps & { children?: React.ReactElement<any, any> },\r\n  ref: React.Ref<unknown>\r\n) {\r\n  return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\n\r\nexport const Connectivity = () => {\r\n  const isOnline = useOnlineStatus();\r\n\r\n  useEffect(() => {\r\n    if (count++ > 1 && isOnline === true) {\r\n      window.location.reload();\r\n    }\r\n  }, [isOnline]);\r\n\r\n  return (\r\n    <Dialog\r\n      open={!isOnline}\r\n      TransitionComponent={Transition}\r\n      disableBackdropClick\r\n      disableEscapeKeyDown\r\n    >\r\n      <Paper>\r\n        <Box padding={4}>\r\n          <Typography>\r\n            Network Error. Please check your connectivity and try again.\r\n          </Typography>\r\n        </Box>\r\n      </Paper>\r\n    </Dialog>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { Alert } from '@material-ui/lab';\r\nimport React, { Component, ErrorInfo, Fragment } from 'react';\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n}\r\n\r\ninterface State {\r\n  hasError: boolean;\r\n}\r\n\r\nexport class ErrorBoundary extends Component<Props, State> {\r\n  public state: State = {\r\n    hasError: false,\r\n  };\r\n\r\n  public static getDerivedStateFromError(_: Error): State {\r\n    // Update state so the next render will show the fallback UI.\r\n    return { hasError: true };\r\n  }\r\n\r\n  public componentDidCatch(error: Error, errorInfo: ErrorInfo) {\r\n    // console.error('@@', error.message);\r\n    // console.error('@@', errorInfo);\r\n  }\r\n\r\n  public render() {\r\n    if (this.state.hasError) {\r\n      return (\r\n        <Fragment>\r\n          <Container>\r\n            <Box marginY={4}>\r\n              <Alert severity=\"warning\">\r\n                <Typography\r\n                  variant=\"h4\"\r\n                  component=\"h2\"\r\n                  style={{ marginBottom: 15 }}\r\n                >\r\n                  Something went wrong.\r\n                </Typography>\r\n                <Typography>There was an issue with the application</Typography>\r\n              </Alert>\r\n            </Box>\r\n          </Container>\r\n        </Fragment>\r\n      );\r\n    }\r\n\r\n    return this.props.children;\r\n  }\r\n}\r\n","// TODO: comment\r\nimport { Box, Container, Paper, Typography } from '@material-ui/core';\r\nimport List from '@material-ui/core/List';\r\nimport { useSecurity } from 'authentication';\r\nimport { Anchor } from 'components/core';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { ThemeDark } from 'styles';\r\nimport { formatString } from 'utils';\r\nimport './footer.scss';\r\n\r\nexport const Footer = () => {\r\n  const { authState } = useSecurity();\r\n  const { t } = useTranslation(['common']);\r\n\r\n  if (!authState.isAuthenticated) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <ThemeDark>\r\n      <Paper className=\"footer\">\r\n        <Box paddingY={5}>\r\n          <Container>\r\n            <Typography variant=\"h5\" component=\"p\">\r\n              {formatString(t('common:footer.copyright'), {\r\n                year: new Date().getFullYear(),\r\n              })}\r\n            </Typography>\r\n            <List>\r\n              <li>\r\n                <Anchor to=\"/terms-and-conditions\">{t('nav.terms')}</Anchor>\r\n              </li>\r\n\r\n              <li>\r\n                <a\r\n                  rel=\"noopener noreferrer\"\r\n                  href=\"https://www.abrdn.com/corporate/cookie-policy\"\r\n                  target=\"_blank\"\r\n                  style={{ color: 'inherit' }}\r\n                >\r\n                  {t('nav.cookie-policy')}\r\n                </a>\r\n              </li>\r\n\r\n              <li>\r\n                <a\r\n                  rel=\"noopener noreferrer\"\r\n                  href=\"https://www.abrdn.com/en/uk/institutional/privacy\"\r\n                  target=\"_blank\"\r\n                  style={{ color: 'inherit' }}\r\n                >\r\n                  Privacy\r\n                </a>\r\n              </li>\r\n            </List>\r\n            <Box maxWidth={720}>\r\n              <Typography\r\n                paragraph\r\n                variant=\"caption\"\r\n                dangerouslySetInnerHTML={{\r\n                  __html: t('common:footer.disclaimer'),\r\n                }}\r\n              />\r\n            </Box>\r\n          </Container>\r\n        </Box>\r\n      </Paper>\r\n    </ThemeDark>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport {\r\n  Grow,\r\n  IconButton,\r\n  MenuItem,\r\n  MenuList,\r\n  Paper,\r\n  Popper,\r\n  Tooltip,\r\n} from '@material-ui/core';\r\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\r\nimport { useSecurity } from 'authentication';\r\nimport { Anchor } from 'components/core';\r\nimport { AccountCircle } from 'icons';\r\nimport React, { Fragment, useEffect, useRef, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch } from 'react-redux';\r\nimport { getUserDetails } from 'redux/reducers/account';\r\nimport { ThemeDefault } from 'styles';\r\nimport { delayFire } from 'utils';\r\n\r\nexport const UserDetails = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const { authState } = useSecurity();\r\n\r\n  const router = useRouter();\r\n\r\n  const [open, setOpen] = useState(false);\r\n  const anchorRef = useRef(null);\r\n\r\n  function handleListKeyDown(ev: any) {\r\n    if (ev.key === 'Tab') {\r\n      ev.preventDefault();\r\n      setOpen(false);\r\n    }\r\n  }\r\n\r\n  const handleClose = (ev: any) => {\r\n    // @ts-ignore\r\n    if (anchorRef.current && anchorRef.current.contains(ev.target)) {\r\n      return;\r\n    }\r\n\r\n    setOpen(false);\r\n  };\r\n\r\n  const handleLogout = async (ev: React.SyntheticEvent) => {\r\n    ev.preventDefault();\r\n\r\n    router.replace('/logout');\r\n\r\n    setOpen(false);\r\n  };\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        dispatch(getUserDetails());\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  if (authState.isAuthenticated === false) {\r\n    return null;\r\n  }\r\n\r\n  const handleToggle = () => {\r\n    setOpen((prevOpen) => !prevOpen);\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Tooltip title=\"My Connect\" placement=\"left\">\r\n        <IconButton\r\n          ref={anchorRef}\r\n          aria-controls={open ? 'menu-list-grow' : undefined}\r\n          aria-haspopup=\"true\"\r\n          onClick={handleToggle}\r\n          style={{ color: 'inherit' }}\r\n        >\r\n          <AccountCircle />\r\n        </IconButton>\r\n      </Tooltip>\r\n\r\n      <Popper\r\n        open={open}\r\n        anchorEl={anchorRef.current}\r\n        role={undefined}\r\n        transition\r\n        disablePortal\r\n      >\r\n        {({ TransitionProps, placement }) => (\r\n          <Grow\r\n            {...TransitionProps}\r\n            style={{\r\n              transformOrigin:\r\n                placement === 'bottom' ? 'center top' : 'center bottom',\r\n            }}\r\n          >\r\n            <ThemeDefault>\r\n              <Paper elevation={2}>\r\n                <ClickAwayListener onClickAway={handleClose}>\r\n                  <MenuList\r\n                    autoFocusItem={open}\r\n                    id=\"menu-list-grow\"\r\n                    onKeyDown={handleListKeyDown}\r\n                    className=\"popmenu\"\r\n                  >\r\n                    <MenuItem>\r\n                      <Anchor\r\n                        to=\"/account\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setOpen(false);\r\n                        }}\r\n                      >\r\n                        {t('nav.account')}\r\n                      </Anchor>\r\n                    </MenuItem>\r\n                    <MenuItem>\r\n                      <Anchor\r\n                        to=\"/logout\"\r\n                        color=\"primary\"\r\n                        onClick={handleLogout}\r\n                      >\r\n                        {t('nav.logout')}\r\n                      </Anchor>\r\n                    </MenuItem>\r\n                  </MenuList>\r\n                </ClickAwayListener>\r\n              </Paper>\r\n            </ThemeDefault>\r\n          </Grow>\r\n        )}\r\n      </Popper>\r\n    </Fragment>\r\n  );\r\n};\r\n","import {\r\n  DocumentOnlyClientDetails,\r\n  getClientSummary, getDocumentOnlyClientDetails, getPartiallyPopulatedClients,\r\n  getUsersClientDetails,\r\n  UserClientDetails\r\n} from 'api';\r\nimport { ClientAccountSummary } from 'api/types';\r\nimport { useSecurity } from 'authentication';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { ClientHoldingsProvider } from './';\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\nlet cache: any = {};\r\n\r\n/**\r\n * Client Holdings universal methods\r\n */\r\nexport const ClientHoldings = ({ children }: Props) => {\r\n  const { authState, settings } = useSecurity();\r\n\r\n  // object to hold details on the\r\n  const clientDetails: { [key: string]: ClientAccountSummary } = {};\r\n\r\n  // all the client holdings that the user has\r\n  const [loading, setLoading] = useState(true);\r\n  const [clients, setClients] = useState<UserClientDetails>([]);\r\n  const [documentOnlyClients, setDocumentOnlyClients] =\r\n    useState<DocumentOnlyClientDetails>([]);\r\n\r\n  // action to keep track of the account currencies available for all funds an holdings\r\n  const [clientCurrencies, setClientCurrenciesState] = useState<any>({});\r\n\r\n  const setClientCurrencies = (\r\n    clientId: string,\r\n    accountCurrencies: string[],\r\n    prepend: boolean = false\r\n  ): void => {\r\n    // get any currencies that have already been populated\r\n    const stored = cache[clientId] || [];\r\n\r\n    // combine the currencies\r\n    const combined = [\r\n      ...new Set(\r\n        prepend\r\n          ? [...accountCurrencies, ...stored]\r\n          : [...stored, ...accountCurrencies]\r\n      ),\r\n    ];\r\n\r\n    // update the currencies\r\n    cache = {\r\n      ...clientCurrencies,\r\n      ...{\r\n        [clientId]: combined,\r\n      },\r\n    };\r\n\r\n    if (cache !== clientCurrencies[clientId]) {\r\n      setClientCurrenciesState(cache);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * This is only supposed to be called on the homepage for the overview,\r\n   * we do it this way so the data can be stored and doesn't need to be re-requested\r\n   * @param clientId\r\n   */\r\n  const getClientDetails = async (\r\n    /**\r\n     * Gets or sets the client identifier.\r\n     */\r\n    clientId: string,\r\n    /**\r\n     * Gets or sets the valuation date.\r\n     */\r\n    valuationDate?: Date | null | undefined,\r\n    /**\r\n     * Gets or sets the currency code.\r\n     */\r\n    currencyCode?: string | null\r\n  ): Promise<ClientAccountSummary | null> => {\r\n    // if the client details have already been requested\r\n    if (clientDetails[clientId] && !valuationDate && !currencyCode) {\r\n      return clientDetails[clientId];\r\n    }\r\n\r\n    try {\r\n      // get the client details\r\n      const details = await getClientSummary(\r\n        clientId,\r\n        valuationDate,\r\n        currencyCode\r\n      );\r\n\r\n      // if the request was successful\r\n      if (details) {\r\n        // record the client detail\r\n        clientDetails[clientId] = details;\r\n\r\n        // return the retails back to the user\r\n        return details;\r\n      }\r\n    } catch (e) {}\r\n\r\n    // return no details\r\n    return null;\r\n  };\r\n\r\n  const getClientHoldingSummary = async (\r\n    /**\r\n     * Gets or sets the client identifier.\r\n     */\r\n    clientId: string,\r\n    /**\r\n     * Gets or sets the valuation date.\r\n     */\r\n    valuationDate?: Date | null | undefined,\r\n    /**\r\n     * Gets or sets the currency code.\r\n     */\r\n    currencyCode?: string | null\r\n  ): Promise<ClientAccountSummary | null> => {\r\n    try {\r\n      // get the client details\r\n      const details = await getClientSummary(\r\n        clientId,\r\n        valuationDate,\r\n        currencyCode\r\n      );\r\n\r\n      // TODO: process the request\r\n\r\n      return details;\r\n    } catch (e) {}\r\n\r\n    // return no details\r\n    return null;\r\n  };\r\n\r\n  // on load, load the holdings, it's important to know how many holdings the\r\n  // client has, so we can hide navigation if there are none, or make the loading\r\n  // on the homepage a little more efficient\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        // feature detection\r\n        if (settings['ClientHoldings.Enabled']) {\r\n          // load all the client holdings assiciated with the user\r\n          const [clients, documentOnlyClients] = await Promise.all([\r\n            getUsersClientDetails(),\r\n            getDocumentOnlyClientDetails(),\r\n          ]);\r\n\r\n          setClients(clients);\r\n          setDocumentOnlyClients(documentOnlyClients);\r\n        }\r\n      } catch (e) {} finally {\r\n        setLoading(false);\r\n      }\r\n    };\r\n\r\n    if (authState.isAuthenticated) {\r\n      load();\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        // feature detection\r\n        if (settings['ClientHoldings.Enabled']) {\r\n          // load all the client holdings assiciated with the user with details\r\n          const clients = await getPartiallyPopulatedClients();\r\n\r\n          setClients(clients);\r\n        }\r\n      } catch (e) {} finally {\r\n        setLoading(false);\r\n      }\r\n    };\r\n\r\n    if (!loading) {\r\n      load();\r\n    }\r\n  }, [loading]);\r\n\r\n  // wrapping component\r\n  return (\r\n    <ClientHoldingsProvider\r\n      value={{\r\n        loading,\r\n        clients,\r\n        documentOnlyClients,\r\n        getClientDetails,\r\n        getClientHoldingSummary,\r\n        clientCurrencies,\r\n        setClientCurrencies,\r\n      }}\r\n    >\r\n      {children}\r\n    </ClientHoldingsProvider>\r\n  );\r\n};\r\n","import { DocumentOnlyClientDetails, UserClientDetails } from 'api';\r\nimport { ClientAccountSummary } from 'api/types';\r\nimport { createContext, useContext } from 'react';\r\n\r\n// Props\r\ninterface Context {\r\n  clientCurrencies: any;\r\n\r\n  clients: UserClientDetails;\r\n  documentOnlyClients: DocumentOnlyClientDetails;\r\n  getClientDetails(\r\n    /**\r\n     * Gets or sets the client identifier.\r\n     */ clientId: string\r\n  ): Promise<ClientAccountSummary | null>;\r\n  getClientHoldingSummary(\r\n    /**\r\n     * Gets or sets the client identifier.\r\n     */\r\n    clientId: string,\r\n    /**\r\n     * Gets or sets the valuation date.\r\n     */\r\n    valuationDate?: Date | null | undefined,\r\n    /**\r\n     * Gets or sets the currency code.\r\n     */\r\n    currencyCode?: string | null\r\n  ): Promise<ClientAccountSummary | null>;\r\n\r\n  loading: boolean;\r\n\r\n  setClientCurrencies(\r\n    clientId: string,\r\n    accountCurrencies: string[],\r\n    prepend?: boolean\r\n  ): void;\r\n}\r\n\r\nconst initialState: Context = {\r\n  loading: true,\r\n  clients: [],\r\n  documentOnlyClients: [],\r\n  getClientDetails: async (\r\n    clientId: string\r\n  ): Promise<ClientAccountSummary | null> => {\r\n    return null;\r\n  },\r\n\r\n  getClientHoldingSummary: async (\r\n    /**\r\n     * Gets or sets the client identifier.\r\n     */\r\n    clientId: string,\r\n    /**\r\n     * Gets or sets the valuation date.\r\n     */\r\n    valuationDate?: Date | null | undefined,\r\n    /**\r\n     * Gets or sets the currency code.\r\n     */\r\n    currencyCode?: string | null\r\n  ): Promise<ClientAccountSummary | null> => {\r\n    return null;\r\n  },\r\n\r\n  clientCurrencies: {},\r\n\r\n  setClientCurrencies: (\r\n    clientId: string,\r\n    accountCurrencies: string[],\r\n    prepend: boolean = false\r\n  ): void => {},\r\n};\r\n\r\n// defaults\r\nconst ClientHoldingsContext = createContext<Context>(initialState);\r\n\r\n// helper method to get the context\r\nexport const useClientHoldings = (): Context =>\r\n  useContext(ClientHoldingsContext);\r\n\r\n// shortcut to the provider\r\nexport const ClientHoldingsProvider = ClientHoldingsContext.Provider;\r\n","import { sendApiRequest } from '../utils';\r\n\r\ninterface GetUserTaskCountResponse {\r\n  taskCount: number;\r\n}\r\n\r\nexport async function getUserTaskCount(userId: string): Promise<GetUserTaskCountResponse> {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/clientprovisioning/GetUserTaskCount/${userId}`;\r\n  return sendApiRequest<GetUserTaskCountResponse>(endpoint);\r\n}\r\n","// TODO: comment\r\n\r\nimport { Badge, IconButton, List, Tooltip } from '@material-ui/core';\r\nimport { getUnreadCount, selectUnreadCount } from 'redux/reducers/messages';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { ListItemLink } from 'components/navigation';\r\nimport { MailIcon } from 'icons';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { UserDetails } from 'components/user-details';\r\nimport { delayFire } from 'utils';\r\nimport { useClientHoldings } from 'pages/client-holdings/data';\r\nimport { useEffect, useState } from 'react';\r\nimport { useSecurity } from 'authentication';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { getUserTaskCount } from '../../api/client-provisioning/getUserTaskCount';\r\n\r\ninterface Props {\r\n  isMobile?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nconst useStyles = makeStyles(() => ({\r\n  myTasksItem: {\r\n    '& a div:nth-child(2)': {\r\n      minWidth: 0,\r\n    },\r\n  },\r\n  badgeWrapper: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    marginLeft: 4,\r\n  },\r\n  badge: {\r\n    '& span': {\r\n      fontSize: '0.8571428571428571rem !important',\r\n      fontWeight: 'initial !important',\r\n    },\r\n  },\r\n}));\r\n\r\nexport const PrimaryNavigation = ({ isMobile }: Props) => {\r\n  // TODO\r\n  const { clients } = useClientHoldings();\r\n\r\n  const styles = useStyles();\r\n\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const [taskCount, setTaskCount] = useState(0);\r\n\r\n  const unreadCount = useSelector(selectUnreadCount);\r\n\r\n  const dispatch = useDispatch();\r\n  const { authState, settings } = useSecurity();\r\n  const salesforceCustomerId = authState.salesforceAuth?.customerIdentifier;\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(async () => {\r\n        dispatch(getUnreadCount());\r\n        if (salesforceCustomerId) {\r\n          const { taskCount } = await getUserTaskCount(salesforceCustomerId);\r\n          setTaskCount(taskCount);\r\n        }\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated, salesforceCustomerId]);\r\n\r\n  return (\r\n    <List>\r\n      <ListItemLink exact={true} to=\"/home\" primary={t('nav.home')} />\r\n      <ListItemLink\r\n        isTopLevel\r\n        to=\"/our-thinking\"\r\n        primary={t('nav.our-thinking')}\r\n      />\r\n      <ListItemLink\r\n        isTopLevel\r\n        to=\"/fund-centre\"\r\n        primary={t('nav.fund-centre')}\r\n      />\r\n      <ListItemLink\r\n        isTopLevel\r\n        to=\"/portfolio-holdings\"\r\n        primary={t('nav.portfolio-holdings')}\r\n      />\r\n      <ListItemLink isTopLevel to=\"/documents\" primary={t('nav.documents')} />\r\n\r\n      {/* if client holdings is enabled, and there are accounts to show */}\r\n      {settings['ClientHoldings.Enabled'] && clients.length > 0 && (\r\n        <ListItemLink\r\n          isTopLevel\r\n          to={`/accounts/${clients[0].id}/accounts`}\r\n          primary={t('nav.accounts')}\r\n        />\r\n      )}\r\n\r\n      <ListItemLink\r\n        external\r\n        isTopLevel\r\n        to={authState.salesforceUrl}\r\n        primary={t('nav.my-tasks')}\r\n        className={styles.myTasksItem}\r\n        iconEnd={taskCount && (\r\n          <div className={styles.badgeWrapper}>\r\n            <Badge badgeContent={taskCount} color=\"error\" className={styles.badge} />\r\n          </div>\r\n        )}\r\n      />\r\n\r\n      {isMobile ? (\r\n        <ListItemLink\r\n          isTopLevel\r\n          to=\"/messages/inbox\"\r\n          primary={t('nav.messages')}\r\n          iconEnd={\r\n            unreadCount ? (\r\n              <Badge badgeContent={unreadCount} color=\"error\">\r\n                <MailIcon />\r\n              </Badge>\r\n            ) : (\r\n              <MailIcon />\r\n            )\r\n          }\r\n        />\r\n      ) : (\r\n        <Tooltip title=\"Messages\">\r\n          <IconButton\r\n            component={NavLink}\r\n            to=\"/messages/inbox\"\r\n            style={{ color: 'inherit' }}\r\n          >\r\n            {unreadCount ? (\r\n              <Badge badgeContent={unreadCount} color=\"error\">\r\n                <MailIcon />\r\n              </Badge>\r\n            ) : (\r\n              <MailIcon />\r\n            )}\r\n          </IconButton>\r\n        </Tooltip>\r\n      )}\r\n\r\n      {!isMobile && <UserDetails />}\r\n    </List>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { useApp } from '@abrdn-latest/providers';\r\nimport { Box, Container, Grid, Paper } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport clsx from 'clsx';\r\nimport { Anchor } from 'components/core';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { ThemeDefault } from 'styles';\r\nimport './HeaderDesktop.scss';\r\nimport { PrimaryNavigation } from './Navigation';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  sticky: {\r\n    position: 'sticky',\r\n    top: 0,\r\n    zIndex: 10,\r\n    transition: 'color .8s, backgroundColor .8s',\r\n  },\r\n\r\n  homepage: {\r\n    marginBottom: -theme.spacing(13),\r\n  },\r\n\r\n  solid: {\r\n    borderBottom: '1px solid #000000',\r\n  },\r\n\r\n  transparent: {\r\n    backgroundColor: 'transparent',\r\n    color: '#fff',\r\n  },\r\n\r\n  logo: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 165,\r\n    height: 36,\r\n    backgroundImage: ({ isHomepage, isScrolled }: { isHomepage: boolean; isScrolled: boolean }) =>\r\n      `url(\"${getPublicPath(`images/abrdn${isHomepage && !isScrolled ? '-light' : ''}.svg`)}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n}));\r\n\r\nexport const HeaderDesktop = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  // get the app settings, used for general styling etc\r\n  const { isHomepage = false } = useApp();\r\n\r\n  const [elevation, setElevation] = useState<number>(0);\r\n\r\n  const isScrolled = elevation > 0;\r\n\r\n  const classes = useStyles({ isHomepage, isScrolled });\r\n\r\n  const showBelow: number = 10;\r\n\r\n  const handleScroll = () => {\r\n    if (window.pageYOffset > showBelow) {\r\n      if (elevation === 0) {\r\n        setElevation(20);\r\n      }\r\n    } else {\r\n      if (elevation) {\r\n        setElevation(0);\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (showBelow) {\r\n      window.addEventListener('scroll', handleScroll);\r\n\r\n      return () => window.removeEventListener('scroll', handleScroll);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <ThemeDefault>\r\n      <Paper\r\n        className={clsx(\r\n          classes.sticky,\r\n\r\n          isHomepage ? classes.homepage : null,\r\n          isHomepage\r\n            ? isScrolled\r\n              ? classes.solid\r\n              : classes.transparent\r\n            : classes.solid\r\n        )}\r\n        elevation={elevation}\r\n      >\r\n        <Container\r\n          maxWidth={'xl'}\r\n          // maxWidth={isHomepage ? 'xl' : 'lg'}\r\n          // style={{ transition: 'max-width .3s' }}\r\n        >\r\n          <Grid container spacing={3} alignItems=\"center\">\r\n            <Grid item xs={12} sm={2}>\r\n              <Box maxWidth={165}>\r\n                {isHomepage ? (\r\n                  <Box className={classes.logo} />\r\n                ) : (\r\n                  <Anchor to=\"/home\">\r\n                    <Box className={classes.logo} />\r\n                  </Anchor>\r\n                )}\r\n              </Box>\r\n            </Grid>\r\n            <Grid item xs={12} sm={10}>\r\n              <nav className=\"nav nav--main nav--desktop\">\r\n                <PrimaryNavigation />\r\n              </nav>\r\n            </Grid>\r\n          </Grid>\r\n        </Container>\r\n      </Paper>\r\n    </ThemeDefault>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { AppBar, Drawer, IconButton, List, Toolbar } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport clsx from 'clsx';\r\nimport { ListItemLink } from 'components/navigation';\r\nimport { MenuIcon } from 'icons';\r\nimport React, { Fragment, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { ThemeDark } from 'styles';\r\nimport './HeaderMobile.scss';\r\nimport { PrimaryNavigation } from './Navigation';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\n// TODO: move this to scss\r\nconst useStyles = makeStyles((theme) => ({\r\n  grow: {\r\n    flexGrow: 1,\r\n  },\r\n\r\n  title: {\r\n    display: 'block',\r\n    margin: 0,\r\n    [theme.breakpoints.up('sm')]: {\r\n      display: 'block',\r\n    },\r\n  },\r\n\r\n  logo: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 92,\r\n    height: 20,\r\n    backgroundImage: () => `url(\"${getPublicPath('images/abrdn.svg')}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n\r\n  sectionDesktop: {\r\n    display: 'flex',\r\n  },\r\n\r\n  list: {\r\n    width: 320,\r\n  },\r\n}));\r\n\r\nexport const HeaderMobile = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const classes = useStyles();\r\n\r\n  const router = useRouter();\r\n\r\n  const [drawerOpen, setDrawerOpen] = useState(false);\r\n\r\n  const toggleDrawer = (open: boolean) => (ev: any) => {\r\n    if (ev.type === 'keydown' && (ev.key === 'Tab' || ev.key === 'Shift')) {\r\n      return;\r\n    }\r\n\r\n    setDrawerOpen(open);\r\n  };\r\n\r\n  const handleLogout = async (ev: React.SyntheticEvent) => {\r\n    ev.preventDefault();\r\n    router.replace('/logout');\r\n  };\r\n\r\n  return (\r\n    <ThemeDark>\r\n      <Fragment>\r\n        <div className={classes.grow}>\r\n          <AppBar position=\"static\">\r\n            <Toolbar>\r\n              <div className={classes.logo} />\r\n              <div className={classes.grow} />\r\n              <div className={classes.sectionDesktop}>\r\n                <IconButton\r\n                  edge=\"end\"\r\n                  color=\"inherit\"\r\n                  onClick={toggleDrawer(true)}\r\n                >\r\n                  <MenuIcon />\r\n                </IconButton>\r\n              </div>\r\n            </Toolbar>\r\n          </AppBar>\r\n        </div>\r\n        <Drawer\r\n          anchor=\"right\"\r\n          className=\"mobile-drawer\"\r\n          open={drawerOpen}\r\n          onClose={toggleDrawer(false)}\r\n        >\r\n          <div\r\n            className={clsx(classes.list, 'mobile-drawer__list')}\r\n            role=\"presentation\"\r\n            onClick={toggleDrawer(false)}\r\n            onKeyDown={toggleDrawer(false)}\r\n          >\r\n            <nav className=\"nav nav--main nav--mobile\">\r\n              <PrimaryNavigation isMobile />\r\n              <List className=\"nav--mobile__account\">\r\n                <ListItemLink to=\"/account\" primary={t('nav.account')} />\r\n                <ListItemLink\r\n                  to=\"/logout\"\r\n                  primary={t('nav.logout')}\r\n                  onClick={handleLogout}\r\n                />\r\n              </List>\r\n            </nav>\r\n          </div>\r\n        </Drawer>\r\n      </Fragment>\r\n    </ThemeDark>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { useSecurity } from 'authentication';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { HeaderDesktop } from './HeaderDesktop';\r\nimport { HeaderMobile } from './HeaderMobile';\r\n\r\nexport const Header = () => {\r\n  const { isDesktop } = useWidth();\r\n\r\n  const { authState } = useSecurity();\r\n\r\n  const [authenticated, setAuthenticated] = useState(\r\n    authState.isAuthenticated\r\n  );\r\n\r\n  useEffect(() => {\r\n    setAuthenticated(authState.isAuthenticated);\r\n  }, [authState.isAuthenticated]);\r\n\r\n  if (!authenticated) {\r\n    return null;\r\n  }\r\n\r\n  return isDesktop ? <HeaderDesktop /> : <HeaderMobile />;\r\n};\r\n","// TODO: comment\r\nimport { useEffect } from 'react';\r\nimport { RouteComponentProps, withRouter } from 'react-router-dom';\r\n\r\n/**\r\n * Jump the user to the top of the page on page refresh, this fixes an issue\r\n * where page navigation results in the scrollbar staying in the same place\r\n */\r\nconst Component = ({ history }: RouteComponentProps) => {\r\n  useEffect(() => {\r\n    const unlisten = history.listen(() => {\r\n      if (history.action === 'PUSH') {\r\n        window.scrollTo(0, 0);\r\n      }\r\n    });\r\n    return () => {\r\n      unlisten();\r\n    };\r\n  }, [history]);\r\n\r\n  return null;\r\n};\r\n\r\nconst ScrollToTop = withRouter(Component);\r\n\r\nexport { ScrollToTop };\r\n","// TODO: comment\r\nimport { on } from '@abrdn/utils/events';\r\nimport { Box, Button, Paper, Typography } from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport { TransitionProps } from '@material-ui/core/transitions';\r\nimport React, { useEffect } from 'react';\r\nimport { useSecurity } from '../../authentication';\r\n\r\nconst Transition = React.forwardRef(function Transition(\r\n  props: TransitionProps & { children?: React.ReactElement<any, any> },\r\n  ref: React.Ref<unknown>\r\n) {\r\n  return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\n\r\nexport const Unauthorized = () => {\r\n  const { authMethods } = useSecurity();\r\n\r\n  const [open, setOpen] = React.useState<boolean>(false);\r\n\r\n  useEffect(() => {\r\n    on('api:unauthorized', () => {\r\n      setOpen(true);\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      TransitionComponent={Transition}\r\n      disableBackdropClick\r\n      disableEscapeKeyDown\r\n    >\r\n      <Paper>\r\n        <Box padding={4} textAlign=\"center\">\r\n          <Typography variant=\"h4\">You have been signed out</Typography>\r\n          <Typography paragraph>\r\n            This may be due to inactivity or you might have another instance of\r\n            abrdn Connect open – to log back in please use the below\r\n          </Typography>\r\n          <Button\r\n            onClick={() => authMethods.handleConnectSessionExpiration()}\r\n            variant=\"contained\"\r\n            color=\"primary\"\r\n            size=\"large\"\r\n          >\r\n            Reload the page\r\n          </Button>\r\n        </Box>\r\n      </Paper>\r\n    </Dialog>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { getDocumentUri } from 'api';\r\nimport { MessageDocument } from 'api/types';\r\nimport { downloadFile } from 'api/utils';\r\nimport { Anchor } from 'components/core';\r\nimport { DescriptionIcon, GetAppIcon } from 'icons';\r\nimport React, { Fragment } from 'react';\r\n\r\ninterface DocumentListProps {\r\n  documents?: Array<MessageDocument>;\r\n}\r\n\r\nexport const DocumentList = ({ documents }: DocumentListProps) => {\r\n  if (documents && documents.length > 0) {\r\n    const output = documents.map((item: MessageDocument, i: number) => {\r\n      return (\r\n        <dl key={i} className=\"document\">\r\n          <dt>\r\n            <DescriptionIcon /> {item.description}\r\n          </dt>\r\n          <dd>\r\n            <Anchor\r\n              href={getDocumentUri(item.id)}\r\n              onClick={async (ev: React.MouseEvent) => {\r\n                ev.preventDefault();\r\n                downloadFile(getDocumentUri(item.id), `${item.filename}`);\r\n              }}\r\n              style={{ wordBreak: 'break-all' }}\r\n            >\r\n              {item.filename} <GetAppIcon style={{ marginLeft: 10 }} />\r\n            </Anchor>\r\n          </dd>\r\n        </dl>\r\n      );\r\n    });\r\n\r\n    return <Fragment>{output}</Fragment>;\r\n  }\r\n\r\n  return <Fragment></Fragment>;\r\n};\r\n","// TODO: comment\r\nimport { Box, Container } from '@material-ui/core';\r\nimport { ErrorIcon } from 'icons';\r\nimport React from 'react';\r\nimport './NoData.scss';\r\n\r\ninterface DataErrorProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const DataError = ({ children }: DataErrorProps) => {\r\n  return (\r\n    <Box className=\"data-error\" padding={4} textAlign=\"center\">\r\n      <Container maxWidth=\"md\">\r\n        <ErrorIcon style={{ fontSize: 50 }} />\r\n        {children ? children : <div>Something went wrong</div>}\r\n      </Container>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box } from '@material-ui/core';\r\nimport { LoopIcon } from 'icons';\r\nimport React from 'react';\r\nimport './NoData.scss';\r\n\r\ninterface LoadingProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const Loading = ({ children }: LoadingProps) => {\r\n  return (\r\n    <Box className=\"loading\" padding={4} textAlign=\"center\">\r\n      <LoopIcon className=\"loading__icon\" style={{ fontSize: 50 }} />\r\n      <Box>{children ? children : 'Loading...'}</Box>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box } from '@material-ui/core';\r\nimport { ErrorOutlineOutlinedIcon } from 'icons';\r\nimport React from 'react';\r\nimport './NoData.scss';\r\n\r\ninterface NoDataProps {\r\n  children?: React.ReactNode;\r\n  icon?: React.ReactNode;\r\n}\r\n\r\nexport const NoData = ({ children, icon }: NoDataProps) => {\r\n  const Icon = icon || ErrorOutlineOutlinedIcon;\r\n\r\n  return (\r\n    <Box className=\"nodata\" padding={4} textAlign=\"center\">\r\n      {/* @ts-ignore */}\r\n      <Icon style={{ fontSize: 50 }} />\r\n      {children ? children : <div>No Data</div>}\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { ReceivedMessage, SentMessage } from 'api/types';\r\n\r\nexport const isReceived = (\r\n  message: ReceivedMessage | SentMessage\r\n): message is ReceivedMessage => {\r\n  return (message as ReceivedMessage).received !== undefined;\r\n};\r\n","import React from 'react';\r\n\r\nexport type ActionOverridesType = {\r\n  [messageId: string]: boolean;\r\n};\r\n\r\nexport type MessageContextType = {\r\n  actionOverrides: ActionOverridesType;\r\n  setOverride(messageId: string, state: boolean): void;\r\n};\r\n\r\nconst messageContext = React.createContext<MessageContextType | null>(null);\r\n\r\n/**\r\n * returns the context for messages\r\n * @returns\r\n */\r\nexport const useMessageContext = () => {\r\n  const context = React.useContext(messageContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useMessageContext must be used within a MessageProvider');\r\n  }\r\n\r\n  return context;\r\n};\r\n\r\nexport const MessageProvider = messageContext.Provider;\r\n","// TODO: comment\r\n\r\nimport {\r\n  ArrowBackIcon,\r\n  DeleteIcon,\r\n  MailIcon,\r\n  PriorityHighIcon,\r\n  RefreshIcon,\r\n} from 'icons';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Divider,\r\n  Grid,\r\n  Paper,\r\n  Tooltip,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { DataError, Loading, NoData } from 'components/no-data';\r\nimport { DocumentList, ReplyForm } from '.';\r\nimport { isReceived } from '../utils';\r\nimport {\r\n  MESSAGE_BREAKER,\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport {\r\n  GetReceivedMessagesResponse,\r\n  GetSentMessagesResponse,\r\n  ReceivedMessage,\r\n  SentMessage,\r\n} from 'api/types';\r\nimport {\r\n  addDeletedMessageId,\r\n  getUnreadCount,\r\n  selectDeletedIds,\r\n} from 'redux/reducers/messages';\r\nimport { delayFire, getSpecificFormattedDate } from 'utils';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useRouter, useWidth } from '@abrdn-latest/use';\r\n\r\nimport { Alert } from '@material-ui/lab';\r\nimport { Anchor } from 'components/core';\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { Helmet } from 'react-helmet';\r\nimport { SERVER_ACTION_DELAY } from 'api/constants';\r\nimport { Stack } from '@abrdn-latest/core';\r\nimport { setActionRequired } from 'api';\r\nimport { toast } from 'material-react-toastify';\r\nimport { useMessageContext } from '../MessageContext';\r\nimport { useSecurity } from 'authentication';\r\n\r\nexport interface IndividualMessageBaseProps {\r\n  /**\r\n   * Used for redirecting the user, and implementation of the 'back' button\r\n   */\r\n  baseUrl?: string;\r\n  /**\r\n   * Can the user reply to the message\r\n   */\r\n  canReply?: boolean;\r\n  /**\r\n   * Method used to make the api call to delete the message\r\n   * @param id Message ID\r\n   */\r\n  deleteMessage(id: string): any;\r\n  /**\r\n   *\r\n   */\r\n  getAllMessages(state: any): any;\r\n  /**\r\n   * Method used to make the api call to get the message detail\r\n   * @param id Message ID\r\n   */\r\n  getMessage(id: string): any;\r\n  /**\r\n   * Optionally used to take the user back\r\n   */\r\n  goBack?(): void;\r\n  /**\r\n   * Method used to make the api call to mark the message as read\r\n   * @param id Message ID\r\n   */\r\n  markAsRead?(id: string): Promise<unknown>;\r\n  /**\r\n   *\r\n   */\r\n  onDelete?(id?: string): void;\r\n  /**\r\n   *\r\n   */\r\n  onUpdate?(): void;\r\n}\r\n\r\nexport interface IndividualMessageProps extends IndividualMessageBaseProps {\r\n  /**\r\n   * ID of the message to display\r\n   */\r\n  messageId: string;\r\n}\r\n\r\nexport const IndividualMessage = ({\r\n  getAllMessages,\r\n  getMessage,\r\n  markAsRead,\r\n  deleteMessage,\r\n  baseUrl,\r\n  canReply = false,\r\n  messageId,\r\n  goBack,\r\n  onUpdate,\r\n  onDelete,\r\n}: IndividualMessageProps) => {\r\n  const [confirmMessageOpen, setConfirmMessageOpen] = useState(false);\r\n\r\n  const { setOverride } = useMessageContext();\r\n\r\n  //\r\n  const { isMobile } = useWidth();\r\n\r\n  const router = useRouter();\r\n\r\n  const { messages }: GetReceivedMessagesResponse | GetSentMessagesResponse =\r\n    useSelector(getAllMessages);\r\n  const deletedMessages = useSelector(selectDeletedIds);\r\n  const dispatch = useDispatch();\r\n  const { authState } = useSecurity();\r\n\r\n  const [message, setMessage] = useState<ReceivedMessage | SentMessage | null>(\r\n    null\r\n  );\r\n\r\n  // by default, if there is a message ID supplied, set the state to loading so we don't get a 'no data' flash of content\r\n  const [status, setStatus] = useState<string | null>(\r\n    messageId ? STATUS_LOADING : null\r\n  );\r\n\r\n  //\r\n  const showFlag = !!(message && isReceived(message));\r\n\r\n  const [flag, setFlag] = React.useState<boolean>(\r\n    !!(message && isReceived(message) && message.actionRequired)\r\n  );\r\n\r\n  /**\r\n   * Refresh the view\r\n   */\r\n  const refreshView = async () => {\r\n    try {\r\n      // update the loading status\r\n      setStatus(STATUS_LOADING);\r\n\r\n      // load the message\r\n      const data = await getMessage(messageId);\r\n\r\n      // loading is complete\r\n      setStatus(STATUS_SUCCESS);\r\n\r\n      // assign the message data\r\n      setMessage(data);\r\n\r\n      if (isReceived(data)) {\r\n        setFlag(data.actionRequired);\r\n      }\r\n\r\n      // if there is a mark as read method, and the message can be marked as read\r\n      if (markAsRead && isReceived(data) && !data.read) {\r\n        // mark call the mark as read method\r\n        markAsRead(messageId).then(() => {\r\n          // set a timeout to update the message read count\r\n          setTimeout(() => {\r\n            dispatch(getUnreadCount());\r\n          }, SERVER_ACTION_DELAY);\r\n        });\r\n      }\r\n\r\n      if (onUpdate) {\r\n        onUpdate();\r\n      }\r\n    } catch (e) {\r\n      // there was a big problem...\r\n      setStatus(STATUS_FAILED);\r\n\r\n      // display a message to the user\r\n      toast.error('Sorry, There was a problem loading the message');\r\n\r\n      if (onUpdate) {\r\n        onUpdate();\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      // if there is a message id (which there should always be)\r\n      if (messageId !== '') {\r\n        delayFire(() => {\r\n          refreshView();\r\n        });\r\n      } else {\r\n        // if the user should be redirected\r\n        if (baseUrl) {\r\n          // failure as there's no message\r\n          setStatus(STATUS_FAILED);\r\n\r\n          toast.error('Sorry, no message ID has been supplied');\r\n\r\n          // redirect the user back to the messages page/list\r\n          router.history.push(baseUrl);\r\n        }\r\n      }\r\n    }\r\n  }, [authState.isAuthenticated, messageId]);\r\n\r\n  const handleFlagToggle = async () => {\r\n    if (!message) return false;\r\n\r\n    try {\r\n      const result = await setActionRequired(message.id, {\r\n        actionRequired: !flag,\r\n      });\r\n\r\n      if (result) {\r\n        setOverride(message.id, !flag);\r\n\r\n        setFlag(!flag);\r\n      }\r\n    } catch (e: unknown) {}\r\n  };\r\n\r\n  // loading view\r\n  if (status === STATUS_LOADING) {\r\n    return (\r\n      <Paper>\r\n        <Loading>\r\n          <Typography paragraph>Loading message</Typography>\r\n        </Loading>\r\n      </Paper>\r\n    );\r\n  }\r\n\r\n  // Failed view\r\n  if (status === STATUS_FAILED) {\r\n    return (\r\n      <Paper>\r\n        <DataError>\r\n          <Typography paragraph>\r\n            Something went wrong. Please try again.\r\n          </Typography>\r\n          <Button\r\n            variant=\"contained\"\r\n            onClick={() => {\r\n              refreshView();\r\n            }}\r\n            endIcon={<RefreshIcon />}\r\n          >\r\n            Refresh\r\n          </Button>\r\n        </DataError>\r\n      </Paper>\r\n    );\r\n  }\r\n\r\n  const handleDelete = () => {\r\n    setConfirmMessageOpen(true);\r\n  };\r\n\r\n  const onConfirm = async () => {\r\n    dispatch(addDeletedMessageId(messageId));\r\n\r\n    if (messages?.length > 1) {\r\n      // @ts-ignore\r\n      const deletedMessageIndex = messages.findIndex(msg => msg.id === messageId);\r\n      const messageIndexToDisplay =\r\n        deletedMessageIndex === messages.length - 1\r\n          ? deletedMessageIndex - 1\r\n          : deletedMessageIndex + 1;\r\n      const messageIdToDisplay = messages[messageIndexToDisplay].id\r\n\r\n      if (onDelete) {\r\n        onDelete(messageIdToDisplay);\r\n      }\r\n    } else {\r\n      setMessage(null);\r\n      if (goBack) {\r\n        goBack();\r\n      }\r\n      if (onDelete) {\r\n        onDelete('');\r\n      }\r\n      setConfirmMessageOpen(false);\r\n    }\r\n\r\n    await deleteMessage(messageId);\r\n  };\r\n  const onCancel = () => {\r\n    setConfirmMessageOpen(false);\r\n  };\r\n\r\n  const isDeleted = deletedMessages.includes(messageId);\r\n\r\n  if (message && message.subject && !isDeleted) {\r\n    let body = message.body.replace(/\\n/g, '<br><br>');\r\n    body = body.replace(/(<br><br><br><br>)/g, '<br><br>');\r\n    body = body.replace(/(<br><br>Sent)/g, '<br>Sent');\r\n\r\n    body = body.replace(/(From:([^>]+)>([\\s]+)?Sent:([^>]+)>)/gi, (header) => {\r\n      return `<div class=\"reply-header\">${header}</div>`;\r\n    });\r\n\r\n    const parts: Array<string> = body.split(MESSAGE_BREAKER);\r\n\r\n    let output: string = String(parts.shift());\r\n\r\n    // reply indentation\r\n    for (let i = 0; i < parts.length; i++) {\r\n      let msg = parts[i].trim();\r\n      msg = msg.replace(/^(<br>)(<br>)?/, '');\r\n      msg = msg.replace(/(<br>)(<br>)?$/, '');\r\n\r\n      if (i < parts.length / 2) {\r\n        output += `<div class=\"reply-level\">${msg}`;\r\n      } else {\r\n        output += '</div>';\r\n      }\r\n    }\r\n\r\n    const ActionRequired = () => {\r\n      if (!showFlag) return null;\r\n\r\n      return (\r\n        <Grid item>\r\n          <Tooltip\r\n            title={flag ? 'mark as action complete' : 'mark as action required'}\r\n          >\r\n            <Grid item>\r\n              <Anchor onClick={handleFlagToggle}>\r\n                <PriorityHighIcon fontSize=\"small\" /> {flag ? 'Actioned' : 'Action'}\r\n              </Anchor>\r\n            </Grid>\r\n          </Tooltip>\r\n        </Grid>\r\n      );\r\n    };\r\n\r\n    return (\r\n      <Fragment>\r\n        <Helmet>\r\n          <title>{message.subject}</title>\r\n        </Helmet>\r\n\r\n        <Confirmation\r\n          isOpen={confirmMessageOpen}\r\n          confirmText=\"Yes, Delete\"\r\n          onConfirm={onConfirm}\r\n          rejectText=\"No, cancel\"\r\n          onReject={onCancel}\r\n        >\r\n          <Typography paragraph>\r\n            Are you sure you want to permanently delete this message\r\n          </Typography>\r\n        </Confirmation>\r\n\r\n        <Paper>\r\n          <Box padding={3}>\r\n            {isMobile ? (\r\n              <Fragment>\r\n                <Typography\r\n                  variant=\"h4\"\r\n                  component=\"h1\"\r\n                  style={{ marginBottom: 10 }}\r\n                >\r\n                  {message.subject}\r\n                </Typography>\r\n                <Typography\r\n                  variant=\"h5\"\r\n                  component=\"h2\"\r\n                  style={{ marginBottom: 10 }}\r\n                >\r\n                  {message.source.name}\r\n                </Typography>\r\n                <Grid container spacing={2} alignItems=\"center\">\r\n                  <Grid item xs>\r\n                    <Typography variant=\"body2\">\r\n                      {isReceived(message)\r\n                        ? getSpecificFormattedDate(message.received)\r\n                        : getSpecificFormattedDate(message.sent)}\r\n                    </Typography>\r\n                  </Grid>\r\n                  <Grid item xs>\r\n                    <Stack\r\n                      spacing={2}\r\n                      alignItems=\"center\"\r\n                      direction=\"row\"\r\n                      justifyContent=\"flex-end\"\r\n                    >\r\n                      {goBack && (\r\n                        <Button\r\n                          color=\"primary\"\r\n                          onClick={goBack}\r\n                          startIcon={<ArrowBackIcon />}\r\n                        >\r\n                          Back\r\n                        </Button>\r\n                      )}\r\n\r\n                      <ActionRequired />\r\n\r\n                      {onDelete && (\r\n                        <Grid item>\r\n                          <Button\r\n                            color=\"primary\"\r\n                            onClick={handleDelete}\r\n                            startIcon={<DeleteIcon />}\r\n                          >\r\n                            Delete\r\n                          </Button>\r\n                        </Grid>\r\n                      )}\r\n                    </Stack>\r\n                  </Grid>\r\n                </Grid>\r\n              </Fragment>\r\n            ) : (\r\n              <Grid\r\n                container\r\n                spacing={3}\r\n                alignItems=\"stretch\"\r\n                justify=\"space-between\"\r\n              >\r\n                <Grid item xs={12} sm={8}>\r\n                  <Typography variant=\"h4\" component=\"h1\">\r\n                    {message.subject}\r\n                  </Typography>\r\n                  <Typography variant=\"h5\" component=\"h2\">\r\n                    {message.source.name}\r\n                  </Typography>\r\n                  <Typography variant=\"body2\">\r\n                    {isReceived(message)\r\n                      ? getSpecificFormattedDate(message.received)\r\n                      : getSpecificFormattedDate(message.sent)}\r\n                  </Typography>\r\n                </Grid>\r\n                <Grid item xs={12} sm={4}>\r\n                  <Box textAlign=\"right\">\r\n                    <Stack\r\n                      direction=\"row\"\r\n                      spacing={3}\r\n                      alignItems=\"center\"\r\n                      justifyContent=\"flex-end\"\r\n                    >\r\n                      {goBack && (\r\n                        <Button\r\n                          color=\"primary\"\r\n                          onClick={goBack}\r\n                          startIcon={<ArrowBackIcon />}\r\n                        >\r\n                          Back\r\n                        </Button>\r\n                      )}\r\n\r\n                      <ActionRequired />\r\n\r\n                      {onDelete && (\r\n                        <Grid item>\r\n                          <Anchor onClick={handleDelete}>\r\n                            <DeleteIcon fontSize=\"small\" /> Delete\r\n                          </Anchor>\r\n                        </Grid>\r\n                      )}\r\n                    </Stack>\r\n                  </Box>\r\n                </Grid>\r\n              </Grid>\r\n            )}\r\n          </Box>\r\n          <Divider />\r\n          <Box padding={3}>\r\n            {isReceived(message) && message.actionRequired && (\r\n              <Alert\r\n                severity=\"warning\"\r\n                icon={<PriorityHighIcon style={{ fontSize: 20 }} />}\r\n              >\r\n                <b>Action required:</b> This message requires your attention\r\n              </Alert>\r\n            )}\r\n\r\n            <Box marginY={4}>\r\n              <div dangerouslySetInnerHTML={{ __html: output }} />\r\n            </Box>\r\n            {message.documents && (\r\n              <Fragment>\r\n                <Typography paragraph>Attachments</Typography>\r\n                <DocumentList documents={message.documents} />\r\n              </Fragment>\r\n            )}\r\n          </Box>\r\n\r\n          {canReply && (\r\n            <Fragment>\r\n              <Divider />\r\n              <Box padding={3}>\r\n                <ReplyForm\r\n                  message={message}\r\n                  messageId={messageId}\r\n                  showForm={\r\n                    isReceived(message) ? message.actionRequired : false\r\n                  }\r\n                />\r\n              </Box>\r\n            </Fragment>\r\n          )}\r\n        </Paper>\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  // default no data view\r\n\r\n  if (messageId === '' || isDeleted) {\r\n    return (\r\n      <Paper>\r\n        <NoData icon={MailIcon}>\r\n          <Typography paragraph>You currently have no messages</Typography>\r\n        </NoData>\r\n      </Paper>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Paper>\r\n      <NoData icon={MailIcon}>\r\n        <Typography paragraph>Unable to load the message</Typography>\r\n      </NoData>\r\n    </Paper>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Button } from '@material-ui/core';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport { DocumentUploadIcon } from 'icons';\r\nimport React from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport {\r\n  useMessageComposerDispatch,\r\n  useMessageComposerState,\r\n} from 'utils/message-context';\r\nimport '../PageMessages.scss';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    button: {\r\n      margin: theme.spacing(1),\r\n    },\r\n  })\r\n);\r\n\r\nexport const MessageHeader = () => {\r\n  const dispatch = useMessageComposerDispatch();\r\n  const { state } = useMessageComposerState();\r\n  const classes = useStyles();\r\n\r\n  const hancleClick = (ev: React.MouseEvent) => {\r\n    // @ts-ignore\r\n    dispatch({\r\n      type: state === 'open' ? 'minimised' : 'open',\r\n    });\r\n\r\n    ev.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      <Button\r\n        className={classes.button}\r\n        variant=\"contained\"\r\n        color=\"primary\"\r\n        component={RouterLink}\r\n        to={'/message/new'}\r\n        endIcon={<DocumentUploadIcon />}\r\n        onClick={hancleClick}\r\n        size=\"large\"\r\n      >\r\n        New message\r\n      </Button>\r\n    </Box>\r\n  );\r\n};\r\n","import './MessageList.scss';\r\n\r\nimport { AttachFileIcon, DeleteIcon, PriorityHighIcon } from 'icons';\r\nimport {\r\n  Box,\r\n  Checkbox,\r\n  Collapse,\r\n  Divider,\r\n  IconButton,\r\n  Paper,\r\n  Toolbar,\r\n  Tooltip,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport {\r\n  GetReceivedMessagesResponse,\r\n  GetSentMessagesResponse,\r\n  ReceivedMessage,\r\n  SentMessage,\r\n} from 'api/types';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { getMessagesPerPage, setMessagesPerPage } from 'api/constants';\r\nimport { lighten, makeStyles } from '@material-ui/core/styles';\r\n\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { MESSAGE_BREAKER } from '@abrdn-latest/config';\r\nimport { MessagePageParams } from '../PageMessages';\r\nimport { Pagination } from 'components/pagination';\r\nimport clsx from 'clsx';\r\nimport { getFormattedDate } from 'utils';\r\nimport { isReceived } from '../utils';\r\nimport { selectDeletedIds } from 'redux/reducers/messages';\r\nimport { useMessageContext } from '../MessageContext';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst useToolbarStyles = makeStyles((theme) => ({\r\n  root: {\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(1),\r\n  },\r\n  highlight:\r\n    theme.palette.type === 'light'\r\n      ? {\r\n          color: theme.palette.secondary.main,\r\n          backgroundColor: lighten(theme.palette.secondary.light, 0.85),\r\n        }\r\n      : {\r\n          color: theme.palette.text.primary,\r\n          backgroundColor: theme.palette.secondary.dark,\r\n        },\r\n  title: {\r\n    flex: '1 1 100%',\r\n  },\r\n}));\r\n\r\ninterface EnhancedTableHeadProps {\r\n  canDelete: boolean;\r\n  numSelected: number;\r\n  onDelete(): void;\r\n  onSelectAllClick(ev: any): void;\r\n  rowCount: number;\r\n}\r\n\r\nexport const EnhancedTableHead = ({\r\n  onSelectAllClick,\r\n  numSelected,\r\n  rowCount,\r\n  canDelete = true,\r\n  onDelete = () => {},\r\n}: EnhancedTableHeadProps) => {\r\n  const classes = useToolbarStyles();\r\n\r\n  return (\r\n    <Toolbar\r\n      className={clsx(classes.root, {\r\n        [classes.highlight]: numSelected > 0,\r\n      })}\r\n    >\r\n      {canDelete && (\r\n        <Box padding=\"checkbox\" style={{ marginLeft: -4, marginRight: 7 }}>\r\n          <Checkbox\r\n            color=\"primary\"\r\n            indeterminate={numSelected > 0 && numSelected < rowCount}\r\n            checked={rowCount > 0 && numSelected === rowCount}\r\n            onChange={onSelectAllClick}\r\n            inputProps={{ 'aria-label': 'select all items' }}\r\n          />\r\n        </Box>\r\n      )}\r\n\r\n      {numSelected > 0 ? (\r\n        <Typography\r\n          className={classes.title}\r\n          color=\"inherit\"\r\n          variant=\"subtitle1\"\r\n          component=\"div\"\r\n        >\r\n          {numSelected} selected\r\n        </Typography>\r\n      ) : (\r\n        <Typography\r\n          className={classes.title}\r\n          color=\"inherit\"\r\n          variant=\"subtitle1\"\r\n          component=\"div\"\r\n        >\r\n          Messages\r\n        </Typography>\r\n      )}\r\n\r\n      {numSelected > 0 && (\r\n        <Tooltip title=\"Delete\">\r\n          <IconButton aria-label=\"delete\" onClick={onDelete}>\r\n            <DeleteIcon />\r\n          </IconButton>\r\n        </Tooltip>\r\n      )}\r\n    </Toolbar>\r\n  );\r\n};\r\n\r\nconst trimBreaker = (str: string): string => {\r\n  return String(str.split(MESSAGE_BREAKER)[0]);\r\n};\r\n\r\nfunction stableSort(array: any) {\r\n  const stabilizedThis = array.map((el: any, index: any) => [el, index]);\r\n\r\n  return stabilizedThis.map((el: any) => el[0]);\r\n}\r\n\r\ninterface MessageTableProps {\r\n  data: GetSentMessagesResponse | GetReceivedMessagesResponse;\r\n  onDelete(selected: Array<string>): void;\r\n  onMessageClick(id: string): void;\r\n  onPagination(page: number, rows: number): void;\r\n  selectedId: string;\r\n}\r\n\r\nexport const MessageList = ({\r\n  data,\r\n  onDelete,\r\n  onPagination,\r\n  onMessageClick,\r\n  selectedId,\r\n}: MessageTableProps) => {\r\n  const { mailbox = 'inbox' }: MessagePageParams = useParams();\r\n\r\n  const { actionOverrides } = useMessageContext();\r\n\r\n  const deletedMessages = useSelector(selectDeletedIds);\r\n\r\n  const [selected, setSelected] = useState<any[]>([]);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(getMessagesPerPage());\r\n\r\n  const [rows, setRows] = useState(data.messages);\r\n\r\n  const handleSelectAllClick = (ev: any) => {\r\n    if (ev.target.checked) {\r\n      // @ts-ignore\r\n      const newSelecteds = rows.map((n) => n.id);\r\n\r\n      setSelected(newSelecteds);\r\n      return;\r\n    }\r\n    setSelected([]);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (data.messages && data.messages.length > 0) {\r\n      // @ts-ignore\r\n      const filtered = data.messages.filter((item) => {\r\n        const isDeleted = deletedMessages.indexOf(item.id) > -1;\r\n\r\n        return !isDeleted;\r\n      });\r\n\r\n      setRows(filtered);\r\n    } else {\r\n      setRows(data.messages);\r\n    }\r\n  }, [data, deletedMessages]);\r\n\r\n  const [confirmMessageOpen, setConfirmMessageOpen] = useState(false);\r\n\r\n  const handleDelete = () => {\r\n    setConfirmMessageOpen(true);\r\n    // onConfirm();\r\n  };\r\n\r\n  const onConfirm = () => {\r\n    if (data.messages && data.messages.length > 0) {\r\n      // @ts-ignore\r\n      const filtered = data.messages.filter((item) => {\r\n        const isDeleted = deletedMessages.indexOf(item.id) > -1;\r\n        const isToBeDeleted = selected.indexOf(item.id) > -1;\r\n\r\n        return !isDeleted && !isToBeDeleted;\r\n      });\r\n\r\n      const messageIdToDisplay = filtered.length ? filtered[0].id : undefined;\r\n      onMessageClick(messageIdToDisplay);\r\n    }\r\n\r\n    onDelete(selected);\r\n    setConfirmMessageOpen(false);\r\n    setSelected([]);\r\n  };\r\n  const onCancel = () => {\r\n    setConfirmMessageOpen(false);\r\n  };\r\n\r\n  const handleClick = (ev: React.SyntheticEvent, name: any) => {\r\n    const selectedIndex = selected.indexOf(name);\r\n\r\n    let newSelected: any[] = [];\r\n\r\n    if (selectedIndex === -1) {\r\n      newSelected = newSelected.concat(selected, name);\r\n    } else if (selectedIndex === 0) {\r\n      newSelected = newSelected.concat(selected.slice(1));\r\n    } else if (selectedIndex === selected.length - 1) {\r\n      newSelected = newSelected.concat(selected.slice(0, -1));\r\n    } else if (selectedIndex > 0) {\r\n      newSelected = newSelected.concat(\r\n        selected.slice(0, selectedIndex),\r\n        selected.slice(selectedIndex + 1)\r\n      );\r\n    }\r\n    setSelected(newSelected);\r\n  };\r\n\r\n  const onPageChange = (items: number) => {\r\n    setRowsPerPage(items);\r\n    setPage(0);\r\n\r\n    onPagination(0, items);\r\n\r\n    setMessagesPerPage(items);\r\n  };\r\n\r\n  // @ts-ignore\r\n  const isSelected = (name: any) => selected.indexOf(name) !== -1;\r\n\r\n  return (\r\n    <Fragment>\r\n      <Confirmation\r\n        isOpen={confirmMessageOpen}\r\n        confirmText=\"Yes, Delete\"\r\n        onConfirm={onConfirm}\r\n        rejectText=\"No, cancel\"\r\n        onReject={onCancel}\r\n      >\r\n        <Typography paragraph>\r\n          Are you sure you want to permanently delete <b>{selected.length}</b>{' '}\r\n          messages\r\n        </Typography>\r\n      </Confirmation>\r\n      <Paper className=\"messages-list\">\r\n        <Box>\r\n          <EnhancedTableHead\r\n            onDelete={handleDelete}\r\n            canDelete={true}\r\n            numSelected={selected.length}\r\n            onSelectAllClick={handleSelectAllClick}\r\n            rowCount={rows.length}\r\n          />\r\n          <Box>\r\n            {stableSort(rows).map(\r\n              (row: SentMessage | ReceivedMessage, index: number) => {\r\n                const isItemSelected = isSelected(row.id);\r\n\r\n                if (\r\n                  mailbox === 'action-required' &&\r\n                  actionOverrides[row.id] === false\r\n                ) {\r\n                  return null;\r\n                }\r\n\r\n                const isDeleted = deletedMessages.indexOf(row.id) > -1;\r\n\r\n                const classes = clsx('message-item', {\r\n                  unread: isReceived(row) && row.status === 'New',\r\n                  deleted: isDeleted,\r\n                  selected: isItemSelected,\r\n                  highlight: selectedId === row.id,\r\n                });\r\n\r\n                return (\r\n                  <Fragment key={row.id}>\r\n                    <Collapse in={!isDeleted}>\r\n                      <Box\r\n                        onClick={(ev: React.SyntheticEvent) => {\r\n                          if (ev.target && !isDeleted) {\r\n                            //\r\n                            if ((ev.target as Element).nodeName === 'INPUT') {\r\n                              handleClick(ev, row.id);\r\n                            } else {\r\n                              onMessageClick(row.id);\r\n                            }\r\n                          }\r\n                        }}\r\n                        className={classes}\r\n                      >\r\n                        <Box\r\n                          className=\"message-item__actions\"\r\n                          padding={1}\r\n                          textAlign=\"center\"\r\n                        >\r\n                          <Checkbox color=\"primary\" checked={isItemSelected} />\r\n\r\n                          {isReceived(row) &&\r\n                          (row.actionRequired || actionOverrides[row.id]) &&\r\n                          mailbox === 'inbox' ? (\r\n                            <Box>\r\n                              <PriorityHighIcon\r\n                                className=\"priority\"\r\n                                fontSize=\"small\"\r\n                              />\r\n                            </Box>\r\n                          ) : null}\r\n\r\n                          {row.hasDocuments ? (\r\n                            <Box>\r\n                              <AttachFileIcon />\r\n                            </Box>\r\n                          ) : null}\r\n                        </Box>\r\n                        <Box className=\"message-item__detail\">\r\n                          <Box className=\"message-item__source\">\r\n                            <b>{row.source.name}</b>\r\n\r\n                            <span>\r\n                              {isReceived(row)\r\n                                ? getFormattedDate(row.received)\r\n                                : getFormattedDate(row!.sent)}\r\n                            </span>\r\n                          </Box>\r\n                          <Box paddingTop={1}>\r\n                            <Typography variant=\"caption\">\r\n                              {row.subject}\r\n                            </Typography>\r\n                            <Typography variant=\"caption\" display=\"block\">\r\n                              {trimBreaker(row.body).substr(0, 40)}\r\n                            </Typography>\r\n                          </Box>\r\n                        </Box>\r\n                      </Box>\r\n                      {index !== rows.length - 1 && <Divider />}\r\n                    </Collapse>\r\n                  </Fragment>\r\n                );\r\n              }\r\n            )}\r\n          </Box>\r\n        </Box>\r\n      </Paper>\r\n      <Paper className=\"messages-pagination\">\r\n        <Pagination\r\n          showSelector={false}\r\n          onPagination={onPagination}\r\n          onPageChange={onPageChange}\r\n          rowsPerPage={rowsPerPage}\r\n          startRowIndex={data.pagination.startRowIndex}\r\n          maximumRows={data.pagination.maximumRows}\r\n          minimumTotalRows={data.pagination.minimumTotalRows}\r\n          totalRows={data.pagination.totalRows}\r\n        />\r\n      </Paper>\r\n    </Fragment>\r\n  );\r\n};\r\n","import { PropsWithChildren, useEffect, useState } from 'react';\r\nimport { OktaAuth } from '@okta/okta-auth-js';\r\nimport { Security } from '@okta/okta-react';\r\nimport { userStatus } from 'api';\r\nimport { getOktaCredentials } from 'api/auth/oktaCredentials';\r\nimport { Splash } from '../components/splash';\r\n\r\nlet oktaAuth: OktaAuth;\r\n\r\nexport function OktaSecurity({ children }: PropsWithChildren<{}>) {\r\n  const [oktaLoaded, setOktaLoaded] = useState(false);\r\n\r\n  useEffect(() => {\r\n    async function setOktaAuth() {\r\n      if (!oktaAuth) {\r\n        await userStatus();\r\n        const { issuer, clientId } = await getOktaCredentials();\r\n        oktaAuth = new OktaAuth({\r\n          issuer,\r\n          clientId,\r\n          redirectUri: `${window.location.origin}${window.location.pathname}`,\r\n          postLogoutRedirectUri: `${window.location.origin}${window.location.pathname}`,\r\n          scopes: ['openid', 'profile', 'email', 'offline_access'],\r\n          pkce: true,\r\n          storageManager: {\r\n            token: {\r\n              storageType: 'sessionStorage',\r\n            }\r\n          },\r\n        });\r\n        setOktaLoaded(true);\r\n      }\r\n    }\r\n    setOktaAuth();\r\n  }, []);\r\n\r\n  if (!oktaLoaded || !oktaAuth) {\r\n    return <Splash />\r\n  }\r\n\r\n  return (\r\n    <Security\r\n      oktaAuth={oktaAuth}\r\n      restoreOriginalUri={() => window.location.replace('#/home')}\r\n    >\r\n      {children}\r\n    </Security>\r\n  );\r\n}\r\n","// TODO: comment\r\nimport { Box } from '@material-ui/core';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Modal from '@material-ui/core/Modal';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport { CloseIcon, KeyboardArrowUpIcon, MinimizeIcon } from 'icons';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport ResizeObserver from 'resize-observer-polyfill';\r\nimport { ThemeDark } from 'styles';\r\nimport './PopupApp.scss';\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   *\r\n   */\r\n  disableScreen?: boolean;\r\n  /**\r\n   *\r\n   */\r\n  maxHeight?: number;\r\n  /**\r\n   *\r\n   */\r\n  onClose?: any;\r\n  /**\r\n   *\r\n   */\r\n  onStateChange?(state: PopupState): void;\r\n  /**\r\n   *\r\n   */\r\n  showUIClose?: boolean;\r\n  /**\r\n   *\r\n   */\r\n  showUIMinimise?: boolean;\r\n  /**\r\n   *\r\n   */\r\n  state: PopupState;\r\n  /**\r\n   *\r\n   */\r\n  title: string;\r\n}\r\n\r\nexport type PopupState = 'open' | 'closed' | 'minimised';\r\n\r\nexport const PopupApp = ({\r\n  state,\r\n  title,\r\n  children,\r\n  showUIClose = true,\r\n  showUIMinimise = true,\r\n  onClose,\r\n  onStateChange,\r\n  disableScreen = false,\r\n  maxHeight = 500,\r\n}: //state,\r\nProps) => {\r\n  const [appState, setAppState] = useState<PopupState>(state);\r\n\r\n  /**\r\n   * handle closing of the modal\r\n   */\r\n  const handleClose = () => {\r\n    setAppState('closed');\r\n    //setOpen(false);\r\n\r\n    if (onClose) {\r\n      onClose();\r\n    }\r\n  };\r\n\r\n  const scrollbar = React.useRef(null);\r\n\r\n  const resizeObserver = React.useRef<ResizeObserver>(\r\n    new ResizeObserver((entries: ResizeObserverEntry[]) => {\r\n      // your code to handle the size change\r\n\r\n      if (scrollbar.current) {\r\n        // @ts-ignore\r\n        if (scrollbar.current.getScrollTop() === 0) {\r\n          // @ts-ignore\r\n          scrollbar.current.scrollTop(1);\r\n        }\r\n      }\r\n    })\r\n  );\r\n\r\n  const resizedContainerRef = React.useCallback(\r\n    (container: HTMLDivElement) => {\r\n      if (container !== null) {\r\n        resizeObserver.current.observe(container);\r\n      }\r\n      // When element is unmounted, ref callback is called with a null argument\r\n      // => best time to cleanup the observer\r\n      else {\r\n        if (resizeObserver.current) resizeObserver.current.disconnect();\r\n      }\r\n    },\r\n    [resizeObserver.current]\r\n  );\r\n\r\n  // watch for the modals state/props changing\r\n  useEffect(() => {\r\n    setAppState(state);\r\n  }, [state]);\r\n\r\n  useEffect(() => {\r\n    if (onStateChange) {\r\n      onStateChange(appState);\r\n    }\r\n  }, [appState]);\r\n\r\n  if (state === 'closed') {\r\n    // return null;\r\n  }\r\n\r\n  return (\r\n    <Modal\r\n      className={`popupapp popupapp--${appState}`}\r\n      open={state !== 'closed'}\r\n      onClose={handleClose}\r\n      disableEnforceFocus\r\n      closeAfterTransition\r\n      BackdropProps={{\r\n        timeout: 500,\r\n        invisible: !disableScreen,\r\n      }}\r\n      disableBackdropClick={false}\r\n      hideBackdrop={!disableScreen}\r\n      keepMounted={true}\r\n      disableScrollLock={!disableScreen}\r\n    >\r\n      <Slide\r\n        direction=\"up\"\r\n        in={state !== 'closed'}\r\n        onExited={() => {\r\n          onClose();\r\n        }}\r\n      >\r\n        <Paper elevation={3} className={`popupapp__inner ${appState}`}>\r\n          <ThemeDark>\r\n            <Paper className=\"popupapp__bar\">\r\n              <button\r\n                className=\"popupapp__title\"\r\n                onClick={() => {\r\n                  if (showUIMinimise) {\r\n                    const state =\r\n                      appState === 'minimised' ? 'open' : 'minimised';\r\n\r\n                    setAppState(state);\r\n                  }\r\n                }}\r\n              >\r\n                <span>{title}</span>\r\n                {showUIMinimise && (\r\n                  <Fragment>\r\n                    {appState === 'minimised' ? (\r\n                      <KeyboardArrowUpIcon fontSize=\"small\" />\r\n                    ) : (\r\n                      <MinimizeIcon fontSize=\"small\" />\r\n                    )}\r\n                  </Fragment>\r\n                )}\r\n              </button>\r\n\r\n              {showUIClose && (\r\n                <div className=\"popupapp__actions\">\r\n                  <IconButton size=\"small\" onClick={handleClose}>\r\n                    <CloseIcon fontSize=\"small\" />\r\n                  </IconButton>\r\n                </div>\r\n              )}\r\n            </Paper>\r\n          </ThemeDark>\r\n          <Paper className=\"popupapp__main\">\r\n            <Scrollbars\r\n              ref={scrollbar}\r\n              autoHeight\r\n              autoHeightMin={0}\r\n              autoHeightMax={maxHeight}\r\n              autoHide={false}\r\n              thumbMinSize={30}\r\n            >\r\n              <Box padding={4}>\r\n                <div ref={resizedContainerRef}>{children}</div>\r\n              </Box>\r\n            </Scrollbars>\r\n          </Paper>\r\n        </Paper>\r\n      </Slide>\r\n    </Modal>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box } from '@material-ui/core';\r\nimport { useSecurity } from 'authentication';\r\nimport { PopupApp } from 'components/popup-app';\r\nimport 'material-react-toastify/dist/ReactToastify.css';\r\nimport {\r\n  useMessageComposerDispatch,\r\n  useMessageComposerState,\r\n} from 'utils/message-context';\r\nimport { NewMessageForm } from '.';\r\nimport './MessagePopup.scss';\r\n\r\nexport const MessagePopup = () => {\r\n  const { state, props = {} } = useMessageComposerState();\r\n  const dispatch = useMessageComposerDispatch();\r\n\r\n  const { authState } = useSecurity();\r\n\r\n  if (!authState.isAuthenticated || state === 'closed') {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <PopupApp\r\n      state={state}\r\n      showUIMinimise\r\n      title={'New message'}\r\n      onClose={() => {\r\n        // @ts-ignore\r\n        dispatch({ type: 'closed' });\r\n      }}\r\n      onStateChange={(state) => {\r\n        // @ts-ignore\r\n        dispatch({ type: state, props });\r\n      }}\r\n    >\r\n      <Box maxWidth={500} marginBottom={2}>\r\n        <NewMessageForm {...props} />\r\n      </Box>\r\n    </PopupApp>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  STATUS_ERROR,\r\n  STATUS_SENDING,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { isIE } from '@abrdn/utils';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { Box, Button, Grid, Typography } from '@material-ui/core';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { createMessage, uploadDocuments } from 'api';\r\nimport { DocumentUploadRestrictionsResponse } from 'api/types';\r\nimport { useSecurity } from 'authentication';\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { FileSelector, ValidationProvider } from 'components/file-selector';\r\nimport { Form, Select, Textarea } from 'components/form';\r\nimport { SendIcon } from 'icons';\r\nimport { toast } from 'material-react-toastify';\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport { FormProvider, useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport {\r\n  getDocumentRestrictions,\r\n  selectDocumentRestrictions,\r\n} from 'redux/reducers/documents';\r\nimport {\r\n  getMessageSubjects,\r\n  selectMessageSubjects,\r\n} from 'redux/reducers/messages';\r\nimport { delayFire } from 'utils';\r\nimport * as validation from 'validation';\r\nimport * as yup from 'yup';\r\n\r\ninterface Props {\r\n  subjectDisplayText?: string;\r\n}\r\n\r\nexport const NewMessageForm = ({ subjectDisplayText = '' }: Props) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const { authState } = useSecurity();\r\n  const router = useRouter();\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n  const subjects = useSelector(selectMessageSubjects);\r\n  const [redirect, setRedirect] = useState('');\r\n\r\n  const restrictions: DocumentUploadRestrictionsResponse = useSelector(\r\n    selectDocumentRestrictions\r\n  );\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        // TODO: change this maybe\r\n        if (subjects.length === 0) {\r\n          dispatch(getMessageSubjects());\r\n        }\r\n        // TODO: maybe change this\r\n        if (restrictions.fileSizeLimitBytes === 0) {\r\n          dispatch(getDocumentRestrictions());\r\n        }\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  const schema = yup.object().shape({\r\n    subject: yup.string().required('Subject is a required field'),\r\n    message: yup\r\n      .mixed()\r\n      .required('Message is a required field')\r\n      .test('notblank', 'Message is a required field', (value) => {\r\n        return String(value) !== '';\r\n      })\r\n      .test('html', 'Please enter valid characters only', validation.noHTML),\r\n    files: yup.array().of(\r\n      yup.object().shape({\r\n        description: yup\r\n          .mixed()\r\n          .required('Document description is required')\r\n          .test('notblank', 'Document description is required', (value) => {\r\n            return String(value) !== '';\r\n          })\r\n          .test(\r\n            'validCharacters',\r\n            'Please enter valid characters only',\r\n            validation.validCharacters\r\n          ),\r\n        file: yup\r\n          .mixed()\r\n          .required('A file is required')\r\n          .test('fileRequired', 'Please select a file', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return true;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileSize', 'The file is too large', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return value[0].size < restrictions.fileSizeLimitBytes;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileSizeSmall', `The file has not contents`, (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return value[0].size > 0;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileMIMEType', `Invalid file format`, (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return restrictions.allowedMimeTypes.includes(value[0].type);\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileExtension', `Unsupported file extension`, (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              const extension = value[0].name.match(/.([0-9a-z]+)$/i);\r\n\r\n              return restrictions.allowedFileExtensions.includes(\r\n                extension[1].toLowerCase()\r\n              );\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          }),\r\n      })\r\n    ),\r\n  });\r\n\r\n  const [data, setData] = useState({\r\n    subject: '',\r\n    message: '',\r\n    files: [],\r\n  });\r\n\r\n  const methods = useForm({\r\n    defaultValues: {\r\n      subject: data.subject,\r\n      message: data.message,\r\n      files: [],\r\n    },\r\n    mode: 'all',\r\n    resolver: yupResolver(schema),\r\n  });\r\n\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    errors,\r\n    control,\r\n    reset,\r\n    getValues,\r\n    setValue,\r\n  } = methods;\r\n\r\n  useEffect(() => {\r\n    if (subjects && subjects.length && subjectDisplayText) {\r\n      const filtered = subjects.filter(\r\n        (item: any) => item.displayText === subjectDisplayText\r\n      );\r\n\r\n      if (filtered.length === 1) {\r\n        // TODO: check that the field gets populated\r\n        setData({ ...data, ...{ subject: filtered[0].id } });\r\n\r\n        setValue('subject', filtered[0].id);\r\n      }\r\n    }\r\n\r\n    // subjectDisplayText\r\n  }, [subjects]);\r\n\r\n  const onSubmit = async (data: any) => {\r\n    setData(data);\r\n\r\n    setFormStatus(STATUS_SENDING);\r\n\r\n    try {\r\n      const fileIds = await uploadDocuments(data.files);\r\n\r\n      createMessage(data.subject, data.message, fileIds)\r\n        .then((json: any) => {\r\n          toast.success(t('common:forms.new-message.messages.toast-success'));\r\n\r\n          setFormStatus(STATUS_SENT);\r\n\r\n          // TODO: possibly clear the form message after x seconds\r\n          reset();\r\n\r\n          // if popup, minimise, and hide status messages\r\n        })\r\n        .catch(function () {\r\n          setFormStatus(STATUS_ERROR);\r\n        });\r\n    } catch (e) {\r\n      setFormStatus(STATUS_ERROR);\r\n    }\r\n  };\r\n\r\n  const isPhysicalPage = (): boolean => {\r\n    return router.pathname.indexOf('/new') > -1;\r\n  };\r\n\r\n  const goBack = () => {\r\n    if (isPhysicalPage()) {\r\n      if (router.history.length) {\r\n        router.history.goBack();\r\n      } else {\r\n        setRedirect('../');\r\n      }\r\n    }\r\n  };\r\n\r\n  const [confirmMessageOpen, setConfirmMessageOpen] = useState(false);\r\n  const onConfirm = () => {\r\n    goBack();\r\n  };\r\n  const onReject = () => {\r\n    setConfirmMessageOpen(false);\r\n  };\r\n\r\n  if (redirect) {\r\n    return <Redirect to={redirect} />;\r\n  }\r\n\r\n  const isFormFilled = (): boolean => {\r\n    const values = getValues();\r\n\r\n    return !(\r\n      values.message === '' &&\r\n      values.subject === '' &&\r\n      values.files !== null\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Confirmation\r\n        isOpen={confirmMessageOpen}\r\n        confirmText=\"Yes, cancel\"\r\n        onConfirm={onConfirm}\r\n        rejectText=\"No, continue\"\r\n        onReject={onReject}\r\n      >\r\n        <Typography paragraph>\r\n          {t('common:forms.new-message.messages.cancel')}\r\n        </Typography>\r\n      </Confirmation>\r\n\r\n      {formStatus === STATUS_SENT && (\r\n        <Alert severity=\"success\">\r\n          {t('common:forms.new-message.messages.success')}\r\n        </Alert>\r\n      )}\r\n\r\n      <ValidationProvider schema={schema}>\r\n        <FormProvider {...methods}>\r\n          <Form onSubmit={handleSubmit(onSubmit)}>\r\n            {formStatus === STATUS_ERROR && (\r\n              <Alert severity=\"error\">\r\n                {t('common:forms.new-message.messages.error')}\r\n              </Alert>\r\n            )}\r\n            <Select\r\n              ref={register}\r\n              control={control}\r\n              // @ts-ignore\r\n              id=\"subject\"\r\n              label=\"Subject\"\r\n              name=\"subject\"\r\n              options={subjects.map((item: any, index: number) => {\r\n                return { displayText: item.displayText, value: item.id };\r\n              })}\r\n              error={!!errors.subject}\r\n              helperText={errors?.subject?.message}\r\n            />\r\n\r\n            <Textarea\r\n              ref={register}\r\n              id=\"message\"\r\n              type=\"text\"\r\n              label=\"Message\"\r\n              name=\"message\"\r\n              variant={isIE() ? 'filled' : 'outlined'}\r\n              error={!!errors.message}\r\n              helperText={errors?.message?.message}\r\n            />\r\n            <FileSelector />\r\n            <Grid container spacing={3} alignItems=\"stretch\">\r\n              {isPhysicalPage() && (\r\n                <Grid item xs={12} sm={6}>\r\n                  <Box>\r\n                    <Button\r\n                      size=\"large\"\r\n                      variant=\"outlined\"\r\n                      disabled={formStatus === STATUS_SENDING}\r\n                      onClick={() => {\r\n                        if (isFormFilled()) {\r\n                          setConfirmMessageOpen(true);\r\n                        } else {\r\n                          goBack();\r\n                        }\r\n                      }}\r\n                    >\r\n                      Cancel\r\n                    </Button>\r\n                  </Box>\r\n                </Grid>\r\n              )}\r\n              <Grid item xs={12} sm={isPhysicalPage() ? 6 : 12}>\r\n                <Box textAlign=\"right\">\r\n                  <Button\r\n                    size=\"large\"\r\n                    variant=\"contained\"\r\n                    disabled={formStatus === STATUS_SENDING}\r\n                    type=\"submit\"\r\n                    color=\"primary\"\r\n                    endIcon={<SendIcon />}\r\n                  >\r\n                    Send Message\r\n                  </Button>\r\n                </Box>\r\n              </Grid>\r\n            </Grid>\r\n          </Form>\r\n        </FormProvider>\r\n      </ValidationProvider>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\n\r\nimport * as validation from 'validation';\r\nimport * as yup from 'yup';\r\n\r\nimport { Box, Button, Grid, Typography } from '@material-ui/core';\r\nimport {\r\n  DocumentUploadRestrictionsResponse,\r\n  ReceivedMessage,\r\n  SentMessage,\r\n} from 'api/types';\r\nimport { FileSelector, ValidationProvider } from 'components/file-selector';\r\nimport { Form, Textarea } from 'components/form';\r\nimport { FormProvider, useForm } from 'react-hook-form';\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport {\r\n  MESSAGE_BREAKER,\r\n  STATUS_ERROR,\r\n  STATUS_SENDING,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport { createReply, uploadDocuments } from 'api';\r\nimport { delayFire, getLocalisedDate } from 'utils';\r\nimport {\r\n  getDocumentRestrictions,\r\n  selectDocumentRestrictions,\r\n} from 'redux/reducers/documents';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { SendIcon } from 'icons';\r\nimport { toast } from 'material-react-toastify';\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { useSecurity } from 'authentication';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface ReplyFormProps {\r\n  message: ReceivedMessage | SentMessage;\r\n  messageId: string;\r\n  showForm?: boolean;\r\n}\r\n\r\nexport const ReplyForm = ({\r\n  messageId,\r\n  showForm = false,\r\n  message,\r\n}: ReplyFormProps) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const [redirect, setRedirect] = useState('');\r\n  const router = useRouter();\r\n\r\n  const restrictions: DocumentUploadRestrictionsResponse = useSelector(\r\n    selectDocumentRestrictions\r\n  );\r\n\r\n  const dispatch = useDispatch();\r\n  const { authState } = useSecurity();\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        if (restrictions.fileSizeLimitBytes === 0) {\r\n          dispatch(getDocumentRestrictions());\r\n        }\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  const [confirmMessageOpen, setConfirmMessageOpen] = useState(false);\r\n  const onConfirm = () => {\r\n    setConfirmMessageOpen(false);\r\n    handleCancel();\r\n  };\r\n  const onReject = () => {\r\n    setConfirmMessageOpen(false);\r\n  };\r\n\r\n  const messageBody = message.body;\r\n\r\n  const [showReply, setShowReply] = useState(showForm);\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n\r\n  const clickReply = () => {\r\n    setShowReply(true);\r\n  };\r\n\r\n  const schema = yup.object().shape({\r\n    message: yup\r\n      .mixed()\r\n      .required('Message is a required field')\r\n      .test('notblank', 'Message is a required field', (value) => {\r\n        return String(value) !== '';\r\n      })\r\n      .test('html', 'Please enter valid characters only', validation.noHTML),\r\n\r\n    files: yup.array().of(\r\n      yup.object().shape({\r\n        description: yup\r\n          .mixed()\r\n          .required('Document description is required')\r\n          .test('notblank', 'Document description is required', (value) => {\r\n            return String(value) !== '';\r\n          })\r\n          .test(\r\n            'validCharacters',\r\n            'Please enter valid characters only',\r\n            validation.validCharacters\r\n          ),\r\n        file: yup\r\n          .mixed()\r\n          .required('A file is required')\r\n          .test('fileRequired', 'Please select a file', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return true;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileSize', 'The file is too large', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return value[0].size < restrictions.fileSizeLimitBytes;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileSizeSmall', 'The file has not contents', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return value[0].size > 0;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileMIMEType', 'Invalid file format', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return restrictions.allowedMimeTypes.includes(value[0].type);\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileExtension', 'Unsupported file extension', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              const extension = value[0].name.match(/.([0-9a-z]+)$/i);\r\n\r\n              return restrictions.allowedFileExtensions.includes(\r\n                extension[1].toLowerCase()\r\n              );\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          }),\r\n      })\r\n    ),\r\n  });\r\n\r\n  const [data, setData] = useState({\r\n    message: '',\r\n    files: [],\r\n  });\r\n\r\n  const methods = useForm({\r\n    defaultValues: {\r\n      message: data.message,\r\n      files: [],\r\n    },\r\n    mode: 'onChange',\r\n    resolver: yupResolver(schema),\r\n  });\r\n\r\n  const { register, handleSubmit, errors, reset, getValues } = methods;\r\n\r\n  const handleCancel = () => {\r\n    reset();\r\n  };\r\n\r\n  const isFormFilled = (): boolean => {\r\n    const values = getValues();\r\n\r\n    return !(values.message === '' && values.files !== null);\r\n  };\r\n\r\n  const onSubmit = async (data: any) => {\r\n    setFormStatus(STATUS_SENDING);\r\n\r\n    setData(data);\r\n\r\n    const sentDate = getLocalisedDate().format('DD/MM/YYYY HH:mm:ss');\r\n\r\n    const body = `\\n\r\n${data.message}\r\n${MESSAGE_BREAKER}\r\nFrom: ${message.source.name}\r\nSent: ${sentDate}\r\n\r\n${messageBody}\r\n${MESSAGE_BREAKER}\r\n`;\r\n\r\n    try {\r\n      const documentIds = await uploadDocuments(data.files);\r\n\r\n      createReply(messageId, message.subject, body, documentIds)\r\n        .then((res) => {\r\n          toast.success(t('common:forms.reply.messages.toast-success'));\r\n\r\n          // TODO: possibly clear the form message after x seconds\r\n          reset();\r\n          setFormStatus(STATUS_SENT);\r\n        })\r\n        .catch(function () {\r\n          setFormStatus(STATUS_ERROR);\r\n        });\r\n    } catch (e) {\r\n      setFormStatus(STATUS_ERROR);\r\n    }\r\n  };\r\n\r\n  if (redirect) {\r\n    return <Redirect to={redirect} />;\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Confirmation\r\n        isOpen={confirmMessageOpen}\r\n        confirmText=\"Yes, cancel\"\r\n        onConfirm={onConfirm}\r\n        rejectText=\"No, continue\"\r\n        onReject={onReject}\r\n      >\r\n        <Typography paragraph>\r\n          {t('common:forms.reply.messages.cancel')}\r\n        </Typography>\r\n      </Confirmation>\r\n\r\n      <div>\r\n        {formStatus === STATUS_SENT && (\r\n          <Alert severity=\"success\">\r\n            {t('common:forms.reply.messages.success')}\r\n          </Alert>\r\n        )}\r\n\r\n        {formStatus !== STATUS_SENT && (\r\n          <Fragment>\r\n            {showReply ? (\r\n              <ValidationProvider schema={schema}>\r\n                <FormProvider {...methods}>\r\n                  <Form onSubmit={handleSubmit(onSubmit)}>\r\n                    {formStatus === STATUS_ERROR && (\r\n                      <Alert severity=\"error\">\r\n                        {t('common:forms.reply.messages.error')}\r\n                      </Alert>\r\n                    )}\r\n\r\n                    <Textarea\r\n                      ref={register}\r\n                      id=\"message\"\r\n                      type=\"text\"\r\n                      label=\"Reply\"\r\n                      name=\"message\"\r\n                      error={!!errors.message}\r\n                      helperText={errors?.message?.message}\r\n                    />\r\n\r\n                    <FileSelector />\r\n\r\n                    <Grid container spacing={3} alignItems=\"stretch\">\r\n                      <Grid item xs>\r\n                        <Box>\r\n                          <Button\r\n                            size=\"large\"\r\n                            variant=\"outlined\"\r\n                            disabled={formStatus === STATUS_SENDING}\r\n                            onClick={() => {\r\n                              if (isFormFilled()) {\r\n                                setConfirmMessageOpen(true);\r\n                              } else {\r\n                                handleCancel();\r\n                              }\r\n                            }}\r\n                          >\r\n                            Cancel\r\n                          </Button>\r\n                        </Box>\r\n                      </Grid>\r\n                      <Grid item xs>\r\n                        <Box textAlign=\"right\">\r\n                          <Button\r\n                            size=\"large\"\r\n                            disabled={formStatus === STATUS_SENDING}\r\n                            variant=\"contained\"\r\n                            type=\"submit\"\r\n                            color=\"primary\"\r\n                            endIcon={<SendIcon />}\r\n                          >\r\n                            Reply\r\n                          </Button>\r\n                        </Box>\r\n                      </Grid>\r\n                    </Grid>\r\n                  </Form>\r\n                </FormProvider>\r\n              </ValidationProvider>\r\n            ) : (\r\n              <Box textAlign=\"right\">\r\n                <Button\r\n                  size=\"large\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  onClick={clickReply}\r\n                >\r\n                  Reply\r\n                </Button>\r\n              </Box>\r\n            )}\r\n          </Fragment>\r\n        )}\r\n      </div>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  LIST_REFRESH_INTERVAL,\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { Paper, Typography } from '@material-ui/core';\r\nimport Button from '@material-ui/core/Button';\r\nimport { getMessagesPerPage, SERVER_ACTION_DELAY } from 'api/constants';\r\nimport {\r\n  GetReceivedMessagesResponse,\r\n  GetSentMessagesResponse,\r\n} from 'api/types';\r\nimport { useSecurity } from 'authentication';\r\nimport { DataError, Loading, NoData } from 'components/no-data';\r\nimport { Progress } from 'components/ui';\r\nimport { RefreshIcon } from 'icons';\r\nimport { toast } from 'material-react-toastify';\r\nimport React, { Fragment, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { addDeletedMessageId, getUnreadCount, selectDeletedIds } from 'redux/reducers/messages';\r\nimport { delayFire } from 'utils';\r\nimport { MessageList } from '.';\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  autoSelectMessage: boolean;\r\n  /**\r\n   *\r\n   */\r\n  doDelete: any;\r\n  /**\r\n   *\r\n   */\r\n  messageSelector: any;\r\n  /**\r\n   *\r\n   */\r\n  messageStatus: any;\r\n  /**\r\n   *\r\n   */\r\n  onMessageClick(id: string): void;\r\n  /**\r\n   *\r\n   */\r\n  onUpdate?(): void;\r\n  /**\r\n   *\r\n   */\r\n  refreshMessages: any;\r\n  /**\r\n   *\r\n   */\r\n  refreshUnread: boolean;\r\n  /**\r\n   *\r\n   */\r\n  refreshingMessage: string;\r\n  /**\r\n   *\r\n   */\r\n  selectedId: string;\r\n\r\n  setShape: any;\r\n  shape: ListingState;\r\n}\r\n\r\nexport interface ListingState {\r\n  page: number;\r\n  rows: number;\r\n}\r\n\r\nexport const ViewListing = ({\r\n  messageSelector,\r\n  messageStatus,\r\n  doDelete,\r\n  refreshUnread,\r\n  refreshMessages,\r\n  refreshingMessage,\r\n  onMessageClick,\r\n  selectedId,\r\n  autoSelectMessage,\r\n  onUpdate,\r\n  shape,\r\n  setShape,\r\n}: Props) => {\r\n  // messages state\r\n  const messages: GetReceivedMessagesResponse | GetSentMessagesResponse =\r\n    useSelector(messageSelector);\r\n  // loading state\r\n  const loadingState = useSelector(messageStatus);\r\n\r\n  // deleted messages\r\n  const deletedMessages = useSelector(selectDeletedIds);\r\n\r\n  // dispatch\r\n  const dispatch = useDispatch();\r\n  const { authState } = useSecurity();\r\n\r\n  /**\r\n   * Batch delete handling\r\n   * @param selected\r\n   */\r\n  const handleDelete = async (selected: Array<string>) => {\r\n    // loop, and store the deleted ids - this will be used to help filter the table listing\r\n    for (let counter: number = 0; counter < selected.length; counter++) {\r\n      dispatch(addDeletedMessageId(selected[counter]));\r\n    }\r\n\r\n    // delere all the messages\r\n    await doDelete(selected);\r\n\r\n    // wait a few seconds, before trying to refresh the view\r\n    setTimeout(() => {\r\n      if (refreshUnread) {\r\n        // refresh the unread counter\r\n        dispatch(getUnreadCount());\r\n      }\r\n      // refresh the current list\r\n      refreshView();\r\n    }, SERVER_ACTION_DELAY * 3);\r\n  };\r\n\r\n  /**\r\n   * Handle pagination\r\n   * @param page\r\n   * @param rows\r\n   */\r\n  const onPagination = (page: number, rows: number): void => {\r\n    setShape({ page, rows });\r\n\r\n    // refresh the list\r\n    dispatch(refreshMessages({ start: page * rows, max: rows }));\r\n  };\r\n\r\n  /**\r\n   * Refresh the list\r\n   * @param isRefresh\r\n   */\r\n  const refreshView = (isRefresh: boolean = true) => {\r\n    // cancel any interval\r\n    if (window.refreshInterval) {\r\n      clearInterval(window.refreshInterval);\r\n    }\r\n\r\n    // reload the message list\r\n    dispatch(\r\n      refreshMessages({\r\n        start: shape.page * shape.rows,\r\n        max: getMessagesPerPage(),\r\n      })\r\n    );\r\n\r\n    // set up a refresh interval to check for new messages\r\n    if (LIST_REFRESH_INTERVAL) {\r\n      window.refreshInterval = setInterval(refreshView, LIST_REFRESH_INTERVAL);\r\n    }\r\n\r\n    // it this is a refresh call, and the document tab is focused, show a toast\r\n    // doing this will help prevent multiple toasts in some browsers\r\n    if (isRefresh && !document.hidden) {\r\n      toast.dark(<Progress label={refreshingMessage} />, {\r\n        closeButton: false,\r\n        autoClose: 4000,\r\n      });\r\n    }\r\n  };\r\n\r\n  // when the view initially loads, request the messages\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        refreshView(false);\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      messages &&\r\n      messages.messages.length > 0 &&\r\n      !selectedId &&\r\n      autoSelectMessage\r\n    ) {\r\n      // @ts-ignore\r\n      const firstNotDeletedMessage = messages.messages.find(m => !deletedMessages.includes(m.id));\r\n      if (firstNotDeletedMessage?.id) {\r\n        onMessageClick(firstNotDeletedMessage.id);\r\n      }\r\n    }\r\n\r\n    if (onUpdate) {\r\n      onUpdate();\r\n    }\r\n  }, [messages]);\r\n\r\n  // when the view initially loads, request the messages\r\n  useEffect(() => {\r\n    // when the view is unloaded, perform a clean up\r\n    return () => {\r\n      if (window.refreshInterval) {\r\n        clearInterval(window.refreshInterval);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // @ts-ignore\r\n  const notDeletedMessages = messages?.messages.filter(msg => !deletedMessages.includes(msg.id)) ?? [];\r\n  const hasAnyMessages = notDeletedMessages.length > 0;\r\n\r\n  return (\r\n    <Fragment>\r\n      {hasAnyMessages ? (\r\n        <MessageList\r\n          selectedId={selectedId}\r\n          onDelete={handleDelete}\r\n          data={messages}\r\n          onPagination={onPagination}\r\n          onMessageClick={onMessageClick}\r\n        />\r\n      ) : (\r\n        <Paper>\r\n          {loadingState === STATUS_FAILED && (\r\n            <DataError>\r\n              <Typography paragraph>\r\n                Something went wrong. Please try again.\r\n              </Typography>\r\n              <Button\r\n                variant=\"contained\"\r\n                onClick={() => {\r\n                  refreshView();\r\n                }}\r\n                endIcon={<RefreshIcon />}\r\n              >\r\n                Refresh\r\n              </Button>\r\n            </DataError>\r\n          )}\r\n          {loadingState === STATUS_LOADING && <Loading />}\r\n          {loadingState === STATUS_SUCCESS && (\r\n            <NoData>\r\n              <Typography paragraph>No messages to view</Typography>\r\n            </NoData>\r\n          )}\r\n        </Paper>\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { useDidMountEffect } from '@abrdn-latest/use';\r\nimport {\r\n  getCountryValue,\r\n  getFilters,\r\n  getFundList,\r\n  getInvestorTypeValue,\r\n} from 'api';\r\nimport { AllFilters, FundlistingProps } from 'api/types';\r\nimport { useSecurity } from 'authentication';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { getUserDetails, selectUserDetails } from 'redux/reducers/account';\r\nimport { SearchFilters } from '../components';\r\nimport { PortfolioHoldingsProvider } from './';\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport const PortfolioHoldings = ({ children }: Props) => {\r\n  const { authState } = useSecurity();\r\n\r\n  // store the state of the filters applied by the user\r\n  const [state, setState] = useState<SearchFilters>({\r\n    country: '',\r\n    countryDisplay: '',\r\n    investorType: '',\r\n    investorTypeDisplay: '',\r\n    search: '',\r\n    assetFundClass: [],\r\n    fundRange: [],\r\n    productType: [],\r\n  });\r\n\r\n  // filters that the user can apply\r\n  const [status, setStatus] = useState<string>('');\r\n\r\n  // filters that the user can apply\r\n  const [filters, setFilters] = useState<AllFilters | null>(null);\r\n\r\n  //\r\n  const dispatch = useDispatch();\r\n  const details = useSelector(selectUserDetails);\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      const countryDisplay = await getCountryValue(details.country);\r\n      const investorTypeDisplay = await getInvestorTypeValue(\r\n        details.investorType\r\n      );\r\n\r\n      setState({\r\n        ...state,\r\n        ...{\r\n          country: details.country,\r\n          countryDisplay,\r\n          investorType: details.investorType,\r\n          investorTypeDisplay,\r\n        },\r\n      });\r\n    };\r\n\r\n    load();\r\n  }, [details]);\r\n\r\n  /**\r\n   *\r\n   * @param country\r\n   */\r\n  const setCountry = async (country: string) => {\r\n    const countryDisplay = await getCountryValue(country);\r\n\r\n    setState({ ...state, ...{ country, countryDisplay } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param investorType\r\n   */\r\n  const setInvestorType = async (investorType: string) => {\r\n    const investorTypeDisplay = await getInvestorTypeValue(investorType);\r\n\r\n    setState({ ...state, ...{ investorType, investorTypeDisplay } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param country\r\n   * @param investorType\r\n   */\r\n  const setViewAs = async (country: string, investorType: string) => {\r\n    const countryDisplay = await getCountryValue(country);\r\n    const investorTypeDisplay = await getInvestorTypeValue(investorType);\r\n\r\n    setState({\r\n      ...state,\r\n      ...{ country, investorType, countryDisplay, investorTypeDisplay },\r\n    });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param search\r\n   */\r\n  const setSearch = (search: string) => {\r\n    setState({ ...state, ...{ search } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param assetFundClass\r\n   */\r\n  const setAssetFunds = (assetFundClass: string[]) => {\r\n    setState({ ...state, ...{ assetFundClass } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param fundRange\r\n   */\r\n  const setFundRanges = (fundRange: string[]) => {\r\n    setState({ ...state, ...{ fundRange } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param productType\r\n   */\r\n  const setProductTypes = (productType: string[]) => {\r\n    setState({ ...state, ...{ productType } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   */\r\n  const clearFilters = () => {\r\n    setState({\r\n      ...state,\r\n      ...{ productType: [], assetFundClass: [], fundRange: [] },\r\n    });\r\n  };\r\n\r\n  // when the component changes, load he user details so we can get the unvestor type and country\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      dispatch(getUserDetails());\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  // when the state changes we need to save the cookie of the current state.\r\n  useDidMountEffect(() => {\r\n    const load = async () => {\r\n      if (\r\n        authState.isAuthenticated &&\r\n        state.country &&\r\n        state.investorType &&\r\n        status !== STATUS_LOADING\r\n      ) {\r\n        if (status !== STATUS_LOADING) {\r\n          setStatus(STATUS_LOADING);\r\n        }\r\n\r\n        try {\r\n          //\r\n          await loadFilters();\r\n\r\n          const funds = await getFundList(\r\n            undefined,\r\n            state.search || undefined,\r\n            state.fundRange,\r\n            state.productType,\r\n            state.assetFundClass,\r\n            state.investorType,\r\n            state.country\r\n          );\r\n\r\n          // if the funds was loaded successfully, make them available\r\n          if (funds) {\r\n            setFunds(funds);\r\n          }\r\n\r\n          setStatus(STATUS_SUCCESS);\r\n        } catch (e) {\r\n          setStatus(STATUS_FAILED);\r\n        }\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [state, authState.isAuthenticated]);\r\n\r\n  /**\r\n   *\r\n   * @returns\r\n   */\r\n  const loadFilters = async (): Promise<boolean> => {\r\n    try {\r\n      // get the filters\r\n      const filters = await getFilters(state.investorType, state.country);\r\n\r\n      // if the request was successful\r\n      if (filters) {\r\n        setFilters(filters);\r\n      }\r\n    } catch (e) {\r\n      //\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const [funds, setFunds] = useState<FundlistingProps | null>(null);\r\n\r\n  const value = {\r\n    status,\r\n    state,\r\n    funds,\r\n    filters,\r\n    setViewAs,\r\n    setCountry,\r\n    setInvestorType,\r\n    setSearch,\r\n    setAssetFunds,\r\n    setFundRanges,\r\n    setProductTypes,\r\n    clearFilters,\r\n  };\r\n\r\n  // wrapping component\r\n  return (\r\n    <PortfolioHoldingsProvider value={value}>\r\n      {children}\r\n    </PortfolioHoldingsProvider>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { AllFilters, FundlistingProps } from 'api/types';\r\nimport { createContext, useContext } from 'react';\r\nimport { SearchFilters } from '../components';\r\n\r\ninterface Context {\r\n  //allFunds: FundlistingProps | null;\r\n  clearFilters(): void;\r\n  filters: AllFilters | null;\r\n  funds: FundlistingProps | null;\r\n  //loadFilters(): void;\r\n  setAssetFunds(assetFundClass: string[]): void;\r\n  setCountry(country: string): void;\r\n  setFundRanges(fundRange: string[]): void;\r\n  setInvestorType(investorType: string): void;\r\n  setProductTypes(productType: string[]): void;\r\n  setSearch(search: string): void;\r\n  setViewAs(country: string, investorType: string): void;\r\n  //startup(): void;\r\n  state: SearchFilters;\r\n  status: string;\r\n}\r\n\r\nconst PortfolioHoldingsContext = createContext<Context>({\r\n  status: '',\r\n  state: {\r\n    country: '',\r\n    countryDisplay: '',\r\n    investorType: '',\r\n    investorTypeDisplay: '',\r\n    search: '',\r\n    assetFundClass: [],\r\n    fundRange: [],\r\n    productType: [],\r\n  },\r\n  //allFunds: null,\r\n  funds: null,\r\n  filters: null,\r\n  // loadFilters: async () => {\r\n  //   return null;\r\n  // },\r\n  // startup: async () => {\r\n  //   return null;\r\n  // },\r\n  setViewAs: (country: string, investorType: string): void => {},\r\n  setCountry: (country: string): void => {},\r\n  setInvestorType: (investorType: string): void => {},\r\n  setSearch: (search: string): void => {},\r\n  setAssetFunds: (assetFundClass: string[]): void => {},\r\n  setFundRanges: (fundRange: string[]): void => {},\r\n  setProductTypes: (productType: string[]): void => {},\r\n  clearFilters: (): void => {},\r\n});\r\n\r\nexport const usePortfolioHoldings = (): Context =>\r\n  useContext(PortfolioHoldingsContext);\r\n\r\nexport const PortfolioHoldingsProvider = PortfolioHoldingsContext.Provider;\r\n","export enum FundTypes {\r\n  SICAV = 'SICAV',\r\n  Segregated = 'Segregated',\r\n}\r\n","// TODO: comment\r\n\r\nimport { States } from '@abrdn-latest/config';\r\nimport { SearchInput, Stack } from '@abrdn-latest/core';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Collapse,\r\n  Container,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { Alert, AlertTitle } from '@material-ui/lab';\r\nimport { DocumentOnlyClientDetail, getSavedFundList, UserClientDetail } from 'api';\r\nimport { Valuation } from 'api/client-holdings/types';\r\nimport { Fund } from 'api/portfolio-holdings/types';\r\nimport { useSecurity } from 'authentication';\r\nimport { Anchor } from 'components/core';\r\nimport { Loading } from 'components/no-data';\r\nimport {\r\n  ArrowLeftIcon,\r\n  ArrowRightIcon,\r\n  DarkDocumentOnlyClientIcon,\r\n  GridOnIcon,\r\n  StarIcon,\r\n  TableChartIcon,\r\n} from 'icons';\r\nimport { Banner } from 'pages/home';\r\nimport { usePortfolioHoldings } from 'pages/portfolio-holdings/data';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Link, Link as RouterLink } from 'react-router-dom';\r\nimport { ThemeDark, ThemeDefault } from 'styles';\r\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport {\r\n  escapeStringForRegEx,\r\n  formatNumber,\r\n  getLocalStorageItem,\r\n  getSessionStorageItem,\r\n  setLocalStorageItem,\r\n  setSessionStorageItem,\r\n} from 'utils';\r\nimport {\r\n  useMessageComposerDispatch,\r\n  useMessageComposerState,\r\n} from 'utils/message-context';\r\nimport { DocumentOnlyTile, FavouriteFundTile, Quick, Tile } from './';\r\nimport { useClientHoldings } from '../data';\r\n\r\n// install Swiper modules\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nenum View {\r\n  Tabular = 'tabular',\r\n  Tile = 'tile',\r\n}\r\n\r\ninterface AddAdditionalHoldingsProps {\r\n  isTile?: boolean;\r\n}\r\n\r\nconst AddAdditionalHoldings = ({\r\n  isTile = false,\r\n}: AddAdditionalHoldingsProps) => {\r\n  const dispatch = useMessageComposerDispatch();\r\n  const { state } = useMessageComposerState();\r\n\r\n  const handleClick = (ev: React.MouseEvent) => {\r\n    ev.preventDefault();\r\n\r\n    // @ts-ignore\r\n    dispatch({\r\n      type: 'open',\r\n      // type: state === 'open' ? 'minimised' : 'open',\r\n      props: { subjectDisplayText: 'View My abrdn Holdings' },\r\n    });\r\n  };\r\n\r\n  return (\r\n    <ThemeDark>\r\n      <Box p={4} component={Paper}>\r\n        <Typography variant=\"h5\" style={isTile ? { marginBottom: 5 } : {}}>\r\n          Do you have holdings with us?\r\n        </Typography>\r\n        <Typography>\r\n          Get in touch to add your holdings here{' '}\r\n          {isTile ? '' : 'for easy access to valuations and reporting.'}\r\n        </Typography>\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          onClick={handleClick}\r\n          component={RouterLink}\r\n          to={'/message/new'}\r\n          size=\"large\"\r\n          style={{ marginTop: 15, fontSize: 'inherit' }}\r\n        >\r\n          Add holdings\r\n        </Button>\r\n      </Box>\r\n    </ThemeDark>\r\n  );\r\n};\r\nconst FavouriteMessage = () => {\r\n  return (\r\n    <Box p={4} component={Paper}>\r\n      <Typography variant=\"h5\">Favourite something...</Typography>\r\n      <Typography>\r\n        Get in touch to add your holdings here for easy access to valuations and\r\n        reporting.\r\n      </Typography>\r\n    </Box>\r\n  );\r\n};\r\n\r\ninterface AdditionalBoxesProps {\r\n  showFavourites?: boolean;\r\n}\r\n\r\nconst AdditionalBoxes = ({ showFavourites = false }: AdditionalBoxesProps) => {\r\n  const { settings } = useSecurity();\r\n\r\n  if (!showFavourites && !settings['ClientHoldings.Enabled']) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box mt={6}>\r\n      <Grid container spacing={3} direction=\"row\" alignItems=\"flex-start\">\r\n        {settings['ClientHoldings.Enabled'] && (\r\n          <Grid item xs={12} md={6}>\r\n            <AddAdditionalHoldings />\r\n          </Grid>\r\n        )}\r\n        {showFavourites && (\r\n          <Grid item xs={12} md={6}>\r\n            <FavouriteMessage />\r\n          </Grid>\r\n        )}\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\ntype Holding = UserClientDetail | DocumentOnlyClientDetail | Fund | null;\r\n\r\nexport const AccountsWidget = () => {\r\n  // pagination size, this is used to split tiles up into a scrollble area\r\n  const PAGE_SIZE: number = 8;\r\n\r\n  const { settings } = useSecurity();\r\n\r\n  const { loading, clients, documentOnlyClients } = useClientHoldings();\r\n\r\n  const { funds } = usePortfolioHoldings();\r\n\r\n  // clients\r\n  const [displayedClients, setDisplayedClients] = useState<UserClientDetail[]>([]);\r\n\r\n  // clients\r\n  const [displayedDocumentOnlyClients, setDisplayedDocumentOnlyClients] =\r\n    useState<DocumentOnlyClientDetail[]>([]);\r\n\r\n  // saved funds\r\n  const [savedFunds, setSavedFunds] = useState<Fund[]>([]);\r\n  const [displayedSavedFund, setDisplayedSavedFund] = useState<Fund[]>([]);\r\n\r\n  const holdings = [...clients, ...documentOnlyClients, ...savedFunds];\r\n  const displayedHoldings = [\r\n    ...displayedClients,\r\n    ...displayedDocumentOnlyClients,\r\n    ...displayedSavedFund,\r\n    null,\r\n  ];\r\n\r\n  useEffect(() => {\r\n    if (clients) {\r\n      setDisplayedClients(clients);\r\n\r\n      if (clients.length > 0 && !selectedAccountId) {\r\n        setSelectedAccountId(clients[0].id);\r\n      }\r\n    }\r\n  }, [clients]);\r\n\r\n  useEffect(() => {\r\n    if (documentOnlyClients) {\r\n      setDisplayedDocumentOnlyClients(documentOnlyClients);\r\n    }\r\n  }, [documentOnlyClients]);\r\n\r\n  useEffect(() => {\r\n    if (funds) {\r\n      (async function fetchSavedFunds() {\r\n        const savedFundCodes = await getSavedFundList();\r\n        const savedFunds = funds.filter(fund => savedFundCodes.includes(fund.fundCode));\r\n        setSavedFunds(savedFunds ?? []);\r\n        setDisplayedSavedFund(savedFunds ?? []);\r\n      })();\r\n    }\r\n  }, [funds]);\r\n\r\n  const [tableRows, setTableRows] = useState<number>(PAGE_SIZE || 8);\r\n  const [page, setPage] = useState<number>(0);\r\n\r\n  const handleLoadMore = (ev: React.MouseEvent) => {\r\n    setTableRows(Math.min(tableRows + PAGE_SIZE, displayedHoldings.length));\r\n  };\r\n\r\n  const [selectedAccountId, setSelectedAccountId] = useState<string>(\r\n    getSessionStorageItem<string>('homepage-tile', '')\r\n  );\r\n\r\n  useEffect(() => {\r\n    setSessionStorageItem('homepage-tile', selectedAccountId);\r\n  }, [selectedAccountId]);\r\n\r\n  let swiperInstance: any;\r\n\r\n  // get the layout view\r\n\r\n  const [view, setView] = useState<View>(\r\n    getLocalStorageItem<View>('homepage-view', View.Tile)\r\n  );\r\n\r\n  const handleTileView = () => setView(View.Tile);\r\n\r\n  const handleTabularView = () => setView(View.Tabular);\r\n\r\n  useEffect(() => {\r\n    setLocalStorageItem('homepage-view', view);\r\n  }, [view]);\r\n\r\n  const [filter, setFilter] = useState<string>('');\r\n\r\n  const handleSearch = (value: string) => {\r\n    setFilter(value);\r\n  };\r\n\r\n  const isClient = (obj: UserClientDetail | Fund | null): obj is UserClientDetail => {\r\n    return Boolean(obj && 'state' in obj && !('documentOnly' in obj));\r\n  }\r\n\r\n  const isDocumentOnlyClient = (obj: DocumentOnlyClientDetail | Fund | null): obj is DocumentOnlyClientDetail => {\r\n    return Boolean(obj && 'state' in obj && 'documentOnly' in obj);\r\n  }\r\n\r\n  const isFund = (obj: UserClientDetail | Fund | null): obj is Fund => {\r\n    return Boolean(obj && 'fundCode' in obj);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (filter) {\r\n      const regEx: any = new RegExp(escapeStringForRegEx(filter) || '', 'i');\r\n\r\n      const filteredClients = clients.filter((item) => {\r\n        return item.preferredName.match(regEx) !== null;\r\n      });\r\n\r\n      setDisplayedClients(filteredClients);\r\n\r\n      const filteredDocumentOnlyClients = documentOnlyClients.filter((item) => {\r\n        return item.preferredName.match(regEx) !== null;\r\n      });\r\n\r\n      setDisplayedDocumentOnlyClients(filteredDocumentOnlyClients);\r\n\r\n      const filteredSavedFunds = savedFunds.filter((item) => {\r\n        return item.fundName.match(regEx) !== null;\r\n      });\r\n\r\n      setDisplayedSavedFund(filteredSavedFunds);\r\n\r\n      return;\r\n    }\r\n\r\n    setDisplayedClients(clients);\r\n    setDisplayedDocumentOnlyClients(documentOnlyClients);\r\n    setDisplayedSavedFund(savedFunds);\r\n  }, [filter]);\r\n\r\n  const getSelectedClient = (): UserClientDetail | undefined => {\r\n    const filtered = clients.filter((client) => {\r\n      return client.id === selectedAccountId;\r\n    });\r\n\r\n    if (filtered.length) {\r\n      return filtered[0];\r\n    }\r\n\r\n    return undefined;\r\n  };\r\n\r\n  const GenericTile = ({ holding }: { holding: Holding }) => {\r\n    if (isClient(holding)) {\r\n      return (\r\n        <Tile\r\n          client={holding}\r\n          onMoreDetails={() => setSelectedAccountId(holding.id)}\r\n        />\r\n      );\r\n    }\r\n    if (isDocumentOnlyClient(holding)) {\r\n      return <DocumentOnlyTile client={holding} />\r\n    }\r\n    if (isFund(holding)) {\r\n      return <FavouriteFundTile fund={holding} />;\r\n    }\r\n    return <AddAdditionalHoldings isTile />;\r\n  };\r\n\r\n  const BaseTableRow = ({ buttonText, icon, link, title, state, valuation, onClick }: {\r\n    buttonText: string;\r\n    icon?: React.ReactElement,\r\n    link: string | { pathname: string, state: { clientId: string } };\r\n    onClick?: (event: React.MouseEvent) => void;\r\n    state?: string;\r\n    title: string;\r\n    valuation?: Valuation;\r\n  }) => (\r\n    <TableRow style={{ borderBottom: '1px solid #D9D9D6' }}>\r\n      <TableCell>\r\n        <Grid container alignItems=\"center\" spacing={1}>\r\n          {icon && (\r\n            <Grid item style={{ display: 'flex' }}>\r\n              {icon}\r\n            </Grid>\r\n          )}\r\n          <Grid item>\r\n            <Anchor to={link} onClick={onClick}>\r\n              {title}\r\n            </Anchor>\r\n          </Grid>\r\n        </Grid>\r\n      </TableCell>\r\n\r\n      {!valuation ? (\r\n        <>\r\n          <TableCell>-</TableCell>\r\n          <TableCell align=\"right\">-</TableCell>\r\n        </>\r\n      ) : state === States.Success ? (\r\n        <>\r\n          <TableCell>\r\n            {valuation.currencyCode}\r\n          </TableCell>\r\n          <TableCell align=\"right\">\r\n            {formatNumber(\r\n              valuation.value,\r\n              valuation.currencyCode,\r\n              2\r\n            )}\r\n          </TableCell>\r\n          {/* <TableCell align=\"right\">\r\n              {valuation.date\r\n                ? getFormattedDate(valuation.date)\r\n                : '-'}\r\n            </TableCell> */}\r\n        </>\r\n      ) : state === States.Error ? (\r\n        <TableCell colSpan={2}>\r\n          Error loading data\r\n        </TableCell>\r\n      ) : (\r\n        <TableCell colSpan={2}>\r\n          Loading...\r\n        </TableCell>\r\n      )}\r\n      <TableCell align=\"right\">\r\n        <Button\r\n          variant=\"outlined\"\r\n          color=\"primary\"\r\n          size=\"small\"\r\n          to={link}\r\n          component={Link}\r\n          style={{\r\n            paddingLeft: 20,\r\n            paddingRight: 20,\r\n            whiteSpace: 'nowrap',\r\n          }}\r\n        >\r\n          {buttonText}\r\n        </Button>\r\n      </TableCell>\r\n    </TableRow>\r\n  );\r\n\r\n  const GenericTableRow = ({ holding }: { holding: Holding }) => {\r\n    if (isClient(holding)) {\r\n      const { id, preferredName, state, valuation } = holding;\r\n      return (\r\n        <BaseTableRow\r\n          link={`/accounts/${id}/accounts/`}\r\n          title={preferredName}\r\n          state={state}\r\n          valuation={valuation}\r\n          buttonText=\"View Accounts\"\r\n          onClick={(ev: React.MouseEvent) => {\r\n            ev.preventDefault();\r\n            setSelectedAccountId(id);\r\n          }}\r\n        />\r\n      );\r\n    }\r\n    if (isDocumentOnlyClient(holding)) {\r\n      const { id, preferredName } = holding;\r\n      return (\r\n        <BaseTableRow\r\n          link={{ pathname: '/documents', state: { clientId: id } }}\r\n          icon={<DarkDocumentOnlyClientIcon />}\r\n          title={preferredName}\r\n          buttonText=\"View Documents\"\r\n        />\r\n      );\r\n    }\r\n    if (isFund(holding)) {\r\n      const { fundCode, fundName } = holding;\r\n      return (\r\n        <BaseTableRow\r\n          link={`/portfolio-holdings/${fundCode}`}\r\n          title={fundName}\r\n          icon={<StarIcon fontSize=\"small\" />}\r\n          buttonText=\"View Details\"\r\n        />\r\n      );\r\n    }\r\n    return null;\r\n  };\r\n\r\n  // add a loading screen - this may never be seen\r\n  if (loading) {\r\n    return (\r\n      <Banner>\r\n        <Box>\r\n          <Loading />\r\n        </Box>\r\n      </Banner>\r\n    );\r\n  }\r\n\r\n  // feature detection & check to see if there are holdings to show\r\n  if (!settings['ClientHoldings.Enabled'] || holdings.length === 0) {\r\n    return (\r\n      <>\r\n        <Banner>\r\n          <Box>\r\n            <Quick />\r\n          </Box>\r\n        </Banner>\r\n\r\n        <ThemeDark>\r\n          <Box\r\n            component={Paper}\r\n            paddingY={8}\r\n            style={{ backgroundColor: '#1C2939' }}\r\n          >\r\n            <Container>\r\n              <AdditionalBoxes />\r\n            </Container>\r\n          </Box>\r\n        </ThemeDark>\r\n      </>\r\n    );\r\n  }\r\n\r\n  // there are clients, so display them to the visitor\r\n  return (\r\n    <Box>\r\n      {/* TODO: remove this */}\r\n\r\n      <Fragment>\r\n        <Banner>\r\n          {clients.length === 0 ? (\r\n            <Box>\r\n              <Quick />\r\n            </Box>\r\n          ) : (\r\n            <Box marginTop={4}>\r\n              <Grid container spacing={3} direction=\"row\" alignItems=\"flex-start\">\r\n                <Grid item xs={12} md={9}>\r\n                  <Tile expanded client={getSelectedClient()} />\r\n                </Grid>\r\n\r\n                <Grid item xs={12} md={3}>\r\n                  <Box\r\n                    padding={2}\r\n                    style={{ backgroundColor: 'rgba(0,0,0,.9)', color: '#fff' }}\r\n                  >\r\n                    <Typography variant=\"caption\">\r\n                      Valuations displayed are indicative. Audited valuations are\r\n                      available in the periodic reporting provided. For further\r\n                      details see information provided on the Account Details\r\n                      page.\r\n                    </Typography>\r\n                  </Box>\r\n                </Grid>\r\n              </Grid>\r\n            </Box>\r\n          )}\r\n        </Banner>\r\n\r\n        {/* if there are clients... */}\r\n\r\n        <ThemeDark>\r\n          <Box\r\n            component={Paper}\r\n            paddingY={8}\r\n            style={{ backgroundColor: '#1C2939' }}\r\n          >\r\n            <Container>\r\n              <Box marginBottom={8}>\r\n                <Stack\r\n                  spacing={3}\r\n                  justifyContent=\"space-between\"\r\n                  alignItems=\"center\"\r\n                >\r\n                  <Box>\r\n                    <Typography>Holdings</Typography>\r\n                    {/* thhere is no point in showing pagination data if there isn't many items to show */}\r\n                    {holdings.length > PAGE_SIZE && (\r\n                      <Typography>\r\n                        {displayedHoldings.length > 1\r\n                          ? `${\r\n                            view === View.Tabular\r\n                              ? `1 - ${Math.min(\r\n                                tableRows,\r\n                                displayedHoldings.length - 1\r\n                              )}`\r\n                              : `${Math.min(\r\n                                page * PAGE_SIZE + 1,\r\n                                displayedHoldings.length - 1\r\n                              )} - ${Math.min(\r\n                                (page + 1) * PAGE_SIZE,\r\n                                displayedHoldings.length - 1\r\n                              )}`\r\n                          } of ${holdings.length}`\r\n                          : 'No results'}\r\n                      </Typography>\r\n                    )}\r\n                  </Box>\r\n\r\n                  <Box>\r\n                    <Stack\r\n                      spacing={3}\r\n                      justifyContent=\"space-between\"\r\n                      alignItems=\"center\"\r\n                    >\r\n                      {/*  */}\r\n                      {view === View.Tabular && (\r\n                        <Button\r\n                          variant=\"text\"\r\n                          color=\"primary\"\r\n                          onClick={handleTileView}\r\n                          startIcon={<GridOnIcon />}\r\n                          style={{\r\n                            fontSize: 'inherit',\r\n                            paddingLeft: 20,\r\n                            paddingRight: 20,\r\n                          }}\r\n                        >\r\n                          Grid view\r\n                        </Button>\r\n                      )}\r\n\r\n                      {view === View.Tile && (\r\n                        <Button\r\n                          variant=\"text\"\r\n                          color=\"primary\"\r\n                          onClick={handleTabularView}\r\n                          startIcon={<TableChartIcon />}\r\n                          style={{\r\n                            fontSize: 'inherit',\r\n                            paddingLeft: 20,\r\n                            paddingRight: 20,\r\n                          }}\r\n                        >\r\n                          Table view\r\n                        </Button>\r\n                      )}\r\n\r\n                      {/* if there are a lot of items to show, implement the ability to search */}\r\n                      {holdings.length > 0 && (\r\n                        <Box>\r\n                          <SearchInput\r\n                            id=\"account-search\"\r\n                            onChange={handleSearch}\r\n                          />\r\n                        </Box>\r\n                      )}\r\n                    </Stack>\r\n                  </Box>\r\n                </Stack>\r\n              </Box>\r\n\r\n              {/* toggle for tile view */}\r\n              <Collapse in={view == View.Tile}>\r\n                <ThemeDefault>\r\n                  {displayedHoldings.length - 1 === 0 ? (\r\n                    <Alert severity=\"info\">\r\n                      <AlertTitle>There are no holdings to show</AlertTitle>\r\n                    </Alert>\r\n                  ) : (\r\n                    <>\r\n                      {displayedHoldings.length > PAGE_SIZE ? (\r\n                        // if the are multiple pages to view, implement a slider\r\n                        <>\r\n                          <Swiper\r\n                            pagination={true}\r\n                            onSwiper={(swiper) => {\r\n                              if (!swiperInstance) {\r\n                                swiperInstance = swiper;\r\n                              }\r\n                            }}\r\n                            onSlideChange={(swiper) => {\r\n                              setPage(swiper.activeIndex);\r\n                            }}\r\n                            spaceBetween={10}\r\n                            slidesPerView={1}\r\n                            allowTouchMove\r\n                            className=\"theme-dark\"\r\n                            navigation={{\r\n                              nextEl: '.review-swiper-button-next',\r\n                              prevEl: '.review-swiper-button-prev',\r\n                            }}\r\n                          >\r\n                            {Array(Math.ceil(displayedHoldings.length / PAGE_SIZE))\r\n                              .fill(1)\r\n                              .map((_, index) => (\r\n                                <SwiperSlide key={`account-${index}`}>\r\n                                  <Box marginBottom={6}>\r\n                                    <Grid\r\n                                      container\r\n                                      spacing={3}\r\n                                      direction=\"row\"\r\n                                    >\r\n                                      {displayedHoldings\r\n                                        .slice(\r\n                                          index * PAGE_SIZE,\r\n                                          index * PAGE_SIZE + PAGE_SIZE\r\n                                        )\r\n                                        .map((holding, clientIndex) => (\r\n                                          <Grid\r\n                                            item\r\n                                            xs={12}\r\n                                            sm={6}\r\n                                            md={3}\r\n                                            key={`account-${index}-${clientIndex}`}\r\n                                          >\r\n                                            <GenericTile holding={holding} />\r\n                                          </Grid>\r\n                                        ))}\r\n                                    </Grid>\r\n                                  </Box>\r\n                                </SwiperSlide>\r\n                              ))}\r\n                          </Swiper>\r\n\r\n                          <Box\r\n                            textAlign={'right'}\r\n                            style={{\r\n                              marginTop: -30,\r\n                              position: 'relative',\r\n                              zIndex: 9,\r\n                            }}\r\n                          >\r\n                            <IconButton\r\n                              aria-label=\"Previous\"\r\n                              className=\"review-swiper-button-prev\"\r\n                              size=\"medium\"\r\n                            >\r\n                              <ArrowLeftIcon fontSize=\"inherit\" />\r\n                            </IconButton>\r\n\r\n                            <IconButton\r\n                              aria-label=\"Next\"\r\n                              className=\"review-swiper-button-next\"\r\n                              size=\"medium\"\r\n                            >\r\n                              <ArrowRightIcon fontSize=\"inherit\" />\r\n                            </IconButton>\r\n                          </Box>\r\n                        </>\r\n                      ) : (\r\n                        // implement a standard grid\r\n                        <Grid container spacing={3} direction=\"row\">\r\n                          {displayedHoldings.map((holding, index: number) => {\r\n                            return (\r\n                              <Grid\r\n                                item\r\n                                xs={12}\r\n                                sm={6}\r\n                                md={3}\r\n                                key={`account-${index}`}\r\n                              >\r\n                                <GenericTile holding={holding} />\r\n                              </Grid>\r\n                            );\r\n                          })}\r\n                        </Grid>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </ThemeDefault>\r\n              </Collapse>\r\n              {/* toggle for table view */}\r\n              <Collapse in={view == View.Tabular}>\r\n                {displayedHoldings.length - 1 === 0 ? (\r\n                  <Alert severity=\"info\">\r\n                    <AlertTitle>There are no holdings to show</AlertTitle>\r\n                  </Alert>\r\n                ) : (\r\n                  <TableContainer>\r\n                    <Table className=\"noborder\">\r\n                      <TableHead>\r\n                        <TableRow\r\n                          style={{\r\n                            borderBottom: '1px solid #D9D9D6',\r\n                          }}\r\n                        >\r\n                          <TableCell style={{ width: '50%' }}>\r\n                            Account name\r\n                          </TableCell>\r\n                          <TableCell>Currency</TableCell>\r\n                          <TableCell align=\"right\">Valuation</TableCell>\r\n                          {/* <TableCell align=\"right\">Date</TableCell> */}\r\n                          <TableCell align=\"right\"></TableCell>\r\n                        </TableRow>\r\n                      </TableHead>\r\n                      <TableBody>\r\n                        {displayedHoldings.slice(0, tableRows).map((holding, i) => (\r\n                          <GenericTableRow holding={holding} key={i} />\r\n                        ))}\r\n                      </TableBody>\r\n                    </Table>\r\n                  </TableContainer>\r\n                )}\r\n\r\n                {tableRows < displayedHoldings.length - 1 && (\r\n                  <Box marginY={2}>\r\n                    <Button\r\n                      variant=\"contained\"\r\n                      color=\"primary\"\r\n                      size=\"small\"\r\n                      onClick={handleLoadMore}\r\n                      style={{ paddingLeft: 20, paddingRight: 20 }}\r\n                    >\r\n                      Load More\r\n                    </Button>\r\n                  </Box>\r\n                )}\r\n\r\n                <AdditionalBoxes />\r\n              </Collapse>\r\n            </Container>\r\n          </Box>\r\n        </ThemeDark>\r\n      </Fragment>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\n// https://material-ui.com/components/skeleton/\r\nimport { TableCell } from '@abrdn';\r\nimport { AbrdnTable, TableDataProvider, TableState } from '@abrdn-latest/core';\r\nimport { Box, Button, Chip, Grid } from '@material-ui/core';\r\nimport { AccountDetailFund } from 'api/types';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { escapeStringForRegEx, formatNumber } from 'utils';\r\n\r\ninterface Props {\r\n  accountId: string;\r\n  clientId: string;\r\n  funds?: AccountDetailFund[];\r\n  isSegregated: boolean;\r\n}\r\n\r\nexport const AccountFundTable = ({\r\n  funds,\r\n  isSegregated,\r\n  clientId,\r\n  accountId,\r\n}: Props) => {\r\n  // table state\r\n  const [state, setState] = useState<TableState>({\r\n    order: 'desc',\r\n    orderBy: 'valuation',\r\n    page: 0,\r\n    pageSize: 10,\r\n    filters: {},\r\n  });\r\n\r\n  const [data, setData] = useState<AccountDetailFund[] | undefined>(funds);\r\n  const [rows, setRows] = useState<number>(state.pageSize);\r\n\r\n  const loadHoldings = async (state: TableState) => {\r\n    // filter funds, and return\r\n\r\n    const data = funds\r\n      ?.filter((item) => {\r\n        if (!state.filters.name) {\r\n          return true;\r\n        }\r\n\r\n        const regEx: any = new RegExp(\r\n          escapeStringForRegEx(state.filters.name) || '',\r\n          'i'\r\n        );\r\n\r\n        return item.name.match(regEx) !== null;\r\n      })\r\n      .sort((a: AccountDetailFund, b: AccountDetailFund) => {\r\n        // @ts-ignore\r\n        const check =\r\n          state.orderBy === 'valuation'\r\n            ? a[state.orderBy].value < b[state.orderBy].value\r\n            : // @ts-ignore\r\n              a[state.orderBy] < b[state.orderBy];\r\n\r\n        if (state.order === 'desc') {\r\n          return check ? 1 : -1;\r\n        }\r\n\r\n        return !check ? 1 : -1;\r\n      });\r\n\r\n    setData(data);\r\n  };\r\n\r\n  useEffect(() => {\r\n    loadHoldings(state);\r\n  }, [funds]);\r\n\r\n  if (!funds || (funds && funds.length === 0)) {\r\n    return null;\r\n  }\r\n\r\n  const results = (data || []).slice(0, rows);\r\n\r\n  return (\r\n    <Box marginTop={3}>\r\n      <TableDataProvider\r\n        value={{\r\n          pagination: undefined,\r\n          results,\r\n          state,\r\n          setState,\r\n        }}\r\n      >\r\n        <AbrdnTable\r\n          name=\"a\"\r\n          onStateChange={(state: any) => {\r\n            loadHoldings(state);\r\n          }}\r\n          head={[\r\n            { id: 'name', label: 'Fund', filterable: funds.length > 1 },\r\n            { id: 'reference', label: 'Reference' },\r\n            {\r\n              id: 'shareClassName',\r\n              label: 'Share Class',\r\n            },\r\n            { id: 'units', label: 'Units', numeric: true },\r\n            { id: 'unitPrice', label: 'Price', numeric: true },\r\n            { id: 'proportion', label: 'Proportion', numeric: true },\r\n            {\r\n              id: 'valuation',\r\n              label: 'Value',\r\n              numeric: true,\r\n              sortable: funds.length > 1,\r\n            },\r\n          ]}\r\n          noResults=\"There are currently no holdings to display for this account\"\r\n        >\r\n          {(row: AccountDetailFund, index: number) => (\r\n            <Fragment>\r\n              <TableCell component=\"th\" scope=\"row\">\r\n                {row.holdingBreakdownAvailable || isSegregated ? (\r\n                  <Grid\r\n                    container\r\n                    spacing={3}\r\n                    wrap=\"nowrap\"\r\n                    direction=\"row\"\r\n                    justify=\"space-between\"\r\n                    alignItems=\"center\"\r\n                  >\r\n                    <Grid item>{row.name}</Grid>\r\n                    <Grid item>\r\n                      <Button\r\n                        variant=\"contained\"\r\n                        color=\"primary\"\r\n                        size=\"small\"\r\n                        style={{\r\n                          whiteSpace: 'nowrap',\r\n                        }}\r\n                        to={\r\n                          isSegregated\r\n                            ? `/accounts/${clientId}/account/${accountId}/holdings`\r\n                            : `/portfolio-holdings/${row.holdingBreakdownFundCode}/?client=${clientId}`\r\n                        }\r\n                        component={RouterLink}\r\n                      >\r\n                        View Holdings\r\n                      </Button>\r\n                    </Grid>\r\n                  </Grid>\r\n                ) : (\r\n                  row.name\r\n                )}\r\n              </TableCell>\r\n              <TableCell>{row.reference}</TableCell>\r\n              <TableCell>{row.shareClassName || '-'}</TableCell>\r\n              <TableCell align=\"right\">{row.units || '-'}</TableCell>\r\n              <TableCell align=\"right\">{row.unitPrice || '-'}</TableCell>\r\n              <TableCell align=\"right\">\r\n                {typeof row.proportion !== 'undefined'\r\n                  ? `${(row.proportion * 100).toFixed(2)}%`\r\n                  : '-'}\r\n              </TableCell>\r\n              <TableCell align=\"right\" style={{ whiteSpace: 'nowrap' }}>\r\n                {row.valuation.value\r\n                  ? formatNumber(\r\n                      row.valuation.value,\r\n                      row.valuation.currencyCode\r\n                    )\r\n                  : '-'}\r\n\r\n                {typeof row.valuation.value === 'number' && (\r\n                  <Chip\r\n                    label={row.valuation.currencyCode}\r\n                    size=\"small\"\r\n                    style={{\r\n                      minWidth: 50,\r\n                      marginLeft: 15,\r\n                      backgroundColor: index % 2 !== 0 ? '#eee' : undefined,\r\n                    }}\r\n                  />\r\n                )}\r\n              </TableCell>\r\n            </Fragment>\r\n          )}\r\n        </AbrdnTable>\r\n\r\n        {data && results && results.length < data.length && (\r\n          <Box paddingY={2}>\r\n            <Grid\r\n              container\r\n              spacing={3}\r\n              direction=\"row\"\r\n              justify=\"space-between\"\r\n              alignItems=\"center\"\r\n            >\r\n              <Grid item>\r\n                1 - {results.length} of {funds.length}\r\n              </Grid>\r\n              <Grid item>\r\n                <Button\r\n                  size=\"small\"\r\n                  variant=\"outlined\"\r\n                  onClick={() => {\r\n                    setRows(rows + state.pageSize);\r\n                  }}\r\n                  style={{ fontSize: 12, paddingLeft: 30, paddingRight: 30 }}\r\n                >\r\n                  Load more\r\n                </Button>\r\n              </Grid>\r\n            </Grid>\r\n          </Box>\r\n        )}\r\n      </TableDataProvider>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\n// https://material-ui.com/components/skeleton/\r\nimport { TableCell } from '@abrdn';\r\nimport { STATUS_ERROR, STATUS_LOADING } from '@abrdn-latest/config';\r\nimport {\r\n  Abrdn,\r\n  AbrdnTable,\r\n  TableDataProvider,\r\n  TableState,\r\n} from '@abrdn-latest/core';\r\nimport { FundTypes } from '@abrdn-latest/types';\r\nimport { useDeepCompareEffect, useDidMountEffect } from '@abrdn-latest/use';\r\nimport {\r\n  Box,\r\n  Chip,\r\n  Collapse,\r\n  Grid,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { Alert, Skeleton } from '@material-ui/lab';\r\nimport {\r\n  getClientAccountAccountsDownloadUri,\r\n  getClientAccountDetail,\r\n  getClientAccountTransactions,\r\n  getClientAccountTransactionsDownloadUri,\r\n  getValuations,\r\n} from 'api';\r\nimport {\r\n  AccountDetail,\r\n  AccountTransaction,\r\n  AccountTransactions,\r\n  ValuationsResponse,\r\n} from 'api/types';\r\nimport { downloadFile } from 'api/utils';\r\nimport { LineChart } from 'components/chart';\r\nimport { CurrencySelector } from 'components/form';\r\nimport { ExportButton } from 'components/ui';\r\nimport React, { Fragment, useCallback, useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { formatNumber, getDateFormat, getFormattedDate } from 'utils';\r\nimport { useClientHoldings } from '../data';\r\nimport { AccountFundTable } from './AccountFundTable';\r\n\r\ninterface Props {\r\n  accountId: string;\r\n  clientId: string;\r\n  open?: boolean;\r\n  order: number;\r\n  overview?: boolean;\r\n  transactionRange: {\r\n    end: Date;\r\n    start: Date;\r\n  };\r\n  valuationDate: Date | null | undefined;\r\n}\r\n\r\nexport const AccountDetailAccordion = ({\r\n  clientId,\r\n  accountId,\r\n  open = true,\r\n  order,\r\n  overview = true,\r\n  valuationDate,\r\n  transactionRange,\r\n}: Props) => {\r\n  const { t } = useTranslation(['common', 'client']);\r\n\r\n  const { setClientCurrencies } = useClientHoldings();\r\n\r\n  // the currencies available in this account\r\n  const [accountCurrencies, setAccountCurrencies] = useState<string[]>([]);\r\n  const [selectedAccountCurrency, setSelectedAccountCurrency] =\r\n    useState<string>('');\r\n  const [accountValuation, setAccountValuation] = useState<number>(0);\r\n\r\n  /**\r\n   *\r\n   */\r\n  const fetchAccountDetail = useCallback(async () => {\r\n    try {\r\n      // get the client account detail\r\n      const detail = await getClientAccountDetail(\r\n        clientId,\r\n        accountId,\r\n        valuationDate,\r\n        selectedAccountCurrency\r\n      );\r\n\r\n      if (detail && clientAccount) {\r\n        detail.name = clientAccount?.name || '';\r\n      }\r\n\r\n      setClientAccount(detail);\r\n\r\n      // set the account valuation\r\n      setAccountValuation(detail.valuation.value);\r\n    } catch (e) {}\r\n  }, [selectedAccountCurrency]);\r\n\r\n  // when the account currency changes, get the new valuation\r\n  useDidMountEffect(() => {\r\n    fetchAccountDetail();\r\n  }, [fetchAccountDetail]);\r\n\r\n  //\r\n  //\r\n  //\r\n\r\n  const [clientAccount, setClientAccount] = useState<null | AccountDetail>(\r\n    null\r\n  );\r\n\r\n  const [transactions, setTransactions] = useState<null | AccountTransactions>(\r\n    null\r\n  );\r\n\r\n  const [valuations, setValuations] = useState<null | ValuationsResponse>(null);\r\n\r\n  const [status, setStatus] = useState<string>('');\r\n  const [transactionsStatus, setTransactionsStatus] = useState<string>('');\r\n  const [valuationsState, setValuationsState] = useState<string>('');\r\n\r\n  // when the valuation date changes, refresh the data\r\n  useDeepCompareEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        setStatus(STATUS_LOADING);\r\n\r\n        // get the client account detail\r\n        const detail = await getClientAccountDetail(\r\n          clientId,\r\n          accountId,\r\n          valuationDate,\r\n          selectedAccountCurrency\r\n        );\r\n\r\n        if (detail && clientAccount) {\r\n          detail.name = clientAccount?.name || '';\r\n        }\r\n\r\n        setClientAccount(detail);\r\n\r\n        // work out the account currencies this fund has\r\n        if (detail) {\r\n          if (detail.funds) {\r\n            // get a list of unique currencies\r\n            const currencies: string[] = detail.funds.map(\r\n              (fund) => fund.valuation.currencyCode\r\n            );\r\n\r\n            // add base currency\r\n            currencies.unshift(detail.baseCurrency);\r\n\r\n            // make sure that EUR is included in the list when the account is SICAV\r\n            if (detail.productType === FundTypes.SICAV) {\r\n              currencies.push('EUR');\r\n            }\r\n\r\n            const uniqueCurrencies = [...new Set(currencies)];\r\n\r\n            setClientCurrencies(\r\n              clientId,\r\n              detail.baseCurrency\r\n                ? [...[detail.baseCurrency], ...uniqueCurrencies]\r\n                : uniqueCurrencies,\r\n              order === 0\r\n            );\r\n\r\n            // set the list\r\n            setAccountCurrencies(uniqueCurrencies);\r\n\r\n            // set the selected currency to the initial one we receive\r\n            setSelectedAccountCurrency(detail.valuation.currencyCode);\r\n\r\n            // set the account valuation\r\n            setAccountValuation(detail.valuation.value);\r\n          }\r\n        }\r\n\r\n        setStatus('');\r\n      } catch (e) {\r\n        setStatus(STATUS_ERROR);\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [valuationDate]);\r\n\r\n  /**\r\n   *\r\n   */\r\n  const fetchAccountValuations = useCallback(async () => {\r\n    try {\r\n      if (clientAccount && clientAccount.dataIssue) {\r\n        return;\r\n      }\r\n\r\n      setValuationsState(STATUS_LOADING);\r\n\r\n      const response = await getValuations(\r\n        clientId,\r\n        accountId,\r\n        selectedAccountCurrency\r\n      );\r\n\r\n      if (response) {\r\n        setValuations(response);\r\n      }\r\n\r\n      setValuationsState('');\r\n    } catch (e) {\r\n      setValuationsState(STATUS_ERROR);\r\n      setValuations(null);\r\n    }\r\n  }, [selectedAccountCurrency]);\r\n\r\n  // ...\r\n  useEffect(() => {\r\n    fetchAccountValuations();\r\n  }, [fetchAccountValuations]);\r\n\r\n  const [transactionState, setTransactionState] = useState<TableState>({\r\n    order: 'asc',\r\n    orderBy: 'transactiondate',\r\n    page: 0,\r\n    pageSize: 10,\r\n    filters: {},\r\n  });\r\n\r\n  useDeepCompareEffect(() => {\r\n    setTransactionState({ ...transactionState, ...{ page: 0 } });\r\n  }, [transactionRange]);\r\n\r\n  /**\r\n   *\r\n   */\r\n  const loadTransactions = async (state: any) => {\r\n    try {\r\n      setTransactionsStatus(STATUS_LOADING);\r\n\r\n      // get the client transaction\r\n      const transactions = await getClientAccountTransactions(\r\n        clientId,\r\n        accountId,\r\n        transactionRange.start,\r\n        transactionRange.end,\r\n        state.orderBy,\r\n        state.order,\r\n        state.filters.fundname || '',\r\n        state.page,\r\n        state.pageSize\r\n      );\r\n\r\n      setTransactions(transactions);\r\n\r\n      setTransactionsStatus('');\r\n    } catch (e) {\r\n      setTransactionsStatus(STATUS_ERROR);\r\n    }\r\n  };\r\n\r\n  /**\r\n   *\r\n   */\r\n  const handleDownloadAccount = (ev: React.MouseEvent) => {\r\n    ev.preventDefault();\r\n\r\n    if (clientAccount) {\r\n      downloadFile(\r\n        getClientAccountAccountsDownloadUri(\r\n          clientId,\r\n          accountId,\r\n          valuationDate,\r\n          selectedAccountCurrency\r\n        ),\r\n        `${clientAccount.name}-(${selectedAccountCurrency}).xlsx`\r\n      );\r\n    }\r\n  };\r\n\r\n  /**\r\n   *\r\n   */\r\n  const handleDownload = (ev: React.MouseEvent) => {\r\n    ev.preventDefault();\r\n    ev.stopPropagation();\r\n\r\n    if (clientAccount) {\r\n      const start = getDateFormat(transactionRange.start);\r\n      const end = getDateFormat(transactionRange.end);\r\n\r\n      downloadFile(\r\n        getClientAccountTransactionsDownloadUri(\r\n          clientId,\r\n          accountId,\r\n          transactionRange.start,\r\n          transactionRange.end\r\n        ),\r\n        `${clientAccount.name}-transactions (${start}-${end}).xlsx`\r\n      );\r\n    }\r\n  };\r\n\r\n  const isSegregated = clientAccount?.productType === FundTypes.Segregated;\r\n\r\n  return (\r\n    <Fragment>\r\n      <Abrdn.Accordion defaultExpanded={open}>\r\n        <Abrdn.AccordionSummary>\r\n          <Grid\r\n            container\r\n            spacing={3}\r\n            direction=\"row\"\r\n            justify=\"space-between\"\r\n            alignItems=\"center\"\r\n          >\r\n            <Grid item>\r\n              <Abrdn.AccordionToggle>\r\n                <Box paddingY={2} paddingLeft={2} paddingRight={3}>\r\n                  <Typography variant=\"h4\" style={{ margin: 0 }}>\r\n                    {clientAccount ? (\r\n                      clientAccount.name || 'Unknown'\r\n                    ) : (\r\n                      <Skeleton width={140} />\r\n                    )}\r\n                  </Typography>\r\n                </Box>\r\n              </Abrdn.AccordionToggle>\r\n            </Grid>\r\n\r\n            <Grid item>\r\n              <Fragment>\r\n                {overview && status !== STATUS_ERROR && (\r\n                  <Typography variant=\"h4\" style={{ margin: 0 }}>\r\n                    <Box style={{ display: 'inline-block', marginRight: 10 }}>\r\n                      <CurrencySelector\r\n                        currencies={accountCurrencies}\r\n                        onChange={(currencyCode: string) => {\r\n                          setSelectedAccountCurrency(currencyCode);\r\n                        }}\r\n                      />\r\n                    </Box>\r\n\r\n                    {status === STATUS_LOADING || !clientAccount ? (\r\n                      <Skeleton\r\n                        width={100}\r\n                        style={{ display: 'inline-block' }}\r\n                      />\r\n                    ) : accountValuation && selectedAccountCurrency ? (\r\n                      <Fragment>\r\n                        {/* TODO: implement */}\r\n\r\n                        {formatNumber(\r\n                          accountValuation,\r\n                          selectedAccountCurrency\r\n                        )}\r\n                      </Fragment>\r\n                    ) : (\r\n                      ''\r\n                    )}\r\n                  </Typography>\r\n                )}\r\n                {!overview &&\r\n                  transactions &&\r\n                  transactions.transactions.length > 0 && (\r\n                    <ExportButton label=\"Download\" onClick={handleDownload} />\r\n                  )}\r\n              </Fragment>\r\n            </Grid>\r\n          </Grid>\r\n        </Abrdn.AccordionSummary>\r\n        <Abrdn.AccordionDetail>\r\n          <Box>\r\n            <Collapse in={overview}>\r\n              <Paper>\r\n                <Box padding={2}>\r\n                  {status === STATUS_ERROR ||\r\n                  (clientAccount && clientAccount.dataIssue) ? (\r\n                    <Fragment>\r\n                      {clientAccount && clientAccount.dataIssue ? (\r\n                        <Alert severity=\"warning\">\r\n                          There is an issue with this account data\r\n                        </Alert>\r\n                      ) : (\r\n                        <Alert severity=\"info\">\r\n                          There are no valuations available for the selected\r\n                          date\r\n                        </Alert>\r\n                      )}\r\n                    </Fragment>\r\n                  ) : (\r\n                    <Fragment>\r\n                      <Grid\r\n                        container\r\n                        spacing={3}\r\n                        direction=\"row\"\r\n                        justify=\"space-between\"\r\n                      >\r\n                        <Grid item xs={12} md={5}>\r\n                          {clientAccount && (\r\n                            <Fragment>\r\n                              <Grid\r\n                                container\r\n                                spacing={3}\r\n                                direction=\"row\"\r\n                                justify=\"space-between\"\r\n                                component=\"dl\"\r\n                                wrap=\"wrap\"\r\n                              >\r\n                                <Grid item xs={12} sm={6} md={4}>\r\n                                  <dt>\r\n                                    {t('client:accounts.labels.fund-type')}\r\n                                  </dt>\r\n                                  <dd>{clientAccount.productType || '-'}</dd>\r\n                                </Grid>\r\n                                <Grid item xs={12} sm={6} md={4}>\r\n                                  <dt>\r\n                                    {t('client:accounts.labels.transfer-agent')}\r\n                                  </dt>\r\n                                  <dd>{clientAccount.transferAgent || '-'} </dd>\r\n                                </Grid>\r\n                                <Grid item xs={12} sm={6} md={4}>\r\n                                  <dt>\r\n                                    {t('client:accounts.labels.account-number')}\r\n                                  </dt>\r\n                                  <dd>{clientAccount.accountNumber || ''}</dd>\r\n                                </Grid>\r\n                                <Grid item xs={12} sm={6} md={4}>\r\n                                  <dt>\r\n                                    {t('client:accounts.labels.base-currency')}\r\n                                  </dt>\r\n                                  <dd>\r\n                                    {clientAccount.productType ===\r\n                                      FundTypes.SICAV &&\r\n                                    !clientAccount.baseCurrency\r\n                                      ? 'Multiple See Funds'\r\n                                      : clientAccount.baseCurrency || '-'}\r\n                                  </dd>\r\n                                </Grid>\r\n                                <Grid item xs={12} sm={6} md={4}>\r\n                                  <dt>\r\n                                    {t(\r\n                                      'client:accounts.labels.initial-investment'\r\n                                    )}\r\n                                  </dt>\r\n                                  <dd>\r\n                                    {getFormattedDate(\r\n                                      clientAccount.initialInvestment\r\n                                    )}\r\n                                  </dd>\r\n                                </Grid>\r\n                                <Grid item xs={12} sm={6} md={4}>\r\n                                  <dt>\r\n                                    {t('client:accounts.labels.valuation-date')}\r\n                                  </dt>\r\n                                  <dd>\r\n                                    {clientAccount?.valuation?.date\r\n                                      ? getFormattedDate(\r\n                                          clientAccount.valuation.date\r\n                                        )\r\n                                      : '-'}\r\n                                  </dd>\r\n                                </Grid>\r\n                              </Grid>\r\n\r\n                              <Box marginTop={3}>\r\n                                <ExportButton\r\n                                  label={`Download${\r\n                                    selectedAccountCurrency\r\n                                      ? ` (${selectedAccountCurrency})`\r\n                                      : ''\r\n                                  }`}\r\n                                  onClick={handleDownloadAccount}\r\n                                />\r\n                              </Box>\r\n\r\n                              <Box marginTop={3}>\r\n                                <Typography variant=\"body2\" paragraph>\r\n                                  Valuations displayed are indicative. Audited\r\n                                  valuations are available in the periodic\r\n                                  reporting provided. Download to confirm the\r\n                                  valuation pricing point. For further details\r\n                                  see page information.\r\n                                </Typography>\r\n                              </Box>\r\n                            </Fragment>\r\n                          )}\r\n                        </Grid>\r\n\r\n                        <Grid item xs={12} md={7}>\r\n                          {valuationsState === STATUS_LOADING ? (\r\n                            <Skeleton variant=\"rect\" width={650} height={250} />\r\n                          ) : (\r\n                            <Fragment>\r\n                              {valuations && valuations.length > 0 ? (\r\n                                <LineChart data={valuations} />\r\n                              ) : (\r\n                                <Alert severity=\"info\">\r\n                                  No chart data available\r\n                                </Alert>\r\n                              )}\r\n                            </Fragment>\r\n                          )}\r\n                        </Grid>\r\n                      </Grid>\r\n\r\n                      <AccountFundTable\r\n                        funds={\r\n                          clientAccount && clientAccount.funds\r\n                            ? clientAccount.funds\r\n                            : undefined\r\n                        }\r\n                        isSegregated={isSegregated}\r\n                        clientId={clientId}\r\n                        accountId={accountId}\r\n                      />\r\n                    </Fragment>\r\n                  )}\r\n                </Box>\r\n              </Paper>\r\n            </Collapse>\r\n\r\n            <Collapse in={!overview}>\r\n              <Paper>\r\n                {(transactions || !overview) && (\r\n                  <TableDataProvider\r\n                    value={{\r\n                      pagination: transactions?.pagination,\r\n                      results: transactions?.transactions || [],\r\n                      state: transactionState,\r\n                      setState: setTransactionState,\r\n                    }}\r\n                  >\r\n                    <AbrdnTable\r\n                      name=\"a\"\r\n                      onStateChange={(state: any) => {\r\n                        loadTransactions(state);\r\n                      }}\r\n                      rowOptions={[10, 25, 50, 75, 100]}\r\n                      head={[\r\n                        {\r\n                          id: 'transactiondate',\r\n                          label: 'Date',\r\n                          sortable: true,\r\n                        },\r\n                        {\r\n                          id: 'fundname',\r\n                          label: 'Fund Name',\r\n                          filterable:\r\n                            clientAccount?.productType !== FundTypes.SICAV,\r\n                          style: { minWidth: 170 },\r\n                        },\r\n                        {\r\n                          id: 'transactiontype',\r\n                          label: 'Transaction',\r\n                          sortable:\r\n                            clientAccount?.productType !== FundTypes.SICAV,\r\n                        },\r\n                        { id: 'shareclass', label: 'Share class' },\r\n                        { id: 'amount', label: 'Amount', numeric: true },\r\n                      ]}\r\n                      noResults=\"There are currently no transactions to display for this account\"\r\n                    >\r\n                      {(row: AccountTransaction, index: number) => (\r\n                        <Fragment>\r\n                          <TableCell component=\"th\" scope=\"row\">\r\n                            {getDateFormat(row.transactionDate, 'DD/MM/YYYY')}\r\n                          </TableCell>\r\n                          <TableCell>{row.fundName || '-'}</TableCell>\r\n                          <TableCell>{row.description}</TableCell>\r\n                          <TableCell>{row.shareClassName || '-'}</TableCell>\r\n                          <TableCell\r\n                            align=\"right\"\r\n                            style={{ whiteSpace: 'nowrap' }}\r\n                          >\r\n                            {typeof row.value === 'number'\r\n                              ? formatNumber(row.value, row.currencyCode)\r\n                              : '-'}\r\n                            {typeof row.value === 'number' && (\r\n                              <Chip\r\n                                label={row.currencyCode}\r\n                                size=\"small\"\r\n                                style={{\r\n                                  minWidth: 50,\r\n                                  marginLeft: 15,\r\n                                  backgroundColor:\r\n                                    index % 2 !== 0 ? '#eee' : undefined,\r\n                                }}\r\n                              />\r\n                            )}\r\n                          </TableCell>\r\n                        </Fragment>\r\n                      )}\r\n                    </AbrdnTable>\r\n                  </TableDataProvider>\r\n                )}\r\n              </Paper>\r\n            </Collapse>\r\n          </Box>\r\n        </Abrdn.AccordionDetail>\r\n      </Abrdn.Accordion>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Menu, MenuItem } from '@material-ui/core';\r\nimport { ExportButton } from 'components/ui';\r\nimport { InfoIcon } from 'icons';\r\nimport React, { useState } from 'react';\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  formats?: string[];\r\n\r\n  /**\r\n   *\r\n   * @param type\r\n   */\r\n  onSelect(type: string): void;\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport const Exporter = ({ onSelect, formats = ['XLSX'] }: Props) => {\r\n  const label = 'Download';\r\n\r\n  const [anchorEl, setAnchorEl] = useState(null);\r\n\r\n  const handleClick = (event: any) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const handleDownload = (type: string) => {\r\n    handleClose();\r\n\r\n    onSelect(type);\r\n  };\r\n\r\n  if (formats.length === 1) {\r\n    return (\r\n      <ExportButton\r\n        label={label}\r\n        onClick={() => {\r\n          onSelect(formats[0]);\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span>\r\n      <ExportButton label={label} onClick={handleClick} />\r\n      <Menu\r\n        anchorEl={anchorEl}\r\n        keepMounted\r\n        open={Boolean(anchorEl)}\r\n        onClose={handleClose}\r\n      >\r\n        {formats.map((type) => (\r\n          <MenuItem\r\n            key={type}\r\n            value={type}\r\n            onClick={() => {\r\n              handleDownload(type);\r\n            }}\r\n          >\r\n            <InfoIcon />\r\n            {type}\r\n          </MenuItem>\r\n        ))}\r\n      </Menu>\r\n    </span>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { AbrdnBox } from '@abrdn';\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { Box, Grid, Typography } from '@material-ui/core';\r\nimport { Anchor } from 'components/core';\r\nimport {\r\n  CommunicateSecurelyIcon,\r\n  DocumentLibraryIcon,\r\n  ViewPortfolioIcon,\r\n} from 'icons';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\n\r\nexport const Quick = () => {\r\n  const content = {\r\n    title: `Getting you started...`,\r\n    items: [\r\n      {\r\n        title: 'Explore our Funds',\r\n        copy: 'View the portfolio holdings of our publicly available funds',\r\n        icon: <ViewPortfolioIcon style={{ fontSize: 64 }} />,\r\n        url: '/portfolio-holdings',\r\n        cta: null,\r\n      },\r\n      {\r\n        title: 'Send us a Message',\r\n        copy: 'Connect with your abrdn service team via your secure mailbox',\r\n        icon: <CommunicateSecurelyIcon style={{ fontSize: 64 }} />,\r\n        url: '/messages/inbox',\r\n        cta: null,\r\n      },\r\n      {\r\n        title: 'Document Library',\r\n        copy: 'Receive your regular reporting content and exchange documents with us',\r\n        icon: <DocumentLibraryIcon style={{ fontSize: 64 }} />,\r\n        url: '/documents',\r\n        cta: null,\r\n      },\r\n    ],\r\n  };\r\n\r\n  let instance: any;\r\n\r\n  //\r\n  const { isMobile } = useWidth();\r\n\r\n  return (\r\n    <Box>\r\n      <Typography variant=\"h3\">{content.title}</Typography>\r\n\r\n      {isMobile ? (\r\n        <Swiper\r\n          pagination={true}\r\n          onSwiper={(swiper) => {\r\n            if (!instance) {\r\n              instance = swiper;\r\n            }\r\n          }}\r\n          spaceBetween={10}\r\n          slidesPerView={1}\r\n          allowTouchMove\r\n          breakpoints={{\r\n            480: {\r\n              slidesPerView: 2,\r\n            },\r\n            800: {\r\n              slidesPerView: 3,\r\n            },\r\n          }}\r\n        >\r\n          {content.items.map(\r\n            ({ title, copy, icon = null, cta = null, url }, index: number) => {\r\n              return (\r\n                <SwiperSlide key={`slide-${index}`}>\r\n                  <AbrdnBox elevation={1} className=\"quicklink-box\">\r\n                    {icon}\r\n                    <Typography variant=\"h5\">\r\n                      {url ? <Anchor to={url}>{title}</Anchor> : title}\r\n                    </Typography>\r\n                    <Typography paragraph={!!cta}>{copy}</Typography>\r\n                    {cta}\r\n                  </AbrdnBox>\r\n                </SwiperSlide>\r\n              );\r\n            }\r\n          )}\r\n        </Swiper>\r\n      ) : (\r\n        <Grid container spacing={3} direction=\"row\" alignItems=\"center\">\r\n          {content.items.map(\r\n            ({ title, copy, icon = null, cta = null, url }, index: number) => {\r\n              return (\r\n                <Grid item xs={6} md={3} key={`i-${index}`}>\r\n                  <AbrdnBox elevation={1} className=\"quicklink-box\">\r\n                    {icon}\r\n                    <Typography\r\n                      variant=\"h5\"\r\n                      style={{ minHeight: !!icon ? undefined : 40 }}\r\n                    >\r\n                      {url ? <Anchor to={url}>{title}</Anchor> : title}\r\n                    </Typography>\r\n                    <Box minHeight={75}>\r\n                      <Typography paragraph={!!cta}>{copy}</Typography>\r\n                    </Box>\r\n                    {cta}\r\n                  </AbrdnBox>\r\n                </Grid>\r\n              );\r\n            }\r\n          )}\r\n        </Grid>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n","import { ClientAccounts } from 'api/types';\r\n\r\n/**\r\n * Get a list of unique currencies\r\n * @param accounts client accounts\r\n * @returns a unique set of currencies\r\n */\r\nexport const getUniqueCurrencies = (accounts: ClientAccounts): string[] => {\r\n  const currencies: string[] = accounts.map((acc) => {\r\n    return acc.valuation.currencyCode;\r\n  });\r\n\r\n  const uniq = [...new Set(currencies)];\r\n\r\n  return uniq;\r\n};\r\n","// TODO: comment\r\nimport { AbrdnBox } from '@abrdn';\r\nimport {\r\n  BrandColours,\r\n  DEFAULT_CURRENCY_CODE,\r\n  GREY_LIGHT,\r\n} from '@abrdn-latest/config';\r\nimport { LineClamp } from '@abrdn-latest/core';\r\nimport { FundTypes } from '@abrdn-latest/types';\r\nimport { useDeepCompareEffect, useDidMountEffect } from '@abrdn-latest/use';\r\nimport {\r\n  Box,\r\n  Button,\r\n  ClickAwayListener,\r\n  Collapse,\r\n  Divider,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  Popper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport Fade from '@material-ui/core/Fade';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport { getClientSummary } from 'api';\r\nimport { ClientAccountSummary, Fund, Party } from 'api/types';\r\nimport { Anchor } from 'components/core';\r\nimport { CurrencySelector } from 'components/form';\r\nimport {\r\n  DocumentOnlyClientIcon,\r\n  ExternalLink,\r\n  InfoOutlinedIcon,\r\n  StarIcon,\r\n  UnfoldLessIcon,\r\n  UnfoldMoreIcon,\r\n} from 'icons';\r\nimport { useClientHoldings } from 'pages/client-holdings/data';\r\nimport React, { useState } from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { formatNumber, getFormattedDate } from 'utils';\r\nimport { getUniqueCurrencies } from '../getUniqueCurrencies';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  paper: {\r\n    backgroundColor: GREY_LIGHT,\r\n  },\r\n}));\r\n\r\ninterface Props {\r\n  client?: Party;\r\n  expanded?: boolean;\r\n  onMoreDetails?(): void;\r\n}\r\n\r\nexport const Tile = ({ expanded = false, client, onMoreDetails }: Props) => {\r\n  const content = {\r\n    info: {\r\n      title: `Valuations`,\r\n      copy: `This is a summary view of your holdings in the named account. The value represented here is an estimation based on latest current available data and FX rates. To view more detailed information select View Accounts from the holding or select the Accounts tab at the top of the page`,\r\n    },\r\n  };\r\n\r\n  const classes = useStyles();\r\n\r\n  const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n  const [detail, setDetail] = useState<ClientAccountSummary | null>(null);\r\n  const [error, setError] = useState<boolean>(false);\r\n\r\n  const handleClick = (ev: any) => {\r\n    setAnchorEl(anchorEl ? null : ev.currentTarget);\r\n  };\r\n\r\n  const handleClickAway = (ev: any) => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const open = Boolean(anchorEl);\r\n  const id = open ? 'transitions-popper' : undefined;\r\n\r\n  // client holdings methods\r\n  const { getClientDetails } = useClientHoldings();\r\n\r\n  const [currencyCode, setCurrencyCode] = useState<string | null>(null);\r\n  const [valuation, setValuation] = useState<number | null>(null);\r\n\r\n  // when the component loads or the client changes, we need to get\r\n  // all the summary information\r\n  useDeepCompareEffect(() => {\r\n    // load the summary/detailed information\r\n    const load = async () => {\r\n      if (client) {\r\n        const detail = await getClientDetails(client.id);\r\n\r\n        // TODO: work out why this is erroring\r\n        if (detail === null) {\r\n          if (process.env.NODE_ENV === 'development') {\r\n          }\r\n          setError(true);\r\n        } else {\r\n          // setError(false);\r\n        }\r\n\r\n        setCurrencyCode(null);\r\n\r\n        setDetail(detail);\r\n\r\n        if (detail) {\r\n          setValuation(detail.valuation.value);\r\n        }\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [client]);\r\n\r\n  // toggle additional account details open/closed\r\n  const [collapsed, setCollapsed] = useState<boolean>(false);\r\n\r\n  const toggleDetail = () => {\r\n    setCollapsed(!collapsed);\r\n  };\r\n\r\n  useDidMountEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        if (client) {\r\n          const summary = await getClientSummary(client.id, null, currencyCode);\r\n\r\n          if (summary) {\r\n            setValuation(summary.valuation.value);\r\n          }\r\n        }\r\n      } catch (e) {\r\n        setError(true);\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [currencyCode]);\r\n\r\n  if (error) {\r\n    return (\r\n      <AbrdnBox elevation={1}>\r\n        <Box minHeight={142}>\r\n          {client && (\r\n            <Typography\r\n              variant=\"h5\"\r\n              style={{ minHeight: 42, marginBottom: 15 }}\r\n            >\r\n              <LineClamp count={2}>{client.preferredName}</LineClamp>\r\n            </Typography>\r\n          )}\r\n          <Typography variant=\"h6\">\r\n            There has been an issue loading this account\r\n          </Typography>\r\n        </Box>\r\n      </AbrdnBox>\r\n    );\r\n  }\r\n\r\n  if (expanded) {\r\n    // get the list of currencies\r\n    const currencies: string[] = detail\r\n      ? detail.accounts.map((account) => account.valuation.currencyCode)\r\n      : [];\r\n\r\n    if (detail) {\r\n      currencies.unshift(detail.valuation.currencyCode);\r\n    }\r\n\r\n    // check to see if SICAV is in the list\r\n    const hasSICAV =\r\n      (detail\r\n        ? detail.accounts.filter(\r\n            (account) => account.productType === FundTypes.SICAV\r\n          )\r\n        : []\r\n      ).length > 0;\r\n\r\n    if (hasSICAV) {\r\n      currencies.push('EUR');\r\n    }\r\n\r\n    return (\r\n      <AbrdnBox elevation={1} padding={0}>\r\n        <Paper className={classes.paper}>\r\n          <Box padding={3}>\r\n            <Grid container spacing={3} direction=\"row\" justify=\"space-between\">\r\n              <Grid item>\r\n                <Typography variant=\"h5\">\r\n                  {client?.preferredName ? (\r\n                    <Anchor to={`/accounts/${client.id}/accounts/`}>\r\n                      {client.preferredName}\r\n                    </Anchor>\r\n                  ) : (\r\n                    <Skeleton width={180} />\r\n                  )}\r\n                </Typography>\r\n              </Grid>\r\n\r\n              <Grid item>\r\n                <IconButton\r\n                  color=\"primary\"\r\n                  aria-label=\"Information\"\r\n                  size=\"small\"\r\n                  onClick={handleClick}\r\n                >\r\n                  <InfoOutlinedIcon />\r\n                </IconButton>\r\n\r\n                <Popper id={id} open={open} anchorEl={anchorEl} transition>\r\n                  {({ TransitionProps }) => (\r\n                    <Fade {...TransitionProps} timeout={350}>\r\n                      <ClickAwayListener onClickAway={handleClickAway}>\r\n                        <Paper elevation={1}>\r\n                          <Box padding={2} maxWidth={450}>\r\n                            <Typography>{content.info.title}</Typography>\r\n                            <Typography variant=\"body2\">\r\n                              {content.info.copy}\r\n                            </Typography>\r\n                          </Box>\r\n                        </Paper>\r\n                      </ClickAwayListener>\r\n                    </Fade>\r\n                  )}\r\n                </Popper>\r\n              </Grid>\r\n            </Grid>\r\n\r\n            <Grid container spacing={1}>\r\n              <Grid item>\r\n                <Typography variant=\"h4\" style={{ margin: 0 }}>\r\n                  {detail && valuation ? (\r\n                    formatNumber(valuation, DEFAULT_CURRENCY_CODE, 2)\r\n                  ) : (\r\n                    <Skeleton width={180} />\r\n                  )}\r\n                </Typography>\r\n              </Grid>\r\n              {detail && (\r\n                <Grid item>\r\n                  <CurrencySelector\r\n                    currencies={(() => {\r\n                      return [\r\n                        ...new Set([\r\n                          detail.valuation.currencyCode,\r\n                          ...detail.currencyCodes,\r\n                        ]),\r\n                      ];\r\n                    })()}\r\n                    onChange={(currencyCode: string) => {\r\n                      setCurrencyCode(currencyCode);\r\n                    }}\r\n                  />\r\n                </Grid>\r\n              )}\r\n            </Grid>\r\n          </Box>\r\n        </Paper>\r\n\r\n        <Divider />\r\n\r\n        {detail && detail.accounts.length && (\r\n          <Collapse in={!collapsed}>\r\n            <Box padding={3}>\r\n              <TableContainer component={Paper}>\r\n                <Table size=\"small\" className=\"noborder\">\r\n                  <TableHead>\r\n                    <TableRow>\r\n                      <TableCell>Account number</TableCell>\r\n                      <TableCell>Type</TableCell>\r\n                      <TableCell align=\"right\">Account value</TableCell>\r\n                      <TableCell style={{ width: 40 }}></TableCell>\r\n                      <TableCell>As of</TableCell>\r\n                    </TableRow>\r\n                  </TableHead>\r\n                  <TableBody>\r\n                    {detail.accounts.map((account, index: number) => {\r\n                      return (\r\n                        <TableRow key={`a-${index}`}>\r\n                          <TableCell>{account.accountNumber}</TableCell>\r\n                          <TableCell>{account.productType}</TableCell>\r\n                          <TableCell align=\"right\">\r\n                            {formatNumber(\r\n                              account.valuation.value,\r\n                              DEFAULT_CURRENCY_CODE,\r\n                              2\r\n                            )}\r\n                          </TableCell>\r\n                          <TableCell>\r\n                            {account.valuation.currencyCode}\r\n                          </TableCell>\r\n                          <TableCell>\r\n                            {getFormattedDate(account.valuation.date)}\r\n                          </TableCell>\r\n                        </TableRow>\r\n                      );\r\n                    })}\r\n                  </TableBody>\r\n                </Table>\r\n              </TableContainer>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n\r\n        <Divider />\r\n\r\n        <Box padding={3}>\r\n          <Grid container justify=\"space-between\" alignItems=\"center\">\r\n            <Grid item>\r\n              {detail && detail.accounts && detail.accounts.length && (\r\n                <Button\r\n                  size=\"small\"\r\n                  onClick={toggleDetail}\r\n                  startIcon={\r\n                    collapsed ? <UnfoldMoreIcon /> : <UnfoldLessIcon />\r\n                  }\r\n                >\r\n                  {collapsed ? `Show Details` : `Hide Details`}\r\n                </Button>\r\n              )}\r\n            </Grid>\r\n            <Grid item>\r\n              {client && (\r\n                <Anchor to={`/accounts/${client.id}/accounts/`}>\r\n                  View Accounts{' '}\r\n                  <ExternalLink style={{ fontSize: 24, marginLeft: 6 }} />\r\n                </Anchor>\r\n              )}\r\n            </Grid>\r\n          </Grid>\r\n        </Box>\r\n      </AbrdnBox>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <AbrdnBox elevation={1}>\r\n      <Typography variant=\"h5\" style={{ minHeight: 42, marginBottom: 15 }}>\r\n        {client ? (\r\n          <Anchor\r\n            to={`/accounts/${client.id}/accounts/`}\r\n            onClick={(ev: any) => {\r\n              ev.preventDefault();\r\n              if (onMoreDetails) {\r\n                onMoreDetails();\r\n              }\r\n            }}\r\n          >\r\n            <LineClamp count={2}>{client.preferredName}</LineClamp>\r\n          </Anchor>\r\n        ) : (\r\n          <Skeleton width={180} />\r\n        )}\r\n      </Typography>\r\n      <Box paddingBottom={2}>\r\n        <Grid container spacing={1} alignItems=\"center\">\r\n          <Grid item>\r\n            <Box\r\n              style={{\r\n                overflow: 'hidden',\r\n                textOverflow: 'ellipsis',\r\n                maxWidth: 175,\r\n              }}\r\n            >\r\n              <Typography variant=\"h5\" noWrap style={{ margin: 0 }}>\r\n                {detail ? (\r\n                  formatNumber(\r\n                    detail.valuation.value,\r\n                    detail.valuation.currencyCode,\r\n                    2\r\n                  )\r\n                ) : (\r\n                  <Skeleton width={180} />\r\n                )}\r\n              </Typography>\r\n            </Box>\r\n          </Grid>\r\n          {detail && (\r\n            <Grid item>\r\n              <CurrencySelector\r\n                currencies={\r\n                  getUniqueCurrencies(detail.accounts)[0]\r\n                    ? [getUniqueCurrencies(detail.accounts)[0]]\r\n                    : [DEFAULT_CURRENCY_CODE]\r\n                }\r\n              />\r\n            </Grid>\r\n          )}\r\n        </Grid>\r\n      </Box>\r\n      {onMoreDetails && client && (\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          size=\"large\"\r\n          to={`/accounts/${client.id}/accounts/`}\r\n          component={RouterLink}\r\n        >\r\n          View Accounts\r\n        </Button>\r\n      )}\r\n    </AbrdnBox>\r\n  );\r\n};\r\n\r\nexport const DocumentOnlyTile = ({ client }: { client: Party }) => {\r\n  const { id, preferredName } = client;\r\n  const link = { pathname: '/documents', state: { clientId: id } };\r\n  return (\r\n    <AbrdnBox elevation={1}>\r\n      <Typography variant=\"h5\" style={{ minHeight: 42, marginBottom: 15 }}>\r\n        <Anchor to={link}>\r\n          <LineClamp count={2}>{preferredName}</LineClamp>\r\n        </Anchor>\r\n      </Typography>\r\n      <Box paddingBottom={2}>\r\n        <Grid container spacing={1} alignItems=\"center\">\r\n          <Grid item>\r\n            <Box\r\n              style={{\r\n                overflow: 'hidden',\r\n                textOverflow: 'ellipsis',\r\n                maxWidth: 175,\r\n              }}\r\n            >\r\n              <DocumentOnlyClientIcon />\r\n            </Box>\r\n          </Grid>\r\n          <Grid item>\r\n            <Typography variant=\"h5\" noWrap style={{ margin: 0, color: BrandColours[6] }}>\r\n              Document Library\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Button\r\n        variant=\"contained\"\r\n        color=\"primary\"\r\n        size=\"large\"\r\n        to={link}\r\n        component={RouterLink}\r\n      >\r\n        View Documents\r\n      </Button>\r\n    </AbrdnBox>\r\n  );\r\n};\r\n\r\nexport const FavouriteFundTile = ({ fund }: { fund: Fund }) => {\r\n  return (\r\n    <AbrdnBox elevation={1}>\r\n      <Typography variant=\"h5\" style={{ minHeight: 42, marginBottom: 15 }}>\r\n        <Anchor to={`/portfolio-holdings/${fund.fundCode}`}>\r\n          <LineClamp count={2}>{fund.fundName}</LineClamp>\r\n        </Anchor>\r\n      </Typography>\r\n      <Box paddingBottom={2}>\r\n        <Grid container spacing={1} alignItems=\"center\">\r\n          <Grid item>\r\n            <Box\r\n              style={{\r\n                overflow: 'hidden',\r\n                textOverflow: 'ellipsis',\r\n                maxWidth: 175,\r\n              }}\r\n            >\r\n              <StarIcon style={{ color: BrandColours[2] }} />\r\n            </Box>\r\n          </Grid>\r\n          <Grid item>\r\n            <Typography variant=\"h5\" noWrap style={{ margin: 0, color: BrandColours[2] }}>\r\n              Favourite Fund\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n      <Button\r\n        variant=\"contained\"\r\n        color=\"primary\"\r\n        size=\"large\"\r\n        to={`/portfolio-holdings/${fund.fundCode}`}\r\n        component={RouterLink}\r\n      >\r\n        View Details\r\n      </Button>\r\n    </AbrdnBox>\r\n  );\r\n};\r\n","// TODO: comment\r\n\r\nimport { Box, Container, Paper, Typography } from '@material-ui/core';\r\nimport { ThemeDark, ThemeDefault } from 'styles';\r\n\r\nimport React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { selectUserDetails } from 'redux/reducers/account';\r\nimport { useSelector } from 'react-redux';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { getPublicPath } from '../../../utils/assets';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  banner: {\r\n    position: 'relative',\r\n    zIndex: 0,\r\n    background: 'no-repeat 50% 0',\r\n    backgroundSize: 'cover',\r\n    backgroundPosition: 'center center',\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      height: 400,\r\n      zIndex: 8,\r\n      background:\r\n        'linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);',\r\n    },\r\n  },\r\n  heading: { fontSize: 64 },\r\n  main: { position: 'relative', zIndex: 10 },\r\n}));\r\n\r\ninterface Props {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const Banner = ({ children }: Props) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const classes = useStyles();\r\n\r\n  const { forename } = useSelector(selectUserDetails);\r\n\r\n  const images = [\r\n    getPublicPath('images/backgrounds/hero/hero-1.jpg'),\r\n    getPublicPath('images/backgrounds/hero/hero-2.jpg'),\r\n    getPublicPath('images/backgrounds/hero/hero-3.jpg'),\r\n    getPublicPath('images/backgrounds/hero/hero-4.jpg'),\r\n    getPublicPath('images/backgrounds/hero/hero-5.jpg'),\r\n    getPublicPath('images/backgrounds/hero/hero-6.jpg'),\r\n    getPublicPath('images/backgrounds/hero/hero-7.jpg'),\r\n  ];\r\n\r\n  const dayOfTheWeek = new Date().getDay();\r\n\r\n  return (\r\n    <ThemeDark>\r\n      <Paper>\r\n        <Box\r\n          className={classes.banner}\r\n          paddingY={8}\r\n          style={{ backgroundImage: `url(${images[dayOfTheWeek]})` }}\r\n        >\r\n          <Container>\r\n            <Box paddingTop={10} className={classes.main}>\r\n              <Box>\r\n                <Typography\r\n                  component=\"h2\"\r\n                  variant=\"h5\"\r\n                  style={{ marginBottom: 15 }}\r\n                >\r\n                  Hello {forename}\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h3\">\r\n                  {t('common:titles.home')}\r\n                </Typography>\r\n              </Box>\r\n              <ThemeDefault>{children}</ThemeDefault>\r\n            </Box>\r\n          </Container>\r\n        </Box>\r\n      </Paper>\r\n    </ThemeDark>\r\n  );\r\n};\r\n","import { Balls } from '@abrdn';\r\nimport {\r\n  ApplePodcastsIcon,\r\n  ESGPodcastIcon,\r\n  ESGReportIcon,\r\n  SpotifyIcon,\r\n} from 'icons';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Container,\r\n  Grid,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { Stack } from '@abrdn-latest/core';\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { useApp } from '@abrdn-latest/providers';\r\n\r\nimport { GREY_MEDIUM } from '@abrdn-latest/config';\r\nimport React from 'react';\r\n\r\nconst handlePodcastClick = (ev: React.MouseEvent) => {\r\n  ev.preventDefault();\r\n};\r\n\r\nconst handleReportClick = (ev: React.MouseEvent) => {\r\n  ev.preventDefault();\r\n};\r\n\r\n// copy\r\nconst content = {\r\n  header: {\r\n    title: 'Sustainable Investing',\r\n    subtitle: 'Invest today. Change tomorrow.',\r\n    subsubtitle: 'ESG factors at the heart of our investment processes',\r\n  },\r\n  video: {\r\n    title: 'Ethical, Social and Governance',\r\n    src: 'https://aberdeen-asset.kulu.net/view/qcNHlWDvy6P?inline=true',\r\n  },\r\n  items: [\r\n    {\r\n      title: 'Sustainability Inspires Podcast',\r\n      copy: 'Explore Sustainable Investing themes such as ESG, sustainability, and climate change in thought-provoking discussions on how we can invest for a better future.',\r\n      copyMaxWidth: 430,\r\n\r\n      cta: (\r\n        <Stack spacing={2}>\r\n          <Button\r\n            variant=\"contained\"\r\n            color=\"primary\"\r\n            size=\"large\"\r\n            target=\"_blank\"\r\n            href={\r\n              'https://podcasts.apple.com/gb/podcast/sustainability-inspires-podcast/id1560985640#xd_co_f=OGIzMTg4YTItNGE0Zi00NTQ5LTg3NTgtOGI4N2ViMzYyNmI5~'\r\n            }\r\n            startIcon={<ApplePodcastsIcon />}\r\n            style={{ width: 178 }}\r\n          >\r\n            Apple Podcasts\r\n          </Button>\r\n\r\n          <Button\r\n            variant=\"contained\"\r\n            color=\"primary\"\r\n            size=\"large\"\r\n            target=\"_blank\"\r\n            href={'https://open.spotify.com/show/0IUZ5zx3DYQYcGtNQA11Xd'}\r\n            startIcon={<SpotifyIcon />}\r\n            style={{ width: 178 }}\r\n          >\r\n            Spotify\r\n          </Button>\r\n        </Stack>\r\n      ),\r\n      icon: <ESGPodcastIcon style={{ fontSize: 60 }} />,\r\n    },\r\n    {\r\n      title: 'Stewardship Report',\r\n      copy: 'Stewardship is the responsible allocation, management, and oversight of capital to create long-term value for clients and beneficiaries leading to sustainable benefits for the economy, the environment and society.',\r\n      copyMaxWidth: 410,\r\n\r\n      cta: (\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          size=\"large\"\r\n          target=\"_blank\"\r\n          href={\r\n            'https://www.abrdn.com/docs?editionId=50636955-103f-47cb-86e2-036aec4d30d4'\r\n          }\r\n        >\r\n          Read the Report\r\n        </Button>\r\n      ),\r\n\r\n      icon: <ESGReportIcon style={{ fontSize: 60 }} />,\r\n    },\r\n  ],\r\n};\r\n\r\n/**\r\n *\r\n * @returns ReactNode\r\n */\r\nexport const EthicalSocialGovernance = () => {\r\n  const { isMobile } = useWidth();\r\n  const { isHomepage = false } = useApp();\r\n\r\n  return (\r\n    <Paper>\r\n      <Container>\r\n        <Box paddingY={8}>\r\n          {/* Title/Header area */}\r\n          <Grid container spacing={3} justify=\"space-between\">\r\n            <Grid item>\r\n              {isHomepage && (\r\n                <Typography variant=\"h3\" style={{ marginBottom: 40 }}>\r\n                  {content.header.title}\r\n                </Typography>\r\n              )}\r\n              <Typography variant=\"h4\" style={{ margin: 0, marginBottom: 16 }}>\r\n                {content.header.subtitle}\r\n              </Typography>\r\n              <Typography variant=\"subtitle2\" style={{ marginBottom: 40 }}>\r\n                {content.header.subsubtitle}\r\n              </Typography>\r\n            </Grid>\r\n            {/* If the page is big enough, add the ball graphic */}\r\n            {!isMobile && isHomepage && (\r\n              <Grid item>\r\n                <Balls cols={13} rows={5} />\r\n              </Grid>\r\n            )}\r\n          </Grid>\r\n          <Grid container spacing={3} wrap=\"wrap\">\r\n            {content.items.map(({ title, copy, copyMaxWidth, icon = null, cta = null }, index: number) => (\r\n              <Grid\r\n                item\r\n                xs={12}\r\n                md={6}\r\n                key={`i-${index}`}\r\n              >\r\n                <Box p={3} pt={4} style={{\r\n                  display: 'flex',\r\n                  flexDirection: 'column',\r\n                  justifyContent: 'space-between',\r\n                  backgroundColor: GREY_MEDIUM,\r\n                  height: '100%',\r\n                }}>\r\n                  <Grid container spacing={1}>\r\n                    <Grid item xs>\r\n                      <Typography variant=\"h4\" style={{ marginBottom: 16 }}>\r\n                        {title}\r\n                      </Typography>\r\n\r\n                      <Typography paragraph style={{ fontSize: 14, maxWidth: copyMaxWidth }}>\r\n                        {copy}\r\n                      </Typography>\r\n                    </Grid>\r\n\r\n                    <Grid item>\r\n                      {icon}\r\n                    </Grid>\r\n                  </Grid>\r\n\r\n                  <Box mt={3}>\r\n                    {cta}\r\n                  </Box>\r\n                </Box>\r\n              </Grid>\r\n            ))}\r\n          </Grid>\r\n        </Box>\r\n      </Container>\r\n    </Paper>\r\n  );\r\n};\r\n","import { Box, Container, Grid, List, ListItem, Paper, Typography } from '@material-ui/core';\r\n\r\nimport { EmbeddedVideo } from '@abrdn-latest/core';\r\nimport { ExternalAnchor } from 'components/core';\r\nimport { Fragment } from 'react';\r\nimport { GREY_LIGHT } from '@abrdn-latest/config';\r\nimport { PictureAsPdfIcon } from 'icons';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  border: {\r\n    border: '1px solid #D9D9D6',\r\n  },\r\n  listItem: {\r\n    display: 'list-item',\r\n    listStyleType: 'disc',\r\n    textDecoration: 'none !important',\r\n    marginLeft: 20,\r\n    paddingLeft: 10,\r\n  },\r\n}));\r\n\r\nexport const ClimateInsights = () => {\r\n  const classes = useStyles();\r\n\r\n  const documents = [\r\n    {\r\n      title: 'ESG - Our House Scores',\r\n      url: 'https://www.abrdn.com/docs?editionId=f5a42b66-a61e-4359-a4bc-23dfd7092c01',\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <Paper style={{ backgroundColor: GREY_LIGHT }}>\r\n      <Container>\r\n        <Box paddingY={8}>\r\n          <Typography variant=\"h4\">Sustainable Investing</Typography>\r\n          <Grid container spacing={3} wrap=\"wrap\">\r\n            <Grid item xs={12} md={6}>\r\n              <Typography paragraph>\r\n                ESG considerations are a critical part of our decision-making\r\n                process across asset classes. This happens at all stages from\r\n                research through to investment decision; as well as continued\r\n                active ownership throughout. In addition, we offer clients\r\n                looking for more focused sustainability investments a range of\r\n                solutions.\r\n              </Typography>\r\n              <Typography paragraph>\r\n                We have been evolving our approach to Sustainable investing\r\n                since 1992, with our first ethical fund launched in 1994.\r\n                Clients can be assured in our sustainable investing approach,\r\n                which offers:\r\n              </Typography>\r\n              <List>\r\n                <ListItem className={classes.listItem}>\r\n                  Embedded ESG expertise – our global Sustainability Group works closely with ESG experts located throughout different regions, asset classes and business functions; to offer comprehensive insight.\r\n                </ListItem>\r\n                <ListItem className={classes.listItem}>\r\n                  Proprietary process, research and tools offer investment critical insight - with added rigour, based on our own set of proprietary toolkit; complementing a broad range of third-party sources.\r\n                </ListItem>\r\n                <ListItem className={classes.listItem}>\r\n                  An active ownership approach - which seeks to enhance and protect the value of portfolios by actively engaging with companies we invest in and voting on policies to encourage progress in sustainability.\r\n                </ListItem>\r\n              </List>\r\n\r\n\r\n\r\n              {documents && (\r\n                <Fragment>\r\n                  <Typography\r\n                    variant=\"h5\"\r\n                    component=\"h2\"\r\n                    style={{ marginTop: 40 }}\r\n                  >\r\n                    Key documents\r\n                  </Typography>\r\n                  {documents.map(({ title, url }, index: number) => (\r\n                    <Box key={`doc-${index}`} marginY={3}>\r\n                      <Paper className={classes.border}>\r\n                        <Box padding={3}>\r\n                          <Grid\r\n                            container\r\n                            spacing={3}\r\n                            justify=\"space-between\"\r\n                            alignItems=\"center\"\r\n                          >\r\n                            <Grid item xs={10}>\r\n                              <Typography variant=\"h5\" style={{ margin: 0 }}>\r\n                                <ExternalAnchor\r\n                                  to={url}\r\n                                  label={title}\r\n                                  icon={false}\r\n                                />\r\n                              </Typography>\r\n                            </Grid>\r\n                            <Grid item xs={2}>\r\n                              <Box textAlign=\"right\">\r\n                                <PictureAsPdfIcon />\r\n                              </Box>\r\n                            </Grid>\r\n                          </Grid>\r\n                        </Box>\r\n                      </Paper>\r\n                    </Box>\r\n                  ))}\r\n                </Fragment>\r\n              )}\r\n            </Grid>\r\n            <Grid item xs={12} md={6}>\r\n              <EmbeddedVideo\r\n                title=\"Climate Change: Hydrogen\"\r\n                src=\"https://www.youtube.com/embed/6nTN3Ed1bMQ\"\r\n              />\r\n            </Grid>\r\n          </Grid>\r\n        </Box>\r\n      </Container>\r\n    </Paper>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { ArticlePreview } from '@abrdn-latest/core';\r\nimport {\r\n  Box,\r\n  Chip,\r\n  Container,\r\n  Divider,\r\n  Grid,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport { getArticles } from 'api';\r\nimport { OurThinkingModel } from 'api/types';\r\nimport { Anchor } from 'components/core';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  tile: {\r\n    border: '1px solid #D9D9D6',\r\n  },\r\n}));\r\n\r\nexport const TilePlaceholder = () => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <Paper className={classes.tile}>\r\n      <Box>\r\n        <Skeleton variant=\"rect\" width=\"100%\" height={200} />\r\n      </Box>\r\n      <Box padding={2}>\r\n        <Typography variant=\"h4\">\r\n          <Skeleton />\r\n        </Typography>\r\n        <Typography variant=\"body2\">\r\n          <Skeleton />\r\n          <Skeleton />\r\n          <Skeleton />\r\n          <Skeleton width=\"60%\" />\r\n        </Typography>\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n\r\nexport const OurThinkingWidget = () => {\r\n  const classes = useStyles();\r\n\r\n  const [articles, setArticles] = useState<null | OurThinkingModel[]>(null);\r\n  const [loading, setLoading] = useState<boolean>(true);\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      const items = await getArticles();\r\n\r\n      if (items) {\r\n        setArticles(items);\r\n      }\r\n\r\n      setLoading(false);\r\n    };\r\n\r\n    load();\r\n  }, []);\r\n\r\n  if (!articles) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Paper>\r\n      <Box paddingY={8}>\r\n        <Container>\r\n          <Typography variant=\"h3\">Our thinking</Typography>\r\n          <Grid container spacing={3} alignItems=\"stretch\">\r\n            {articles\r\n              .slice(0, 2)\r\n              .map((article: OurThinkingModel, index: number) => {\r\n                const link: string = `/our-thinking/${article.id}`;\r\n\r\n                if (loading) {\r\n                  return (\r\n                    <Grid item xs={12} sm={4} key={`i-${index}`}>\r\n                      <TilePlaceholder />\r\n                    </Grid>\r\n                  );\r\n                }\r\n\r\n                return (\r\n                  <Grid item xs={12} sm={4} key={`i-${index}`}>\r\n                    <ArticlePreview\r\n                      title={article.title}\r\n                      image={article.image}\r\n                      url={link}\r\n                      excerpt={article.excerpt}\r\n                      readTime={article.readTime}\r\n                      date={article.date}\r\n                    />\r\n                  </Grid>\r\n                );\r\n              })}\r\n\r\n            <Grid item xs={12} sm={4}>\r\n              {articles\r\n                .slice(2)\r\n                .map((article: OurThinkingModel, index: number) => {\r\n                  const link: string = `/our-thinking/${article.id}`;\r\n                  return (\r\n                    <Fragment key={`a-${index}`}>\r\n                      <Box paddingY={2}>\r\n                        <Typography variant=\"h5\">\r\n                          {loading ? (\r\n                            <Skeleton />\r\n                          ) : (\r\n                            <Anchor to={link}>{article.title}</Anchor>\r\n                          )}\r\n                        </Typography>\r\n                        {!loading && (\r\n                          <Box>\r\n                            <Chip\r\n                              size=\"small\"\r\n                              color=\"primary\"\r\n                              variant=\"outlined\"\r\n                              label={article.date}\r\n                            />\r\n                            <Chip\r\n                              size=\"small\"\r\n                              color=\"primary\"\r\n                              variant=\"outlined\"\r\n                              label={`${article.format} ${article.readTime}`}\r\n                            />\r\n                          </Box>\r\n                        )}\r\n                      </Box>\r\n                      <Divider />\r\n                    </Fragment>\r\n                  );\r\n                })}\r\n            </Grid>\r\n          </Grid>\r\n\r\n          <Box marginTop={4}>\r\n            <Anchor to={'/our-thinking/'}>View more articles</Anchor>\r\n          </Box>\r\n        </Container>\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n","import { Box, Container, Grid, Paper, Typography } from '@material-ui/core';\r\n\r\nimport { EmbeddedVideo } from '@abrdn-latest/core';\r\nimport { ExternalAnchor } from 'components/core';\r\nimport { PictureAsPdfIcon } from 'icons';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  border: {\r\n    border: '1px solid #D9D9D6',\r\n  },\r\n}));\r\n\r\nexport const SustainableInvesting = () => {\r\n  const classes = useStyles();\r\n\r\n  // const { data, error } = useFetch(\r\n  //   'https://www.abrdn.com/en/uk/adviser/articlesapi/articles/thinkingaloudrelatedarticlesdata?dataSourceItemId=%7b2C63E96A-9D17-443C-A5E4-07B31002EAAD%7d&currentArticleItemId=&articleTagsIds=%7b06365395-3B00-4F45-A826-73C16DBC438D%7d&articleCategoriesIdsParam=&top=2&skip=0',\r\n  //   { mode: 'cors' }\r\n  // );\r\n\r\n  const documents = [\r\n    {\r\n      title: 'Sustainable Investing – our approach',\r\n      url: 'https://www.abrdn.com/docs?editionId=957c6ea4-1d86-4610-8559-82f883342f59',\r\n    },\r\n    // {\r\n    //   title: 'Read our Sustainable Investing Story',\r\n    //   url: 'https://www.abrdn.com/docs?editionId=5ebe6c65-5535-409a-a92e-8ed6aaeb9008',\r\n    // },\r\n  ];\r\n\r\n  return (\r\n    <Paper>\r\n      <Container>\r\n        <Box paddingY={8}>\r\n          {/* video */}\r\n          <Grid container spacing={3} wrap=\"wrap\">\r\n            <Grid item xs={12} md={6}>\r\n              <Typography variant=\"h4\">\r\n                Investing for a sustainable tomorrow\r\n              </Typography>\r\n\r\n              <Typography paragraph>\r\n                We have elevated our sustainability efforts across the company.\r\n                That’s because we believe the consideration of ESG factors\r\n                results in more constructive engagement and better informed\r\n                investment decisions – helping our clients achieve their\r\n                financial objectives\r\n              </Typography>\r\n\r\n              {documents.map(({ title, url }, index: number) => (\r\n                <Box key={`doc-${index}`} marginY={3}>\r\n                  <Paper className={classes.border}>\r\n                    <Box padding={2}>\r\n                      <Grid\r\n                        container\r\n                        spacing={3}\r\n                        justify=\"space-between\"\r\n                        alignItems=\"center\"\r\n                      >\r\n                        <Grid item xs={10}>\r\n                          <Typography variant=\"h5\" style={{ margin: 0 }}>\r\n                            <ExternalAnchor\r\n                              to={url}\r\n                              label={title}\r\n                              icon={false}\r\n                            />\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={2}>\r\n                          <Box textAlign=\"right\">\r\n                            <PictureAsPdfIcon />\r\n                          </Box>\r\n                        </Grid>\r\n                      </Grid>\r\n                    </Box>\r\n                  </Paper>\r\n                </Box>\r\n              ))}\r\n            </Grid>\r\n\r\n            <Grid item xs={12} md={6}>\r\n              <EmbeddedVideo\r\n                title=\"\"\r\n                src=\"https://www.youtube.com/embed/RcSHk1khAvo\"\r\n              />\r\n            </Grid>\r\n          </Grid>\r\n        </Box>\r\n      </Container>\r\n    </Paper>\r\n  );\r\n};\r\n","import { AccountsWidget } from 'pages/client-holdings/components';\r\nimport { EthicalSocialGovernance } from '../esg/components';\r\nimport { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { OurThinkingWidget } from 'pages/our-thinking/components';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst PageHome = () => {\r\n  // language translations\r\n  const { t } = useTranslation(['common']);\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.home')}</title>\r\n      </Helmet>\r\n\r\n      {/* Homepage banner */}\r\n      <AccountsWidget />\r\n\r\n      {/* ESG Banner and articles */}\r\n      <EthicalSocialGovernance />\r\n\r\n      {/* Our Thinking / news articles */}\r\n      {process.env.REACT_APP_FEATURE_OUR_THINKING && <OurThinkingWidget />}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageHome;\r\n","import { Box, Button, Paper, Typography } from '@material-ui/core';\r\nimport { useSecurity } from 'authentication';\r\nimport React, { CSSProperties, Fragment } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Stack } from '../../@abrdn-latest/core';\r\nimport { Anchor } from '../../components/core';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport { getPublicPath } from '../../utils/assets';\r\nimport { ErrorDialog } from '../../authentication/ErrorDialog';\r\nimport { PageAuth } from './PageAuth';\r\nimport { formatString } from '../../utils';\r\n\r\ninterface FeatureTileProps {\r\n  icon: 'portfolio' | 'holdings' | 'tasks' | 'reporting';\r\n  text: string;\r\n  title: string;\r\n}\r\n\r\nconst useTileStyles = makeStyles((theme) => ({\r\n  container: {\r\n    maxWidth: 260,\r\n  },\r\n  icon: {\r\n    marginBottom: 32,\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 80,\r\n    height: 80,\r\n    backgroundImage: (props: FeatureTileProps) =>\r\n      `url(\"${getPublicPath(`images/icons/feature-${props.icon}.svg`)}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n  title: {\r\n    marginBottom: 20,\r\n    fontSize: 20,\r\n    fontWeight: 600,\r\n  },\r\n  text: {\r\n    color: '#555555',\r\n    fontSize: 14,\r\n    fontWeight: 500,\r\n  },\r\n}));\r\n\r\nfunction FeatureTile(props: FeatureTileProps) {\r\n  const classes = useTileStyles(props);\r\n  return (\r\n    <Box className={classes.container}>\r\n      <Box className={classes.icon} />\r\n      <Typography variant=\"h5\" className={classes.title}>\r\n        {props.title}\r\n      </Typography>\r\n      <Typography className={classes.text}>\r\n        {props.text}\r\n      </Typography>\r\n    </Box>\r\n  );\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => {\r\n  const button: CSSProperties = {\r\n    width: 135,\r\n    fontSize: 16,\r\n    fontWeight: 600,\r\n  };\r\n  return {\r\n    paper: {\r\n      background: 'transparent',\r\n      minHeight: '100vh',\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      justifyContent: 'space-between',\r\n    },\r\n    container: {\r\n      padding: '20px 28px',\r\n    },\r\n    banner: {\r\n      position: 'relative',\r\n      background: 'no-repeat 50% 0',\r\n      backgroundImage: `url(${getPublicPath('images/backgrounds/icebreaker.jpg')})`,\r\n      backgroundSize: 'cover',\r\n      backgroundPosition: 'center bottom',\r\n      height: 800,\r\n      padding: '24px 32px',\r\n      '@media (min-width:3500px)': {\r\n        height: 1400,\r\n        padding: '24px 20%',\r\n      },\r\n    },\r\n    logo: {\r\n      position: 'relative',\r\n      overflow: 'hidden',\r\n      width: 160,\r\n      height: 50,\r\n      margin: '-8px -26px',\r\n      backgroundImage: `url(\"${getPublicPath('images/abrdn-black.png')}\")`,\r\n      backgroundRepeat: 'no-repeat',\r\n      backgroundPosition: 'center',\r\n      backgroundSize: 'cover',\r\n    },\r\n    titleBox: {\r\n      paddingTop: 80,\r\n      '@media (min-width:960px)': {\r\n        paddingLeft: 112,\r\n      },\r\n    },\r\n    title: {\r\n      marginBottom: 16,\r\n    },\r\n    loginButton: {\r\n      ...button,\r\n      background: 'linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #00205B',\r\n      '&:hover': {\r\n        background: 'linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), #00205B !important',\r\n      },\r\n    },\r\n    registerButton: {\r\n      ...button,\r\n      color: '#00205B',\r\n      background: '#D1D5DB',\r\n      border: '2px solid #00205B',\r\n      '&:hover': {\r\n        background: '#DDD !important',\r\n      },\r\n    },\r\n    personalInvestorWrapper: {\r\n      position: 'absolute',\r\n      right: 28,\r\n      left: 28,\r\n      bottom: -76,\r\n      height: 152,\r\n      width: 'calc(100% - 28px - 28px)',\r\n      background: '#fff',\r\n      padding: 4,\r\n      borderRadius: 6,\r\n      '@media (min-width:600px)': {\r\n        right: '10%',\r\n        left: 'initial',\r\n        maxWidth: 471,\r\n      },\r\n      '@media (min-width:3500px)': {\r\n        right: '28%',\r\n      },\r\n    },\r\n    personalInvestor: {\r\n      padding: 24,\r\n      background: '#41273B',\r\n      color: '#fff',\r\n      borderRadius: 4,\r\n      fontSize: 14,\r\n      '@media (min-width:600px)': {\r\n        padding: '24px 64px 24px 24px',\r\n      }\r\n    },\r\n    personalInvestorTitle: {\r\n      fontSize: 16,\r\n      fontWeight: 600,\r\n      marginBottom: 4,\r\n    },\r\n    personalInvestorLink: {\r\n      display: 'block',\r\n      color: '#fff',\r\n      fontSize: 14,\r\n      fontWeight: 600,\r\n      marginTop: 12,\r\n    },\r\n    personalInvestorImg: {\r\n      position: 'relative',\r\n      overflow: 'hidden',\r\n      width: 64,\r\n      height: 64,\r\n      backgroundImage: `url(\"${getPublicPath('images/icons/personal-investor.svg')}\")`,\r\n      backgroundRepeat: 'no-repeat',\r\n      backgroundPosition: 'center',\r\n      backgroundSize: 'cover',\r\n    },\r\n    bottomContainer: {\r\n      margin: '184px 0 104px',\r\n      padding: '0 32px',\r\n      '@media (min-width:400px)': {\r\n        margin: '152px 0 104px',\r\n      },\r\n      '@media (min-width:500px)': {\r\n        margin: '120px 0 104px',\r\n      },\r\n      '@media (min-width:1024px)': {\r\n        margin: '72px 0 104px',\r\n        padding: '0 144px',\r\n      },\r\n      '@media (min-width:3500px)': {\r\n        padding: '0 20%',\r\n      },\r\n    },\r\n    createdForYou: {\r\n      maxWidth: 600,\r\n    },\r\n    noWrap: {\r\n      whiteSpace: 'nowrap',\r\n    },\r\n    tilesContainer: {\r\n      display: 'flex',\r\n      justifyContent: 'space-evenly',\r\n      flexWrap: 'wrap',\r\n      gap: 40,\r\n      '@media (min-width:600px)': {\r\n        gap: 20,\r\n      },\r\n      '@media (min-width:960px)': {\r\n        justifyContent: 'space-between',\r\n        flexWrap: 'nowrap',\r\n      },\r\n    },\r\n    footer: {\r\n      background: '#000000',\r\n      color: '#FFFFFF',\r\n      padding: '32px 32px',\r\n      '@media (min-width:960px)': {\r\n        padding: '32px 144px',\r\n      },\r\n      '@media (min-width:3500px)': {\r\n        padding: '32px 20%',\r\n      },\r\n    },\r\n    allRightsReserved: {\r\n      marginBottom: 8,\r\n    },\r\n    risk: {\r\n      maxWidth: 870,\r\n      fontSize: 14,\r\n      lineHeight: '24px',\r\n    },\r\n  };\r\n});\r\n\r\nexport function AuthLandingPage() {\r\n  const classes = useStyles();\r\n  const { t } = useTranslation(['common']);\r\n  const { authState, authMethods } = useSecurity();\r\n  const { oktaAuth } = useOktaAuth();\r\n\r\n  async function signInWithRedirect() {\r\n    await oktaAuth.clearDPoPStorage();\r\n    await oktaAuth.signInWithRedirect();\r\n  }\r\n\r\n  function onClickHelp() {\r\n    const email = 'ConnectHelp@abrdn.com';\r\n    const subject = 'Help with abrdn Connect';\r\n    window.open(`mailto:${email}?subject=${subject}`, '_blank', 'noopener,noreferrer');\r\n  }\r\n\r\n  if (authState.isAuthenticated) {\r\n    return <Redirect to=\"/home\" />\r\n  }\r\n\r\n  if (authState.error) {\r\n    return (\r\n      <PageAuth>\r\n        <ErrorDialog type=\"login\" onBack={authMethods.removeError} />\r\n      </PageAuth>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>Authentication</title>\r\n\r\n        <style type=\"text/css\">{`\r\n        .main{\r\n            display: flex;\r\n   flex-direction: column;\r\n        }\r\n    `}</style>\r\n      </Helmet>\r\n      <Paper className={classes.paper}>\r\n        <Box>\r\n          <Box className={classes.banner}>\r\n            <Stack justifyContent=\"space-between\">\r\n              <Box className={classes.logo} />\r\n              <div\r\n                style={{ fontSize: 16, fontWeight: 600, textDecoration: 'none', cursor: 'pointer' }}\r\n                onClick={onClickHelp}\r\n              >\r\n                Help\r\n              </div>\r\n            </Stack>\r\n            <Box className={classes.titleBox}>\r\n              <Typography\r\n                component=\"h1\"\r\n                variant=\"h2\"\r\n                className={classes.title}\r\n              >\r\n                Welcome to abrdn Connect\r\n              </Typography>\r\n              <Typography component=\"h2\" variant=\"h4\">\r\n                Our dedicated service platform for institutional investors\r\n              </Typography>\r\n              <Stack spacing={2}>\r\n                <Button\r\n                  className={classes.loginButton}\r\n                  size=\"large\"\r\n                  variant=\"contained\"\r\n                  type=\"submit\"\r\n                  color=\"primary\"\r\n                  onClick={signInWithRedirect}\r\n                >\r\n                  Log In\r\n                </Button>\r\n                <Button\r\n                  className={classes.registerButton}\r\n                  size=\"large\"\r\n                  variant=\"contained\"\r\n                  type=\"submit\"\r\n                  color=\"primary\"\r\n                  component={Link}\r\n                  to=\"/auth/register\"\r\n                >\r\n                  Register\r\n                </Button>\r\n              </Stack>\r\n            </Box>\r\n            <Box className={classes.personalInvestorWrapper}>\r\n              <Box className={classes.personalInvestor}>\r\n                <Stack alignItems=\"flex-start\" spacing={3}>\r\n                  <Box>\r\n                    <Box className={classes.personalInvestorImg} />\r\n                  </Box>\r\n                  <Box>\r\n                    <Typography className={classes.personalInvestorTitle}>\r\n                      Looking for your personal investments?\r\n                    </Typography>\r\n                    <Typography variant=\"body2\">\r\n                      Details on your abrdn personal investments can be found in our individual investor site.\r\n                    </Typography>\r\n                    <a\r\n                      rel=\"noopener noreferrer\"\r\n                      href=\"https://www.abrdn.com/\"\r\n                      className={classes.personalInvestorLink}\r\n                    >\r\n                      Explore our personal investment solutions\r\n                    </a>\r\n                  </Box>\r\n                </Stack>\r\n              </Box>\r\n            </Box>\r\n          </Box>\r\n          <Box className={classes.bottomContainer}>\r\n          <Box className={classes.createdForYou}>\r\n            <Typography variant=\"h5\">\r\n              Connect was created with you in mind\r\n            </Typography>\r\n            <Typography>\r\n              Institutional investors are an essential part of our business, we created\r\n              {' '}\r\n              <span className={classes.noWrap}>abrdn Connect</span>\r\n              {' '}\r\n              to allow you to securely access data on your holdings with us.\r\n            </Typography>\r\n          </Box>\r\n          <Box mt={9}>\r\n            <Box className={classes.tilesContainer}>\r\n              <FeatureTile\r\n                icon=\"portfolio\"\r\n                title=\"Explore our portfolio\"\r\n                text=\"View the details of all our funds to make informed investments.\"\r\n              />\r\n              <FeatureTile\r\n                icon=\"holdings\"\r\n                title=\"View your holdings\"\r\n                text=\"See up-to-date valuations for your holdings and accounts here.\"\r\n              />\r\n              <FeatureTile\r\n                icon=\"tasks\"\r\n                title=\"Tasks & activities\"\r\n                text=\"Raise requests and complete tasks to manage your abrdn relationship.\"\r\n              />\r\n              <FeatureTile\r\n                icon=\"reporting\"\r\n                title=\"View regular reporting\"\r\n                text=\"Document library where your reporting is available.\"\r\n              />\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n        </Box>\r\n        <Box className={classes.footer}>\r\n          <Typography className={classes.allRightsReserved}>\r\n            {formatString(t('common:footer.copyright'), {\r\n              year: new Date().getFullYear(),\r\n            })}\r\n          </Typography>\r\n          <Box mb={4}>\r\n            <Stack spacing={3}>\r\n              <Anchor to=\"/terms-and-conditions\" style={{ fontSize: 12, lineHeight: '24px', color: '#fff', textDecoration: 'none' }}>\r\n                Terms & Conditions\r\n              </Anchor>\r\n              <a\r\n                rel=\"noopener noreferrer\"\r\n                href=\"https://www.abrdn.com/corporate/cookie-policy\"\r\n                target=\"_blank\"\r\n                style={{ fontSize: 12, lineHeight: '24px', color: '#fff', textDecoration: 'none' }}\r\n              >\r\n                Cookie Policy\r\n              </a>\r\n              <a\r\n                rel=\"noopener noreferrer\"\r\n                href=\"https://www.abrdn.com/en/uk/institutional/privacy\"\r\n                target=\"_blank\"\r\n                style={{ fontSize: 12, lineHeight: '24px', color: '#fff', textDecoration: 'none' }}\r\n              >\r\n                Privacy\r\n              </a>\r\n            </Stack>\r\n          </Box>\r\n          <Box className={classes.risk}>\r\n            Investment involves risk. The value of investments, and the income from them, can go down as well as up and an investor may get back less than the amount invested. Past performance is not a guide to future results.\r\n          </Box>\r\n        </Box>\r\n      </Paper>\r\n    </Fragment>\r\n  );\r\n}\r\n","import { useEffect } from 'react';\r\nimport { useSecurity } from './SecurityContext';\r\nimport { Splash } from '../components/splash';\r\nimport { useRouter } from '../@abrdn-latest/use';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\n\r\nexport function LogoutPage() {\r\n  const { authMethods } = useSecurity();\r\n  const { authState: oktaAuthState } = useOktaAuth();\r\n  const { query } = useRouter();\r\n  const oktaBaseUrl = new URL(oktaAuthState.idToken.issuer).origin;\r\n  const resetPasswordUrl = `${oktaBaseUrl}/signin/forgot-password`;\r\n\r\n  useEffect(() => {\r\n    async function logout() {\r\n      try {\r\n        await authMethods.signOut();\r\n        // @ts-ignore\r\n        if (query.resetpassword) {\r\n          window.location.href = resetPasswordUrl;\r\n        }\r\n      } catch (err: any) {\r\n        // NOTE: Can't distinguish CORS error from other network errors\r\n        const isCorsError = !err.errorCode &&\r\n          err.name === 'AuthApiError' &&\r\n          err.xhr.message === 'Failed to fetch';\r\n        if (isCorsError) {\r\n          // TODO: handle cors\r\n        } else {\r\n          throw err;\r\n        }\r\n      }\r\n    }\r\n\r\n    logout();\r\n  }, []);\r\n\r\n  return <Splash />;\r\n}\r\n","// TODO: comment\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React, { FunctionComponent } from 'react';\r\nimport { Box } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  root: {\r\n    border: 'none',\r\n    width: '100%',\r\n    minWidth: '100%',\r\n    height: '650px'\r\n  },\r\n  inner: {},\r\n}));\r\n\r\nexport interface IFrameProps {\r\n  src: string;\r\n}\r\n\r\nexport const IFrame: FunctionComponent<IFrameProps> = ({ src }) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <Box className={classes.inner} dangerouslySetInnerHTML={{\r\n      __html: `\r\n          <iframe\r\n            class=\"${classes.root}\"\r\n            allow=\"fullscreen\"\r\n            src=\"${src}\"\r\n            allowfullscreen\r\n          />\r\n        `\r\n    }} />\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Banner } from '@abrdn/banner';\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { IFrame } from 'components/iframe';\r\nimport { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nconst PageFundCentre = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.fund-centre')}</title>\r\n      </Helmet>\r\n\r\n      <Banner imagePath={getPublicPath('images/backgrounds/fund-center.jpg')}>\r\n        <Typography variant=\"h3\" component=\"h1\">\r\n          {t('common:titles.fund-centre')}\r\n        </Typography>\r\n      </Banner>\r\n\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <IFrame src=\"https://www.abrdn.com/en/clientengagementhub/fund-centre-landing-page\" />\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageFundCentre;\r\n","// TODO: comment\r\nimport { Banner } from '@abrdn/banner';\r\nimport { Box, Container, Grid, Typography } from '@material-ui/core';\r\nimport { IFrame } from 'components/iframe';\r\nimport { Breadcrumbs } from 'components/navigation';\r\nimport { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { TilePlaceholder } from './components';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nconst PageOurThinking = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  if (process.env.REACT_APP_FEATURE_OUR_THINKING) {\r\n    return (\r\n      <Fragment>\r\n        <Helmet>\r\n          <title>{t('common:titles.our-thinking')}</title>\r\n        </Helmet>\r\n\r\n        <Breadcrumbs\r\n          trail={[{ label: 'Home', href: '/home' }, { label: 'Our Thinking' }]}\r\n        />\r\n\r\n        <Box paddingY={6}>\r\n          <Container>\r\n            <Box paddingBottom={4}>\r\n              <Typography variant=\"h3\" component=\"h1\">\r\n                Our Thinking\r\n              </Typography>\r\n            </Box>\r\n\r\n            <Grid container spacing={3} alignItems=\"stretch\" wrap=\"wrap\">\r\n              <Grid item xs={12} sm={6} md={4}>\r\n                <TilePlaceholder />\r\n              </Grid>\r\n              <Grid item xs={12} sm={6} md={4}>\r\n                <TilePlaceholder />\r\n              </Grid>\r\n              <Grid item xs={12} sm={6} md={4}>\r\n                <TilePlaceholder />\r\n              </Grid>\r\n              <Grid item xs={12} sm={6} md={4}>\r\n                <TilePlaceholder />\r\n              </Grid>\r\n              <Grid item xs={12} sm={6} md={4}>\r\n                <TilePlaceholder />\r\n              </Grid>\r\n              <Grid item xs={12} sm={6} md={4}>\r\n                <TilePlaceholder />\r\n              </Grid>\r\n            </Grid>\r\n          </Container>\r\n        </Box>\r\n\r\n        <Box paddingY={6}>\r\n          <Container>\r\n            <IFrame src=\"https://www.abrdn.com/en-gb/connect\" />\r\n          </Container>\r\n        </Box>\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.our-thinking')}</title>\r\n      </Helmet>\r\n\r\n      <Banner imagePath={getPublicPath('images/backgrounds/our-thinking.jpg')}>\r\n        <Typography variant=\"h3\" component=\"h1\">\r\n          {t('common:titles.our-thinking')}\r\n        </Typography>\r\n      </Banner>\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <IFrame src=\"https://www.abrdn.com/en-gb/connect\" />\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageOurThinking;\r\n","// TODO: comment\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React from 'react';\r\n\r\ninterface DebugProps {\r\n  data: any;\r\n  title?: string;\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  pre: {\r\n    padding: theme.spacing(1),\r\n    whiteSpace: 'pre-wrap',\r\n  },\r\n}));\r\n\r\nexport const Debug = ({ title, data }: DebugProps) => {\r\n  const classes = useStyles();\r\n\r\n  if (process.env.NODE_ENV === 'development' && data) {\r\n    if (data.constructor === Object && Object.entries(data).length === 0) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <Box paddingY={2}>\r\n        <Container>\r\n          {title && <Typography variant=\"h5\">{title}</Typography>}\r\n          <pre className={classes.pre}>{JSON.stringify(data, null, 2)}</pre>\r\n        </Container>\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n","// TODO: comment\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { getArticle } from 'api';\r\nimport { OurThinkingModel } from 'api/types';\r\nimport { Breadcrumbs } from 'components/navigation';\r\nimport { Debug } from 'components/util';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useParams } from 'react-router-dom';\r\n\r\ninterface Params {\r\n  article: string;\r\n}\r\n\r\nconst PageOurThinkingArticle = () => {\r\n  const params: Params = useParams();\r\n  const [article, setArticle] = useState<null | OurThinkingModel>(null);\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      const article = await getArticle(params.article);\r\n      if (article) {\r\n        setArticle(article);\r\n      }\r\n    };\r\n\r\n    load();\r\n  });\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>Article</title>\r\n      </Helmet>\r\n\r\n      <Breadcrumbs\r\n        trail={[\r\n          { label: 'Home', href: '/home' },\r\n          { label: 'Our Thinking', href: '/our-thinking' },\r\n          { label: (article && article.title) || '' },\r\n        ]}\r\n      />\r\n\r\n      <Container>\r\n        <Box paddingY={4}>\r\n          {article !== null && (\r\n            <Fragment>\r\n              <Typography variant=\"h3\" component=\"h1\">\r\n                {article.title}\r\n              </Typography>\r\n            </Fragment>\r\n          )}\r\n\r\n          <Debug data={article} />\r\n        </Box>\r\n      </Container>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageOurThinkingArticle;\r\n","import { Button, Container } from '@material-ui/core';\r\nimport { PopupApp, PopupState } from 'components/popup-app';\r\nimport React, { Fragment, useState } from 'react';\r\nimport { Theme, createStyles, makeStyles } from '@material-ui/core/styles';\r\n\r\nimport { InfoIcon } from 'icons';\r\nimport { ThemeDefault } from 'styles';\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    button: {\r\n      margin: '-20px 0 0 0',\r\n      padding: '3px 8px 3px 14px',\r\n      fontSize: 16,\r\n      fontWeight: 600,\r\n      '&:hover': {\r\n        backgroundColor: theme.palette.type === 'light' && '#3f3f3f',\r\n      },\r\n    },\r\n  })\r\n);\r\n\r\nexport const AdditionalInfo = ({ children, className }: Props) => {\r\n  const classes = useStyles();\r\n\r\n  const [uploadPopupState, setUploadPopupState] =\r\n    useState<PopupState>('closed');\r\n\r\n  const handleClickOpen = () => {\r\n    setUploadPopupState(uploadPopupState === 'open' ? 'closed' : 'open');\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Button\r\n        className={`${classes.button} ${className}`}\r\n        variant=\"contained\"\r\n        color=\"primary\"\r\n        onClick={handleClickOpen}\r\n        endIcon={<InfoIcon style={{ fontSize: 30 }} />}\r\n      >\r\n        Info\r\n      </Button>\r\n\r\n      <ThemeDefault>\r\n        <PopupApp\r\n          state={uploadPopupState}\r\n          title={'Additional Info'}\r\n          showUIMinimise={false}\r\n          maxHeight={600}\r\n          disableScreen\r\n          onClose={() => {\r\n            setUploadPopupState('closed');\r\n          }}\r\n          onStateChange={(state) => {\r\n            setUploadPopupState(state);\r\n          }}\r\n        >\r\n          <Container disableGutters maxWidth=\"xs\">\r\n            <Fragment>{children}</Fragment>\r\n          </Container>\r\n        </PopupApp>\r\n      </ThemeDefault>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  Box,\r\n  Button,\r\n  Drawer,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { CloseIcon } from 'icons';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport './SlideOut.scss';\r\n\r\ninterface Props {\r\n  /**\r\n   * The body of the popup, this will most likely be paragraph copy\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   *\r\n   */\r\n  onClose: any;\r\n  /**\r\n   *\r\n   */\r\n  open: boolean;\r\n  /**\r\n   *\r\n   */\r\n  title: string;\r\n}\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  paper: {\r\n    backgroundColor: '#F8F8FA',\r\n  },\r\n}));\r\n\r\nexport const SlideOut = ({ title, open = false, children, onClose }: Props) => {\r\n  const [drawerOpen, setDrawerOpen] = useState(open);\r\n\r\n  const classes = useStyles();\r\n\r\n  useEffect(() => {\r\n    setDrawerOpen(open);\r\n  }, [open]);\r\n\r\n  return (\r\n    <Fragment>\r\n      <Drawer\r\n        className=\"slideout\"\r\n        anchor=\"right\"\r\n        open={drawerOpen}\r\n        onClose={onClose}\r\n        PaperProps={{ className: classes.paper }}\r\n      >\r\n        <Paper>\r\n          <Box className=\"slideout__head\" paddingX={3} paddingY={2}>\r\n            <IconButton\r\n              aria-label=\"Close\"\r\n              onClick={() => {\r\n                onClose(false);\r\n              }}\r\n            >\r\n              <CloseIcon />\r\n            </IconButton>\r\n            <Typography variant=\"h6\">{title}</Typography>\r\n          </Box>\r\n        </Paper>\r\n\r\n        <Box padding={2}>\r\n          <Scrollbars autoHeight autoHeightMax={560}>\r\n            <Box padding={2}>{children}</Box>\r\n          </Scrollbars>\r\n        </Box>\r\n\r\n        {false && (\r\n          <Paper className=\"slideout__buttons\">\r\n            <Box padding={2}>\r\n              <Grid container spacing={3} alignItems=\"stretch\">\r\n                <Grid item xs={12} sm={6}>\r\n                  <Button\r\n                    size=\"large\"\r\n                    variant=\"outlined\"\r\n                    fullWidth\r\n                    onClick={() => {}}\r\n                  >\r\n                    Cancel\r\n                  </Button>\r\n                </Grid>\r\n                <Grid item xs={12} sm={6}>\r\n                  <Button size=\"large\" variant=\"contained\" fullWidth>\r\n                    Apply\r\n                  </Button>\r\n                </Grid>\r\n              </Grid>\r\n            </Box>\r\n          </Paper>\r\n        )}\r\n      </Drawer>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\n\r\nimport './Banner.scss';\r\n\r\nimport {\r\n  Box,\r\n  FormHelperText,\r\n  Grid,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { FilterListIcon, SearchIcon } from 'icons';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\n\r\nimport { AdditionalInfo } from './AdditionalInfo';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport Button from '@material-ui/core/Button';\r\nimport { Filter } from './';\r\nimport { SlideOut } from 'components/slideout';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport { ThemeDefault } from 'styles';\r\nimport { isIE } from '@abrdn/utils';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { useMedia } from 'react-use';\r\nimport { usePortfolioHoldings } from '../data';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  searchButton: {\r\n    borderRadius: 0,\r\n    borderTop: '1px solid #fff',\r\n    borderBottom: '1px solid #fff',\r\n    borderRight: '1px solid #fff',\r\n  },\r\n  infoButton: {\r\n    marginBottom: 4,\r\n  },\r\n}));\r\n\r\nexport interface SearchFilters {\r\n  assetFundClass: string[];\r\n  country: string;\r\n  countryDisplay: string;\r\n  fundRange: string[];\r\n  investorType: string;\r\n  investorTypeDisplay: string;\r\n  productType: string[];\r\n  search: string;\r\n}\r\n\r\nconst Info = ({ className }: { className?: string }) => {\r\n  return (\r\n    <AdditionalInfo className={className}>\r\n      <Typography paragraph>\r\n        Funds displayed are based on the Investor Type and Country selected\r\n        during registration.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        Use the edit function on this page to display funds available to other\r\n        Investor Types and / or in other Countries. Note: by editing your\r\n        Investor Type and / or Country the funds that are displayed may not be\r\n        available to you.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        Use the Search panel and Filters to identify the funds that you are\r\n        interested in.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        Selecting the fund name will take you to the underlying Portfolio data\r\n        of that fund.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        You may favourite a fund by selecting the star icon beside the fund\r\n        name. Favourite funds will appear at the top of your Portfolio Holdings\r\n        view.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        Selecting the checkbox beside the fund name allows you to export the\r\n        latest available fund holdings data. You can select up to five funds to\r\n        export the data at one time.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        The data sourced to display valuations is regularly validated and\r\n        updated with applicable corrections to quantities and prices to provide\r\n        accurate information. However, this may not reconcile with the audited\r\n        valuations provided in periodic reporting due to timing differences and\r\n        the data sources pricing methodology, such as pricing points, pricing\r\n        hierarchy, rounding and/or fx rates.\r\n      </Typography>\r\n    </AdditionalInfo>\r\n  );\r\n};\r\n\r\nexport const Banner = () => {\r\n  const styles = useStyles();\r\n  const {\r\n    state,\r\n    filters,\r\n    setAssetFunds,\r\n    setFundRanges,\r\n    setProductTypes,\r\n    setSearch,\r\n  } = usePortfolioHoldings();\r\n\r\n  // width check for showing filter views\r\n  const isWide = useMedia('(min-width: 800px)');\r\n\r\n  // mobile view\r\n  const [drawerOpen, setDrawerOpen] = useState(false);\r\n\r\n  // open or close the drawer on mobile\r\n  const toggleDrawer = (open: boolean) => (ev: any) => {\r\n    if (ev.type === 'keydown' && (ev.key === 'Tab' || ev.key === 'Shift')) {\r\n      return;\r\n    }\r\n\r\n    setDrawerOpen(open);\r\n  };\r\n\r\n  // handle filter changes\r\n  const onAssetFilterChange = (filters: string[]) => {\r\n    setAssetFunds(filters);\r\n  };\r\n\r\n  const onFundFilterChange = (filters: string[]) => {\r\n    setFundRanges(filters);\r\n  };\r\n\r\n  const onProductFilterChange = (filters: string[]) => {\r\n    setProductTypes(filters);\r\n  };\r\n\r\n  // handle seach changing\r\n  const onSearch = (value: string): void => {\r\n    setSearch(value);\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Box className=\"portfolio-banner\">\r\n        <Box marginBottom={3}>\r\n          <Grid\r\n            container\r\n            alignItems=\"center\"\r\n            justify=\"space-between\"\r\n          >\r\n            <Grid item>\r\n              <Typography variant=\"h3\" component=\"h1\">\r\n                Portfolio Holdings\r\n              </Typography>\r\n            </Grid>\r\n            <Grid item>\r\n              <Info className={!isWide ? styles.infoButton : undefined} />\r\n            </Grid>\r\n          </Grid>\r\n        </Box>\r\n        <Box>\r\n          <Search onChange={onSearch} />\r\n        </Box>\r\n        <Box>\r\n          {filters && !isWide && (\r\n            <>\r\n              <Grid\r\n                container\r\n                spacing={2}\r\n                alignItems=\"center\"\r\n                justify=\"space-between\"\r\n              >\r\n                <Grid item xs={true}>\r\n                  <Button\r\n                    fullWidth\r\n                    onClick={toggleDrawer(true)}\r\n                    endIcon={<FilterListIcon />}\r\n                    variant=\"outlined\"\r\n                    size=\"large\"\r\n                  >\r\n                    Filter Holdings\r\n                  </Button>\r\n                </Grid>\r\n              </Grid>\r\n\r\n              <ThemeDefault>\r\n                <SlideOut\r\n                  title=\"Filter Holdings\"\r\n                  open={drawerOpen}\r\n                  onClose={toggleDrawer(false)}\r\n                >\r\n                  <Box>\r\n                    <Filter\r\n                      label=\"Asset class\"\r\n                      filters={filters.fundAssetClasses}\r\n                      selected={state.assetFundClass}\r\n                      displayAsAccordion\r\n                      onChange={onAssetFilterChange}\r\n                    />\r\n                  </Box>\r\n\r\n                  <Box>\r\n                    <Filter\r\n                      label=\"Fund range\"\r\n                      filters={filters.fundRanges}\r\n                      selected={state.fundRange}\r\n                      displayAsAccordion\r\n                      onChange={onFundFilterChange}\r\n                    />\r\n                  </Box>\r\n\r\n                  <Box>\r\n                    <Filter\r\n                      label=\"Product type\"\r\n                      filters={filters.productTypes}\r\n                      selected={state.productType}\r\n                      displayAsAccordion\r\n                      onChange={onProductFilterChange}\r\n                    />\r\n                  </Box>\r\n                </SlideOut>\r\n              </ThemeDefault>\r\n            </>\r\n          )}\r\n\r\n          {filters && isWide && (\r\n            <Box>\r\n              <Filter\r\n                label=\"Asset class\"\r\n                filters={filters.fundAssetClasses}\r\n                selected={state.assetFundClass}\r\n                onChange={onAssetFilterChange}\r\n              />\r\n              <Filter\r\n                label=\"Fund range\"\r\n                filters={filters.fundRanges}\r\n                selected={state.fundRange}\r\n                onChange={onFundFilterChange}\r\n              />\r\n              <Filter\r\n                label=\"Product type\"\r\n                filters={filters.productTypes}\r\n                selected={state.productType}\r\n                onChange={onProductFilterChange}\r\n              />\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\ninterface SearchProps {\r\n  onChange(value: string): void;\r\n}\r\n\r\nconst PaperComponent = ({ children }: any) => (\r\n  <ThemeDefault>\r\n    <Paper>{children}</Paper>\r\n  </ThemeDefault>\r\n);\r\n\r\nexport const Search = ({ onChange }: SearchProps) => {\r\n  const classes = useStyles();\r\n\r\n  const { funds, state } = usePortfolioHoldings();\r\n\r\n  // track the input value\r\n  const [value, setValue] = useState<string>('');\r\n  const [error, setError] = useState<boolean>(false);\r\n\r\n  const handleSearch = () => {\r\n    if (value.length >= 2 && value.length <= 100) {\r\n      onChange(value);\r\n    } else {\r\n      setError(true);\r\n    }\r\n  };\r\n\r\n  const IS_IE: boolean = isIE();\r\n\r\n  useEffect(() => {\r\n    if (error && value.length >= 2 && value.length <= 100) {\r\n      setError(false);\r\n    }\r\n  }, [value]);\r\n\r\n  return (\r\n    <ThemeDefault>\r\n      <Box className=\"portfolio-banner__search\">\r\n        <Paper>\r\n          <Autocomplete\r\n            freeSolo\r\n            value={state.search}\r\n            options={funds ? funds.map((fund) => fund.fundName) : []}\r\n            onInputChange={(ev: React.ChangeEvent<{}>, newInputValue: any) => {\r\n              const theValue = newInputValue.replace(/([\\\\<>]+)/gi, '').trim();\r\n\r\n              if (theValue === '' && value !== '') {\r\n                onChange('');\r\n              }\r\n\r\n              setValue(theValue);\r\n\r\n              if (ev?.type === 'click') {\r\n                onChange(theValue);\r\n              }\r\n            }}\r\n            onKeyDown={(event: any) => {\r\n              if (event.key === 'Enter') {\r\n                handleSearch();\r\n              }\r\n            }}\r\n            PaperComponent={PaperComponent}\r\n            renderOption={(option, { inputValue }) => {\r\n              const matches = match(option, inputValue);\r\n              const parts = parse(option, matches);\r\n\r\n              return (\r\n                <div>\r\n                  {parts.map((part: any, index: number) => (\r\n                    <span\r\n                      key={index}\r\n                      style={{\r\n                        fontWeight: part.highlight ? 700 : 400,\r\n                        textDecoration:\r\n                          part.highlight && IS_IE ? 'underline' : undefined,\r\n                      }}\r\n                    >\r\n                      {part.text}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n              );\r\n            }}\r\n            renderInput={(params) => {\r\n              return (\r\n                <TextField\r\n                  {...params}\r\n                  variant=\"outlined\"\r\n                  fullWidth\r\n                  placeholder=\"Search by fund name\"\r\n                  InputProps={{\r\n                    ...params.InputProps,\r\n                  }}\r\n                />\r\n              );\r\n            }}\r\n          />\r\n        </Paper>\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          aria-label=\"Search\"\r\n          onClick={handleSearch}\r\n          className={classes.searchButton}\r\n        >\r\n          <SearchIcon />\r\n        </Button>\r\n      </Box>\r\n      {error && (\r\n        <Box marginBottom={2}>\r\n          <FormHelperText error={error}>\r\n            'Fund Name' must be between 2 and 100 characters. You entered{' '}\r\n            {value.length} character(s).\r\n          </FormHelperText>\r\n        </Box>\r\n      )}\r\n    </ThemeDefault>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const Disclaimer = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  return (\r\n    <Container maxWidth=\"md\">\r\n      <Box marginTop={6}>\r\n        <Typography paragraph variant=\"caption\">\r\n          {t('common:pages.holdings.disclaimer')}\r\n        </Typography>\r\n      </Box>\r\n    </Container>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  Accordion,\r\n  AccordionDetails,\r\n  AccordionSummary,\r\n  Box,\r\n  Button,\r\n  Checkbox,\r\n  FormControl,\r\n  FormControlLabel,\r\n  FormGroup,\r\n  Popover,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport { HoldingFilters } from 'api/types';\r\nimport { ExpandMoreIcon } from 'icons';\r\nimport PopupState, { bindPopover, bindTrigger } from 'material-ui-popup-state';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\nimport { ThemeDefault } from 'styles';\r\nimport { CheckedState } from 'types';\r\nimport './Filter.scss';\r\n\r\ninterface Props {\r\n  displayAsAccordion?: boolean;\r\n  filters: HoldingFilters;\r\n  label: string;\r\n  onChange(filters: string[]): void;\r\n  selected: string[];\r\n}\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      width: '100%',\r\n    },\r\n    heading: {\r\n      fontSize: 12,\r\n      // @ts-ignore\r\n      fontWeight: theme.typography.fontWeightRegular,\r\n    },\r\n    button: {\r\n      borderRadius: 2,\r\n      fontSize: 12,\r\n    },\r\n  })\r\n);\r\n\r\nexport const Filter = ({\r\n  label,\r\n  filters,\r\n  selected = [],\r\n  displayAsAccordion = false,\r\n  onChange,\r\n}: Props) => {\r\n  const classes = useStyles();\r\n\r\n  const [state, setState] = useState<CheckedState>({});\r\n\r\n  const objectToArray = (o: CheckedState) => {\r\n    // convert the data to an array\r\n    const identifiers = Object.keys(o);\r\n    // filter out the inactive filters\r\n    return identifiers.filter((id) => o[id]);\r\n  };\r\n\r\n  const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\r\n    // track the state of all filters\r\n    const combined = { ...state, [ev.target.name]: ev.target.checked };\r\n\r\n    // update the state\r\n    setState(combined);\r\n\r\n    // trigger the change event, so we can re-search\r\n    onChange(objectToArray(combined));\r\n  };\r\n\r\n  useEffect(() => {\r\n    const newState: CheckedState = {};\r\n\r\n    selected.forEach((value) => {\r\n      newState[value] = true;\r\n    });\r\n\r\n    setState(newState);\r\n  }, [selected]);\r\n\r\n  if (!filters) {\r\n    return null;\r\n  }\r\n\r\n  if (displayAsAccordion) {\r\n    if (!filters || filters.length === 0) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <Accordion defaultExpanded={selected.length > 0}>\r\n          <AccordionSummary expandIcon={<ExpandMoreIcon />}>\r\n            <Typography className={classes.heading}>{label}</Typography>\r\n          </AccordionSummary>\r\n          <AccordionDetails>\r\n            <FormControl component=\"fieldset\">\r\n              <FormGroup>\r\n                {filters.map((item: string, index: number) => {\r\n                  const isChecked: boolean = state[item] === true;\r\n\r\n                  return (\r\n                    <FormControlLabel\r\n                      key={item}\r\n                      control={\r\n                        <Checkbox\r\n                          color=\"primary\"\r\n                          checked={isChecked}\r\n                          onChange={handleChange}\r\n                          name={item}\r\n                          value={item}\r\n                        />\r\n                      }\r\n                      label={item}\r\n                    />\r\n                  );\r\n                })}\r\n              </FormGroup>\r\n            </FormControl>\r\n          </AccordionDetails>\r\n        </Accordion>\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <PopupState variant=\"popover\">\r\n      {(popupState) => (\r\n        <div className=\"filter\">\r\n          <Button\r\n            className={classes.button}\r\n            size=\"large\"\r\n            variant=\"outlined\"\r\n            {...bindTrigger(popupState)}\r\n            endIcon={<ExpandMoreIcon />}\r\n            disabled={!filters || filters.length === 0}\r\n          >\r\n            {label}\r\n          </Button>\r\n          <ThemeDefault>\r\n            <Popover\r\n              {...bindPopover(popupState)}\r\n              anchorOrigin={{\r\n                vertical: 'bottom',\r\n                horizontal: 'left',\r\n              }}\r\n              transformOrigin={{\r\n                vertical: 'top',\r\n                horizontal: 'left',\r\n              }}\r\n            >\r\n              <Scrollbars autoHeight autoHeightMax={400}>\r\n                <Box p={2}>\r\n                  <FormControl component=\"fieldset\">\r\n                    <FormGroup>\r\n                      {filters.map((item: string) => {\r\n                        const isChecked: boolean = state[item] === true;\r\n\r\n                        return (\r\n                          <FormControlLabel\r\n                            key={item}\r\n                            control={\r\n                              <Checkbox\r\n                                color=\"primary\"\r\n                                checked={isChecked}\r\n                                onChange={handleChange}\r\n                                name={item}\r\n                                value={item}\r\n                              />\r\n                            }\r\n                            label={item}\r\n                          />\r\n                        );\r\n                      })}\r\n                    </FormGroup>\r\n                  </FormControl>\r\n                </Box>\r\n              </Scrollbars>\r\n            </Popover>\r\n          </ThemeDefault>\r\n        </div>\r\n      )}\r\n    </PopupState>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Grid, Paper, Typography } from '@material-ui/core';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Fund, FundlistingProps } from 'api/types';\r\nimport { Anchor } from 'components/core';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { CheckedState } from 'types';\r\nimport { SaveFund } from './';\r\n\r\ninterface Props {\r\n  funds: FundlistingProps;\r\n  // invested: string[];\r\n  onChange(filters: string[]): void;\r\n  onFundSave?(): void;\r\n  saved: string[];\r\n  selected: string[];\r\n  small?: boolean;\r\n  title: string;\r\n}\r\n\r\nconst toObject = (arr: string[]): CheckedState => {\r\n  const obj: any = {};\r\n\r\n  arr.forEach((value: string) => {\r\n    obj[value] = true;\r\n  });\r\n\r\n  return obj;\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  row: {\r\n    marginBottom: theme.spacing(1),\r\n    border: '1px solid #D9D9D6',\r\n    padding: theme.spacing(1),\r\n  },\r\n}));\r\n\r\nexport const FundListing = ({\r\n  small = false,\r\n  title,\r\n  funds,\r\n  selected,\r\n  onChange,\r\n  onFundSave,\r\n  saved,\r\n}: // invested,\r\nProps) => {\r\n  // maximum number of items that can be checked\r\n  const MAX_SELECTED: number = 5;\r\n\r\n  const [checked, setChecked] = useState<CheckedState>(toObject(selected));\r\n\r\n  const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\r\n    // track the state of all filters\r\n    const combined = { ...checked, [ev.target.name]: ev.target.checked };\r\n\r\n    // update the state\r\n    setChecked(combined);\r\n\r\n    // convert the data to an array\r\n    const identifiers = Object.keys(combined);\r\n    // filter out the inactive filters\r\n    const active = identifiers.filter((id) => combined[id]);\r\n\r\n    // trigger the change event, so we can re-search\r\n    onChange(active);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setChecked(toObject(selected));\r\n  }, [selected]);\r\n\r\n  const classes = useStyles();\r\n\r\n  if (!funds || (funds && funds.length === 0)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Typography paragraph className=\"fund-listing-title\">\r\n        <span>{title}</span>\r\n      </Typography>\r\n      {funds.map(({ fundCode, fundName }: Fund, index: number) => {\r\n        // should the fund be selected\r\n        const isChecked: boolean = checked[fundCode] === true;\r\n\r\n        // disable the field if it's not checked (so it can be deselected) and the max selected limit has been reached\r\n        const isDisabled: boolean =\r\n          !isChecked && selected.length >= MAX_SELECTED;\r\n\r\n        return (\r\n          <Paper key={`fund-${fundCode}`} className={classes.row}>\r\n            {small ? (\r\n              <Fragment>\r\n                <Grid\r\n                  container\r\n                  spacing={2}\r\n                  direction=\"row\"\r\n                  justify=\"space-between\"\r\n                  alignItems=\"center\"\r\n                >\r\n                  <Grid item xs={true}>\r\n                    <Typography\r\n                      component=\"h3\"\r\n                      variant=\"h5\"\r\n                      style={{ margin: 0 }}\r\n                    >\r\n                      <Anchor\r\n                        to={`/portfolio-holdings/${fundCode}`}\r\n                        color=\"primary\"\r\n                      >\r\n                        {fundName}\r\n                      </Anchor>\r\n                    </Typography>\r\n                  </Grid>\r\n\r\n                  <Grid item>\r\n                    <Checkbox\r\n                      size=\"small\"\r\n                      color=\"primary\"\r\n                      checked={isChecked}\r\n                      onChange={handleChange}\r\n                      name={fundCode}\r\n                      value={fundCode}\r\n                      disabled={isDisabled}\r\n                    />\r\n\r\n                    {!process.env.REACT_APP_FEATURE_FUTURE && (\r\n                      <SaveFund\r\n                        fundCode={fundCode}\r\n                        saved={saved.includes(fundCode)}\r\n                        onChange={onFundSave}\r\n                      />\r\n                    )}\r\n                  </Grid>\r\n                </Grid>\r\n                {process.env.REACT_APP_FEATURE_FUTURE && (\r\n                  <Grid\r\n                    container\r\n                    spacing={2}\r\n                    direction=\"row\"\r\n                    justify=\"space-between\"\r\n                    alignItems=\"center\"\r\n                  >\r\n                    <Grid item>\r\n                      <Typography>[ICAV]</Typography>\r\n                    </Grid>\r\n\r\n                    {typeof Storage !== 'undefined' && (\r\n                      <Grid item>\r\n                        <SaveFund\r\n                          fundCode={fundCode}\r\n                          saved={saved.includes(fundCode)}\r\n                          onChange={onFundSave}\r\n                        />\r\n                      </Grid>\r\n                    )}\r\n                  </Grid>\r\n                )}\r\n              </Fragment>\r\n            ) : (\r\n              <Grid\r\n                container\r\n                spacing={2}\r\n                direction=\"row\"\r\n                justify=\"space-between\"\r\n                alignItems=\"center\"\r\n              >\r\n                <Grid item>\r\n                  <Checkbox\r\n                    color=\"primary\"\r\n                    checked={isChecked}\r\n                    onChange={handleChange}\r\n                    name={fundCode}\r\n                    value={fundCode}\r\n                    disabled={isDisabled}\r\n                  />\r\n                </Grid>\r\n                <Grid item xs={12} sm={true}>\r\n                  <Typography component=\"h3\" variant=\"h5\" style={{ margin: 0 }}>\r\n                    <Anchor\r\n                      to={`/portfolio-holdings/${fundCode}`}\r\n                      color=\"primary\"\r\n                    >\r\n                      {fundName}\r\n                    </Anchor>\r\n                  </Typography>\r\n                </Grid>\r\n\r\n                {process.env.REACT_APP_FEATURE_FUTURE && (\r\n                  <Grid item>\r\n                    <Typography>[ICAV]</Typography>\r\n                  </Grid>\r\n                )}\r\n\r\n                {typeof Storage !== 'undefined' && (\r\n                  <Grid item>\r\n                    <SaveFund\r\n                      fundCode={fundCode}\r\n                      saved={saved.includes(fundCode)}\r\n                      onChange={onFundSave}\r\n                    />\r\n                  </Grid>\r\n                )}\r\n              </Grid>\r\n            )}\r\n\r\n            {/* {process.env.REACT_APP_FEATURE_HOLDINGS_INVESTMENTS &&\r\n              invested.includes(fundCode) && (\r\n                <Box padding={2} className=\"invested\">\r\n                  <AccountBalanceWalletIcon />\r\n                  <Typography display=\"inline\">Invested</Typography>\r\n                </Box>\r\n              )} */}\r\n          </Paper>\r\n        );\r\n      })}\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  STATUS_DATA_LOADING,\r\n  STATUS_INIT_ERROR,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Container,\r\n  Dialog,\r\n  DialogContent as MuiDialogContent,\r\n  DialogTitle as MuiDialogTitle,\r\n  Grid,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport MSelect from '@material-ui/core/Select';\r\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { getCountryList, getInvestorTypes } from 'api';\r\nimport { CountryList, InvestorTypeList } from 'api/types';\r\nimport { Anchor } from 'components/core';\r\nimport { EditIcon } from 'icons';\r\nimport { FormMessage } from 'interfaces';\r\nimport React, { Fragment, useCallback, useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { usePortfolioHoldings } from '../data';\r\nimport { getPublicPath } from '../../../utils/assets';\r\n\r\nconst useDialogTitleStyles = makeStyles((theme) => ({\r\n  root: {\r\n    margin: 0,\r\n    padding: theme.spacing(2),\r\n  },\r\n  heading: {\r\n    marginBottom: 0,\r\n  },\r\n  closeButton: {\r\n    position: 'absolute',\r\n    right: theme.spacing(1),\r\n    top: theme.spacing(1),\r\n    color: theme.palette.grey[500],\r\n  },\r\n}));\r\n\r\n// @ts-ignore\r\nconst DialogTitle = (props) => {\r\n  // @ts-ignore\r\n  const { children, onClose, ...other } = props;\r\n  const classes = useDialogTitleStyles();\r\n\r\n  return (\r\n    <MuiDialogTitle disableTypography className={classes.root} {...other}>\r\n      <Typography variant=\"h4\" className={classes.heading}>\r\n        {children}\r\n      </Typography>\r\n      {onClose ? (\r\n        <IconButton\r\n          aria-label=\"close\"\r\n          className={classes.closeButton}\r\n          onClick={onClose}\r\n        >\r\n          <CloseIcon />\r\n        </IconButton>\r\n      ) : null}\r\n    </MuiDialogTitle>\r\n  );\r\n};\r\n\r\nconst DialogContent = withStyles((theme) => ({\r\n  root: {\r\n    padding: theme.spacing(2),\r\n  },\r\n}))(MuiDialogContent);\r\n\r\ninterface FlagProps {\r\n  country: string;\r\n}\r\n\r\nconst useFlagStyles = makeStyles((theme) => ({\r\n  wrapper: {\r\n    verticalAlign: 'middle',\r\n    border: '1px solid #ddd',\r\n    borderRadius: 3,\r\n    overflow: 'hidden',\r\n    marginLeft: 2,\r\n  },\r\n  img: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 24,\r\n    height: 13,\r\n    backgroundImage: ({ country }: FlagProps) =>\r\n      `url(\"${getPublicPath(`images/flags/${country?.toUpperCase()}.png`)}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n}));\r\n\r\nconst Flag = (props: FlagProps) => {\r\n  const classes = useFlagStyles(props);\r\n  return (\r\n    <Box\r\n      component=\"span\"\r\n      display=\"inline-block\"\r\n      className={classes.wrapper}\r\n    >\r\n      <Box className={classes.img} />\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport const FundSelector = () => {\r\n  const [countryList, setCountryList] = useState<CountryList | null>(null);\r\n  const [investorTypes, setInvestorTypes] = useState<InvestorTypeList | null>(\r\n    null\r\n  );\r\n\r\n  const { state, setViewAs } = usePortfolioHoldings();\r\n\r\n  const { t } = useTranslation(['common']);\r\n\r\n  // form messaging\r\n  const [message, setMessage] = useState<FormMessage | null>(null);\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n\r\n  const fetchMyAPI = useCallback(async () => {\r\n    setFormStatus(STATUS_DATA_LOADING);\r\n\r\n    try {\r\n      const response = await getCountryList();\r\n\r\n      if (response) {\r\n        setCountryList(response);\r\n      }\r\n\r\n      const types = await getInvestorTypes();\r\n      if (types) {\r\n        setInvestorTypes(types);\r\n      }\r\n\r\n      setFormStatus('');\r\n      setMessage(null);\r\n    } catch (e) {\r\n      setFormStatus(STATUS_INIT_ERROR);\r\n\r\n      setMessage({\r\n        type: 'error',\r\n        message: t('common:forms.register.messages.loading-error'),\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    fetchMyAPI();\r\n  }, [fetchMyAPI]);\r\n\r\n  const [open, setOpen] = useState(false);\r\n\r\n  const handleClickOpen = (ev: React.MouseEvent) => {\r\n    ev.preventDefault();\r\n\r\n    setOpen(true);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setOpen(false);\r\n  };\r\n\r\n  const handleConfirm = () => {\r\n    setViewAs(\r\n      data.country || state.country,\r\n      data.investorType || state.investorType\r\n    );\r\n\r\n    handleClose();\r\n  };\r\n\r\n  const [data, setData] = useState({\r\n    investorType: state.investorType,\r\n    country: state.country,\r\n  });\r\n\r\n  return (\r\n    <Fragment>\r\n      <Paper>\r\n        <Container>\r\n          <Box paddingY={2}>\r\n            <Grid\r\n              container\r\n              spacing={2}\r\n              alignItems=\"center\"\r\n              justify=\"space-between\"\r\n            >\r\n              <Grid item xs={true}>\r\n                <Typography variant=\"body2\">\r\n                  Viewing funds available to:{' '}\r\n                  <Anchor to=\"#\" onClick={handleClickOpen}>\r\n                    <b>{state.investorTypeDisplay}</b>\r\n                  </Anchor>\r\n                  {' '}\r\n                  in\r\n                  <Flag country={state.country} />\r\n                  {' '}\r\n                  <Anchor to=\"#\" onClick={handleClickOpen}>\r\n                    <b>{state.countryDisplay}</b>\r\n                  </Anchor>\r\n                </Typography>\r\n              </Grid>\r\n              <Grid item>\r\n                <Anchor onClick={handleClickOpen}>\r\n                  Edit <EditIcon style={{ marginLeft: 5 }} />\r\n                </Anchor>\r\n              </Grid>\r\n            </Grid>\r\n          </Box>\r\n        </Container>\r\n      </Paper>\r\n      {open && (\r\n        <Dialog\r\n          onClose={handleClose}\r\n          aria-labelledby=\"customized-dialog-title\"\r\n          open={open}\r\n        >\r\n          <DialogTitle>View funds as</DialogTitle>\r\n          {formStatus !== STATUS_SENT &&\r\n            formStatus !== STATUS_INIT_ERROR &&\r\n            formStatus !== STATUS_DATA_LOADING && (\r\n              <Fragment>\r\n                <DialogContent dividers>\r\n                  <Typography paragraph>\r\n                    Please select the country and investor type you wish to view\r\n                    these funds as.\r\n                  </Typography>\r\n                  <Typography paragraph>\r\n                    Funds can only be shown in the regions they are available\r\n                    for purchase from.\r\n                  </Typography>\r\n\r\n                  {message && (\r\n                    <Box marginBottom={2}>\r\n                      <Alert severity={message.type}>{message.message}</Alert>\r\n                    </Box>\r\n                  )}\r\n\r\n                  <Grid container alignItems=\"center\" spacing={3}>\r\n                    <Grid item xs={12} sm={6}>\r\n                      {investorTypes && investorTypes.length > 0 && (\r\n                        <FormControl variant=\"outlined\" fullWidth>\r\n                          <MSelect\r\n                            native\r\n                            defaultValue={state.investorType}\r\n                            onChange={(ev: any) => {\r\n                              setData({\r\n                                ...data,\r\n                                investorType: ev.target.value,\r\n                              });\r\n                            }}\r\n                            inputProps={{\r\n                              name: 'invertortype',\r\n                              id: 'invertortype',\r\n                            }}\r\n                          >\r\n                            {investorTypes.map((item) => (\r\n                              <option value={item.code} key={`${item.code}`}>\r\n                                {item.displayText}\r\n                              </option>\r\n                            ))}\r\n                          </MSelect>\r\n                        </FormControl>\r\n                      )}\r\n                    </Grid>\r\n                    <Grid item xs={12} sm={6}>\r\n                      {countryList && countryList.length > 0 && (\r\n                        <FormControl variant=\"outlined\" fullWidth>\r\n                          <MSelect\r\n                            native\r\n                            defaultValue={state.country}\r\n                            onChange={(ev: any) => {\r\n                              setData({ ...data, country: ev.target.value });\r\n                            }}\r\n                            inputProps={{\r\n                              name: 'country',\r\n                              id: 'country',\r\n                            }}\r\n                          >\r\n                            {countryList.map((item) => (\r\n                              <option value={item.code} key={`${item.code}`}>\r\n                                {item.displayText}\r\n                              </option>\r\n                            ))}\r\n                          </MSelect>\r\n                        </FormControl>\r\n                      )}\r\n                    </Grid>\r\n                  </Grid>\r\n                </DialogContent>\r\n                <Box padding={2}>\r\n                  <Grid container alignItems=\"center\" justify=\"space-between\">\r\n                    <Grid item>\r\n                      <Button\r\n                        onClick={handleClose}\r\n                        color=\"primary\"\r\n                        variant=\"outlined\"\r\n                        size=\"large\"\r\n                      >\r\n                        Cancel\r\n                      </Button>\r\n                    </Grid>\r\n                    <Grid item>\r\n                      <Button\r\n                        type=\"submit\"\r\n                        color=\"primary\"\r\n                        variant=\"contained\"\r\n                        size=\"large\"\r\n                        autoFocus\r\n                        onClick={handleConfirm}\r\n                      >\r\n                        Confirm\r\n                      </Button>\r\n                    </Grid>\r\n                  </Grid>\r\n                </Box>\r\n              </Fragment>\r\n            )}\r\n        </Dialog>\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Button, Container, IconButton, Paper } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { CloseIcon, ErrorIcon } from 'icons';\r\nimport React, { useState } from 'react';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  wrapper: {\r\n    position: 'sticky',\r\n    bottom: 0,\r\n    width: '100%',\r\n    zIndex: 100,\r\n  },\r\n  paper: {\r\n    color: '#fff',\r\n    backgroundColor: '#8B8C8E',\r\n  },\r\n  button: {\r\n    color: '#fff',\r\n    borderRadius: 0,\r\n    backgroundColor: '#8B8C8E',\r\n    '&:hover': {\r\n      backgroundColor: '#333',\r\n    },\r\n  },\r\n  alert: {\r\n    backgroundColor: 'transparent',\r\n  },\r\n}));\r\n\r\nexport const RiskWarning = () => {\r\n  const classes = useStyles();\r\n\r\n  const [open, setOpen] = useState<boolean>(false);\r\n\r\n  return (\r\n    <Box className={classes.wrapper}>\r\n      {open ? (\r\n        <Paper className={classes.paper}>\r\n          <Box paddingY={1}>\r\n            <Container>\r\n              <Alert\r\n                variant=\"filled\"\r\n                icon={false}\r\n                className={classes.alert}\r\n                action={\r\n                  <IconButton\r\n                    aria-label=\"close\"\r\n                    color=\"inherit\"\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setOpen(false);\r\n                    }}\r\n                  >\r\n                    <CloseIcon fontSize=\"inherit\" />\r\n                  </IconButton>\r\n                }\r\n              >\r\n                Risk warning – Investment involves risk. The value of\r\n                investments, and the income from them, can go down as well as up\r\n                and an investor may get back less than the amount invested. Past\r\n                performance is not a guide to future results.\r\n              </Alert>\r\n            </Container>\r\n          </Box>\r\n        </Paper>\r\n      ) : (\r\n        <Button\r\n          startIcon={<ErrorIcon />}\r\n          onClick={() => {\r\n            setOpen(true);\r\n          }}\r\n          variant=\"contained\"\r\n          className={classes.button}\r\n        >\r\n          Risk warning\r\n        </Button>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Button, IconButton } from '@material-ui/core';\r\nimport { favouriteFund } from 'api';\r\nimport { StarBorderIcon, StarIcon } from 'icons';\r\nimport React, { useEffect, useState } from 'react';\r\nimport './FundListing.scss';\r\ninterface Props {\r\n  fundCode: string;\r\n  onChange?(): void;\r\n  saved?: boolean;\r\n  showLabel?: boolean;\r\n}\r\n\r\nexport const SaveFund = ({\r\n  fundCode,\r\n  saved = false,\r\n  showLabel,\r\n  onChange,\r\n}: Props) => {\r\n  const [isSaved, setSaved] = useState(saved);\r\n\r\n  useEffect(() => {\r\n    if (saved !== isSaved) {\r\n      setSaved(saved);\r\n    }\r\n  }, [saved]);\r\n\r\n  const handleClick = async () => {\r\n    const result = await favouriteFund(fundCode, !isSaved);\r\n\r\n    setSaved(result);\r\n\r\n    if (onChange) {\r\n      onChange();\r\n    }\r\n  };\r\n\r\n  if (showLabel) {\r\n    return (\r\n      <Button\r\n        color=\"primary\"\r\n        onClick={handleClick}\r\n        startIcon={isSaved ? <StarIcon /> : <StarBorderIcon />}\r\n      >\r\n        {isSaved ? 'Remove from Favorites' : 'Add to Favorites'}\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <IconButton\r\n      size=\"small\"\r\n      color=\"primary\"\r\n      aria-label={isSaved ? 'Remove from Favorites' : 'Add to Favorites'}\r\n      onClick={handleClick}\r\n    >\r\n      {isSaved ? <StarIcon /> : <StarBorderIcon />}\r\n    </IconButton>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableFooter,\r\n  TableHead,\r\n  TableRow,\r\n  TableSortLabel,\r\n} from '@abrdn';\r\nimport { Button, Grid, Typography } from '@material-ui/core';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport { FundHolding, FundResponse, FundState } from 'api/types';\r\nimport { ChartKeySwatch } from 'components/chart';\r\nimport { Pagination } from 'components/pagination';\r\nimport { ArrowDropDownIcon } from 'icons';\r\nimport React, { useState } from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { formatNumber } from 'utils';\r\n\r\ntype Order = 'asc' | 'desc';\r\n\r\ninterface HeadCell {\r\n  disablePadding: boolean;\r\n  id: keyof FundHolding;\r\n  label: string;\r\n  numeric: boolean;\r\n  sortable?: boolean;\r\n}\r\n\r\nconst headCells: HeadCell[] = [\r\n  {\r\n    id: 'instrumentAssetClass',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    sortable: true,\r\n    label: 'Asset class',\r\n  },\r\n  {\r\n    id: 'securityDescription',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Security description',\r\n  },\r\n  { id: 'isin', numeric: false, disablePadding: false, label: 'ISIN' },\r\n  {\r\n    id: 'marketValueAmountFundCurrency',\r\n    numeric: true,\r\n    disablePadding: false,\r\n    sortable: true,\r\n    label: 'Mkt value',\r\n  },\r\n  {\r\n    id: 'marketValuePercentage',\r\n    numeric: true,\r\n    disablePadding: false,\r\n    label: 'Mkt value %',\r\n  },\r\n  {\r\n    id: 'countryOfIssueCode',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    sortable: true,\r\n    label: 'Country of issue',\r\n  },\r\n];\r\n\r\ninterface EnhancedTableProps {\r\n  classes: ReturnType<typeof useStyles>;\r\n  onRequestSort: (\r\n    event: React.MouseEvent<unknown>,\r\n    property: keyof FundHolding\r\n  ) => void;\r\n  order: Order;\r\n  orderBy: string;\r\n}\r\n\r\nfunction EnhancedTableHead(props: EnhancedTableProps) {\r\n  const { classes, order, orderBy, onRequestSort } = props;\r\n  const createSortHandler =\r\n    (property: keyof FundHolding) => (event: React.MouseEvent<unknown>) => {\r\n      onRequestSort(event, property);\r\n    };\r\n\r\n  return (\r\n    <TableHead>\r\n      <TableRow>\r\n        {headCells.map((headCell) => (\r\n          <TableCell\r\n            key={headCell.id}\r\n            align={headCell.numeric ? 'right' : 'left'}\r\n            padding={headCell.disablePadding ? 'none' : 'default'}\r\n            sortDirection={orderBy === headCell.id ? order : false}\r\n          >\r\n            {headCell.sortable ? (\r\n              <TableSortLabel\r\n                IconComponent={ArrowDropDownIcon}\r\n                active={orderBy === headCell.id}\r\n                direction={orderBy === headCell.id ? order : 'asc'}\r\n                onClick={createSortHandler(headCell.id)}\r\n              >\r\n                <b>{headCell.label}</b>\r\n                {orderBy === headCell.id ? (\r\n                  <span className={classes.visuallyHidden}>\r\n                    {order === 'desc'\r\n                      ? 'sorted descending'\r\n                      : 'sorted ascending'}\r\n                  </span>\r\n                ) : null}\r\n              </TableSortLabel>\r\n            ) : (\r\n              headCell.label\r\n            )}\r\n          </TableCell>\r\n        ))}\r\n      </TableRow>\r\n    </TableHead>\r\n  );\r\n}\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      width: '100%',\r\n    },\r\n    paper: {\r\n      width: '100%',\r\n      marginBottom: theme.spacing(2),\r\n    },\r\n    table: {\r\n      minWidth: 750,\r\n      border: 'none',\r\n    },\r\n    footercell: {\r\n      border: 'none',\r\n      backgroundColor: 'transparent',\r\n    },\r\n    visuallyHidden: {\r\n      border: 0,\r\n      clip: 'rect(0 0 0 0)',\r\n      height: 1,\r\n      margin: -1,\r\n      overflow: 'hidden',\r\n      padding: 0,\r\n      position: 'absolute',\r\n      top: 20,\r\n      width: 1,\r\n    },\r\n    totalValue: {\r\n      color: '#000',\r\n    },\r\n  })\r\n);\r\n\r\ninterface Props {\r\n  data: FundResponse;\r\n  fundCode: string;\r\n  mapping?: any;\r\n  onChange(state: FundState): void;\r\n\r\n  search?: string | undefined;\r\n}\r\n\r\nexport const PortfolioHoldingsTable = ({\r\n  data,\r\n  fundCode,\r\n  onChange,\r\n  mapping = {},\r\n  search,\r\n}: Props) => {\r\n  const results = data.data.holdings;\r\n\r\n  const classes = useStyles();\r\n  const [order, setOrder] = useState<Order>('asc');\r\n  const [orderBy, setOrderBy] = useState<keyof FundHolding>(\r\n    'instrumentAssetClass'\r\n  );\r\n\r\n  const handleRequestSort = (\r\n    event: React.MouseEvent<unknown>,\r\n    property: keyof FundHolding\r\n  ) => {\r\n    const isAsc = orderBy === property && order === 'asc';\r\n    setOrder(isAsc ? 'desc' : 'asc');\r\n    setOrderBy(property);\r\n\r\n    const lookup = {\r\n      instrumentAssetClass: 'assetclass',\r\n      marketValueAmountFundCurrency: 'marketvalue',\r\n      countryOfIssueCode: 'countryofissue',\r\n    };\r\n\r\n    onChange({\r\n      pageSortOrder: isAsc ? 'desc' : 'asc',\r\n      // @ts-ignore\r\n      pageSortBy: lookup[property],\r\n    });\r\n  };\r\n\r\n  const onPagination = (pageNumber: number, rows: number): void => {\r\n    onChange({ pageNumber });\r\n  };\r\n\r\n  const onPageChange = (pageSize: number) => {\r\n    onChange({ pageSize });\r\n  };\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <TableContainer>\r\n        <Table className={classes.table} size={'medium'}>\r\n          <EnhancedTableHead\r\n            classes={classes}\r\n            order={order}\r\n            orderBy={orderBy}\r\n            onRequestSort={handleRequestSort}\r\n          />\r\n          <TableBody>\r\n            {results.map((row: FundHolding, index: number) => {\r\n              const string = search\r\n                ? search.replace(/[-[/\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&')\r\n                : search;\r\n\r\n              const regEx: any = new RegExp(string || '', 'i');\r\n\r\n              return (\r\n                <TableRow tabIndex={-1} key={`i-${index}`}>\r\n                  <TableCell component=\"th\" scope=\"row\">\r\n                    {mapping && mapping[row.instrumentAssetClass] && (\r\n                      <ChartKeySwatch\r\n                        colour={mapping[row.instrumentAssetClass]}\r\n                        size=\"small\"\r\n                      />\r\n                    )}\r\n\r\n                    {row.instrumentAssetClass}\r\n                  </TableCell>\r\n                  <TableCell>\r\n                    <Grid\r\n                      container\r\n                      spacing={3}\r\n                      wrap=\"nowrap\"\r\n                      direction=\"row\"\r\n                      justify=\"space-between\"\r\n                      alignItems=\"center\"\r\n                    >\r\n                      <Grid item>\r\n                        <span\r\n                          dangerouslySetInnerHTML={{\r\n                            __html: search\r\n                              ? row.securityDescription.replace(\r\n                                  regEx,\r\n                                  (match: string) => {\r\n                                    return `<b>${match}</b>`;\r\n                                  }\r\n                                )\r\n                              : row.securityDescription,\r\n                          }}\r\n                        />\r\n                      </Grid>\r\n\r\n                      {row.securityFundCode &&\r\n                        row.securityDescription !== fundCode && (\r\n                          <Grid item>\r\n                            <Button\r\n                              variant=\"contained\"\r\n                              color=\"primary\"\r\n                              size=\"small\"\r\n                              style={{\r\n                                whiteSpace: 'nowrap',\r\n                              }}\r\n                              to={`/portfolio-holdings/${row.securityFundCode}`}\r\n                              component={RouterLink}\r\n                            >\r\n                              View Holdings\r\n                            </Button>\r\n                          </Grid>\r\n                        )}\r\n                    </Grid>\r\n\r\n                    {row.securityFundCode}\r\n                  </TableCell>\r\n                  <TableCell>\r\n                    {row.isin ? (\r\n                      <span\r\n                        dangerouslySetInnerHTML={{\r\n                          __html: search\r\n                            ? row.isin.replace(regEx, (match: string) => {\r\n                                return `<b>${match}</b>`;\r\n                              })\r\n                            : row.isin,\r\n                        }}\r\n                      />\r\n                    ) : (\r\n                      '-'\r\n                    )}\r\n                  </TableCell>\r\n                  <TableCell align=\"right\">\r\n                    {typeof row.marketValueAmountFundCurrency === 'number'\r\n                      ? formatNumber(\r\n                          row.marketValueAmountFundCurrency,\r\n                          data.data.fundBaseCurrencyCode\r\n                        )\r\n                      : '-'}\r\n                  </TableCell>\r\n                  <TableCell align=\"right\">\r\n                    {typeof row.marketValuePercentage === 'number'\r\n                      ? `${(row.marketValuePercentage * 100).toFixed(2)}%`\r\n                      : '-'}\r\n                  </TableCell>\r\n                  <TableCell align=\"right\">\r\n                    {row.countryOfIssueCode || '-'}\r\n                  </TableCell>\r\n                </TableRow>\r\n              );\r\n            })}\r\n          </TableBody>\r\n          {data.paging.pageNumber === data.paging.totalPages - 1 && (\r\n            <TableFooter>\r\n              <TableRow>\r\n                <TableCell\r\n                  colSpan={4}\r\n                  align=\"right\"\r\n                  className={classes.footercell}\r\n                >\r\n                  <Typography className={classes.totalValue}>\r\n                    Total Mkt value{' '}\r\n                    <b>\r\n                      {data.data.fundBaseCurrencyCode}{' '}\r\n                      {formatNumber(\r\n                        data.data.totalMarketValueAmountFundCurrency,\r\n                        data.data.fundBaseCurrencyCode\r\n                      )}\r\n                    </b>\r\n                  </Typography>\r\n                </TableCell>\r\n                <TableCell\r\n                  className={classes.footercell}\r\n                  colSpan={2}\r\n                ></TableCell>\r\n              </TableRow>\r\n            </TableFooter>\r\n          )}\r\n        </Table>\r\n      </TableContainer>\r\n\r\n      <Pagination\r\n        onPagination={onPagination}\r\n        onPageChange={onPageChange}\r\n        rowsPerPage={data.paging.pageSize}\r\n        startRowIndex={data.paging.pageNumber * data.paging.pageSize}\r\n        maximumRows={data.paging.pageSize}\r\n        minimumTotalRows={data.paging.totalRecords}\r\n        totalRows={data.paging.totalRecords}\r\n        rowsPerPageOptions={[25, 50, 75, 100]}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n","import './PageMessages.scss';\r\n\r\nimport {\r\n  ActionOverridesType,\r\n  MessageContextType,\r\n  MessageProvider,\r\n} from './MessageContext';\r\nimport { Box, Container, Grid, Paper, Typography } from '@material-ui/core';\r\nimport { Fragment, useState } from 'react';\r\nimport { InboxIcon, PriorityHighIcon, SendIcon } from 'icons';\r\nimport {\r\n  IndividualMessage,\r\n  ListingState,\r\n  MessageHeader,\r\n  ViewListing,\r\n} from './components';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport {\r\n  deleteReceivedMessage,\r\n  deleteReceivedMessages,\r\n  deleteSentMessage,\r\n  deleteSentMessages,\r\n  getActionRequiredMessage,\r\n  getReceivedMessage,\r\n  getSentMessage,\r\n  setMessageAsRead,\r\n} from 'api';\r\nimport {\r\n  getActionRequiredMessages,\r\n  getReceivedMessages,\r\n  getSentMessages,\r\n  selectActionRequiredMessages,\r\n  selectActionRequiredStatus,\r\n  selectReceivedMessages,\r\n  selectReceivedStatus,\r\n  selectSentMessages,\r\n  selectSentStatus,\r\n} from 'redux/reducers/messages';\r\n\r\nimport { Banner } from '@abrdn';\r\nimport Button from '@material-ui/core/Button';\r\nimport { Helmet } from 'react-helmet';\r\nimport React from 'react';\r\nimport { ThemeDark } from 'styles';\r\nimport clsx from 'clsx';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\ntype Mailbox = 'inbox' | 'action-required' | 'sent';\r\n\r\nexport interface MessagePageParams {\r\n  mailbox?: Mailbox;\r\n  messageId?: string;\r\n}\r\n\r\nlet instance: any;\r\n\r\nconst PageMessages = (props: any) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const { isMobile } = useWidth();\r\n\r\n  // get the possible routes\r\n  const params: MessagePageParams = useParams();\r\n\r\n  const [mailbox, setMailbox] = useState<Mailbox>(params.mailbox || 'inbox');\r\n\r\n  const [messageId, setMessageId] = useState<string>(params.messageId || '');\r\n\r\n  const changeMailbox = (type: Mailbox): void => {\r\n    setMailbox(type);\r\n    setMessageId('');\r\n\r\n    if (!isMobile) {\r\n      props.history.replace({ pathname: `/messages/${type}` });\r\n    }\r\n  };\r\n\r\n  const changeMessage = (id: string): void => {\r\n    setMessageId(id);\r\n\r\n    if (!isMobile) {\r\n      if (id) {\r\n        props.history.replace({ pathname: `/messages/${mailbox}/${id}` });\r\n      } else {\r\n        props.history.replace({ pathname: `/messages/${mailbox}` });\r\n      }\r\n    } else {\r\n      // TODO: slide\r\n      if (instance) {\r\n        instance.slideTo(1);\r\n      }\r\n    }\r\n  };\r\n\r\n  // used for mobile view\r\n  const handleBack = () => {\r\n    if (instance) {\r\n      instance.slideTo(0);\r\n    }\r\n  };\r\n\r\n  const onUpdate = () => {\r\n    if (isMobile && instance) {\r\n      setTimeout(() => {\r\n        instance.update();\r\n      }, 10);\r\n    }\r\n  };\r\n\r\n  const [sentState, setSentState] = useState<ListingState>({\r\n    page: 0,\r\n    rows: 10,\r\n  });\r\n\r\n  const [inboxState, setInboxState] = useState<ListingState>({\r\n    page: 0,\r\n    rows: 10,\r\n  });\r\n\r\n  const [actionState, setActionState] = useState<ListingState>({\r\n    page: 0,\r\n    rows: 10,\r\n  });\r\n\r\n  const [actionOverrides, setActionOverrides] =\r\n    React.useState<ActionOverridesType>({});\r\n\r\n  const setOverride = (messageId: string, state: boolean): void => {\r\n    setActionOverrides({ ...actionOverrides, ...{ [messageId]: state } });\r\n  };\r\n\r\n  const value: MessageContextType = {\r\n    actionOverrides,\r\n    setOverride,\r\n  };\r\n\r\n  const Primary = () => {\r\n    return (\r\n      <Fragment>\r\n        <ThemeDark>\r\n          <Paper>\r\n            <Grid container>\r\n              <Grid item xs={4}>\r\n                <Button\r\n                  fullWidth\r\n                  size=\"large\"\r\n                  onClick={() => {\r\n                    changeMailbox('inbox');\r\n                  }}\r\n                  className={clsx('messages-button', {\r\n                    active: mailbox === 'inbox',\r\n                  })}\r\n                  startIcon={<InboxIcon />}\r\n                >\r\n                  Inbox\r\n                </Button>\r\n              </Grid>\r\n              <Grid item xs={4}>\r\n                <Button\r\n                  fullWidth\r\n                  size=\"large\"\r\n                  onClick={() => {\r\n                    changeMailbox('action-required');\r\n                  }}\r\n                  className={clsx('messages-button', {\r\n                    active: mailbox === 'action-required',\r\n                  })}\r\n                  startIcon={<PriorityHighIcon />}\r\n                >\r\n                  Actions\r\n                </Button>\r\n              </Grid>\r\n              <Grid item xs={4}>\r\n                <Button\r\n                  fullWidth\r\n                  size=\"large\"\r\n                  onClick={() => {\r\n                    changeMailbox('sent');\r\n                  }}\r\n                  className={clsx('messages-button', {\r\n                    active: mailbox === 'sent',\r\n                  })}\r\n                  startIcon={<SendIcon />}\r\n                >\r\n                  Sent\r\n                </Button>\r\n              </Grid>\r\n            </Grid>\r\n          </Paper>\r\n        </ThemeDark>\r\n        <Paper>\r\n          {mailbox === 'sent' && (\r\n            <ViewListing\r\n              selectedId={messageId}\r\n              messageSelector={selectSentMessages}\r\n              messageStatus={selectSentStatus}\r\n              doDelete={deleteSentMessages}\r\n              refreshUnread={false}\r\n              refreshMessages={getSentMessages}\r\n              refreshingMessage=\"Refreshing Sent\"\r\n              autoSelectMessage={!isMobile}\r\n              onMessageClick={changeMessage}\r\n              onUpdate={onUpdate}\r\n              shape={sentState}\r\n              setShape={setSentState}\r\n            />\r\n          )}\r\n\r\n          {mailbox === 'inbox' && (\r\n            <ViewListing\r\n              selectedId={messageId}\r\n              messageSelector={selectReceivedMessages}\r\n              messageStatus={selectReceivedStatus}\r\n              doDelete={deleteReceivedMessages}\r\n              refreshUnread\r\n              refreshMessages={getReceivedMessages}\r\n              refreshingMessage=\"Refreshing Inbox\"\r\n              autoSelectMessage={!isMobile}\r\n              onMessageClick={changeMessage}\r\n              onUpdate={onUpdate}\r\n              shape={inboxState}\r\n              setShape={setInboxState}\r\n            />\r\n          )}\r\n\r\n          {mailbox === 'action-required' && (\r\n            <ViewListing\r\n              selectedId={messageId}\r\n              messageSelector={selectActionRequiredMessages}\r\n              messageStatus={selectActionRequiredStatus}\r\n              doDelete={deleteReceivedMessages}\r\n              refreshUnread\r\n              refreshMessages={getActionRequiredMessages}\r\n              refreshingMessage=\"Refreshing Action Required\"\r\n              autoSelectMessage={!isMobile}\r\n              onMessageClick={changeMessage}\r\n              onUpdate={onUpdate}\r\n              shape={actionState}\r\n              setShape={setActionState}\r\n            />\r\n          )}\r\n        </Paper>\r\n      </Fragment>\r\n    );\r\n  };\r\n\r\n  const Secondary = () => {\r\n    return (\r\n      <Box className=\"sticky-column\">\r\n        {mailbox === 'inbox' && (\r\n          <IndividualMessage\r\n            canReply\r\n            messageId={messageId}\r\n            getAllMessages={selectReceivedMessages}\r\n            getMessage={getReceivedMessage}\r\n            deleteMessage={deleteReceivedMessage}\r\n            markAsRead={setMessageAsRead}\r\n            goBack={isMobile ? handleBack : undefined}\r\n            onUpdate={onUpdate}\r\n            onDelete={changeMessage}\r\n          />\r\n        )}\r\n\r\n        {mailbox === 'action-required' && (\r\n          <IndividualMessage\r\n            canReply\r\n            messageId={messageId}\r\n            getAllMessages={selectActionRequiredMessages}\r\n            getMessage={getActionRequiredMessage}\r\n            deleteMessage={deleteReceivedMessage}\r\n            markAsRead={setMessageAsRead}\r\n            goBack={isMobile ? handleBack : undefined}\r\n            onUpdate={onUpdate}\r\n          />\r\n        )}\r\n\r\n        {mailbox === 'sent' && (\r\n          <IndividualMessage\r\n            messageId={messageId}\r\n            getAllMessages={selectSentMessages}\r\n            getMessage={getSentMessage}\r\n            deleteMessage={deleteSentMessage}\r\n            goBack={isMobile ? handleBack : undefined}\r\n            onUpdate={onUpdate}\r\n            onDelete={changeMessage}\r\n          />\r\n        )}\r\n      </Box>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.new-message')}</title>\r\n      </Helmet>\r\n\r\n      <Banner imagePath={getPublicPath('images/backgrounds/messages.jpg')}>\r\n        <Typography variant=\"h3\" component=\"h1\">\r\n          {t('common:titles.messages')}\r\n        </Typography>\r\n        <MessageHeader />\r\n      </Banner>\r\n      <MessageProvider value={value}>\r\n        <Box paddingY={isMobile ? 0 : 6} style={{ backgroundColor: '#eee' }}>\r\n          <Container disableGutters={isMobile}>\r\n            {isMobile ? (\r\n              <Paper>\r\n                <Swiper\r\n                  onSwiper={(swiper) => {\r\n                    if (!instance) {\r\n                      instance = swiper;\r\n                    }\r\n                  }}\r\n                  autoHeight\r\n                  spaceBetween={0}\r\n                  slidesPerView={1}\r\n                >\r\n                  <SwiperSlide>\r\n                    <Primary />\r\n                  </SwiperSlide>\r\n                  <SwiperSlide>\r\n                    <Secondary />\r\n                  </SwiperSlide>\r\n                </Swiper>\r\n              </Paper>\r\n            ) : (\r\n              <Grid container spacing={3} alignItems=\"stretch\">\r\n                <Grid item xs={12} sm={4}>\r\n                  <Primary />\r\n                </Grid>\r\n                <Grid item xs={12} sm={8}>\r\n                  <Secondary />\r\n                </Grid>\r\n              </Grid>\r\n            )}\r\n          </Container>\r\n        </Box>\r\n      </MessageProvider>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageMessages;\r\n","// TODO: comment\r\n\r\nimport { AccountDetailAccordion, Exporter } from './components';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Collapse,\r\n  Container,\r\n  FormControl,\r\n  Grid,\r\n  MenuItem,\r\n  Paper,\r\n  Select,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { ExportButton, InfoPopper } from 'components/ui';\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport { ThemeDark, ThemeDefault } from 'styles';\r\nimport { formatNumber, getDateFormat } from 'utils';\r\nimport {\r\n  getClientAccountAccountsDownloadUri,\r\n  getClientAccountTransactionsDownloadUri,\r\n} from 'api';\r\nimport { useDeepCompareEffect, useRouter, useWidth } from '@abrdn-latest/use';\r\n\r\nimport { AdditionalInfo } from 'pages/portfolio-holdings/components';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { Banner } from '@abrdn';\r\nimport { ClientAccountSummary } from 'api/types';\r\nimport { CurrencySelector } from 'components/form';\r\nimport { DatePicker } from '@material-ui/pickers';\r\nimport { GREY_DARK } from '@abrdn-latest/config';\r\nimport { Helmet } from 'react-helmet';\r\nimport { Loading } from 'components/no-data';\r\nimport { downloadFile } from 'api/utils';\r\nimport { useClientHoldings } from 'pages/client-holdings/data';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nenum ViewType {\r\n  Account = 'accounts',\r\n  Transaction = 'transactions',\r\n}\r\n\r\ninterface Params {\r\n  /**\r\n   *\r\n   */\r\n  client: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  section?: string;\r\n}\r\n\r\ntype View = ViewType.Account | ViewType.Transaction;\r\n\r\ninterface TransactionRange {\r\n  /**\r\n   *\r\n   */\r\n  end: Date;\r\n\r\n  /**\r\n   *\r\n   */\r\n  start: Date;\r\n}\r\n\r\n/**\r\n *\r\n * @returns\r\n */\r\nconst PageAccount = () => {\r\n  // translations\r\n  const { t } = useTranslation(['common', 'client']);\r\n\r\n  //\r\n  const today: Date = new Date();\r\n\r\n  const TWO_YEARS_AGO = new Date(\r\n    today.getFullYear() - 2,\r\n    today.getMonth(),\r\n    today.getDate()\r\n  );\r\n\r\n  const [minFundDate, setMinFundDate] = useState<Date | null>(TWO_YEARS_AGO);\r\n\r\n  // get the current date\r\n  const now: Date = new Date();\r\n\r\n  const current = new Date();\r\n\r\n  const YESTERDAY = new Date(current.setDate(current.getDate() - 1));\r\n\r\n  const [maxFundDate, setMaxFundDate] = useState<Date | null>(YESTERDAY);\r\n\r\n  // store the default start and end dates\r\n  const transactionDateDefaults: TransactionRange = {\r\n    start: new Date(now.setMonth(now.getMonth() - 1)),\r\n    end: new Date(),\r\n  };\r\n\r\n  // transaction date range\r\n  const [transactionRange, setTransactionRange] = useState<TransactionRange>(\r\n    transactionDateDefaults\r\n  );\r\n\r\n  // get the client holding data\r\n  const { clients, getClientHoldingSummary, clientCurrencies } =\r\n    useClientHoldings();\r\n\r\n  // mobile viewport width check\r\n  const { isSmall, isXSmall } = useWidth();\r\n\r\n  // get the possible routes\r\n  const params: Params = useParams();\r\n\r\n  // the client\r\n  const [client, setClient] = useState<string>(params.client || '');\r\n  const [summary, setSummary] = useState<ClientAccountSummary | null>(null);\r\n  const [hasValue, setHasValue] = useState<boolean>(true);\r\n\r\n  const [currencyCode, setCurrencyCode] = useState<string | null>(null);\r\n\r\n  const [valuationDate, setValuationDate] = useState<Date | null | undefined>(\r\n    null\r\n  );\r\n\r\n  const handleDateChange = (e: any) => {\r\n    const converted = e ? e.toDate() : e;\r\n\r\n    if (valuationDate !== converted) {\r\n      setValuationDate(converted);\r\n    }\r\n  };\r\n\r\n  const handleTransactionStartDateChange = (e: any) => {\r\n    setTransactionRange({ ...transactionRange, ...{ start: e.toDate() } });\r\n  };\r\n\r\n  const handleTransactionEndDateChange = (e: any) => {\r\n    setTransactionRange({ ...transactionRange, ...{ end: e.toDate() } });\r\n  };\r\n\r\n  useEffect(() => {\r\n    setTransactionRange(transactionDateDefaults);\r\n  }, [client]);\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        const summary = await getClientHoldingSummary(\r\n          client,\r\n          valuationDate,\r\n          currencyCode\r\n        );\r\n\r\n        if (summary) {\r\n          setSummary(summary);\r\n\r\n          const accounts = summary.accounts.filter((account) => {\r\n            return !account.dataIssue;\r\n          });\r\n\r\n          if (accounts.length) {\r\n            // loop through all the accounts to compare the minumim date\r\n            // get the minumum date\r\n            const minimumDate = accounts\r\n              .map(({ minimumValuationDate }) => minimumValuationDate)\r\n              .reduce((a, b) => {\r\n                return a && new Date(a) < new Date(b) ? a : b;\r\n              }, '');\r\n\r\n            // get the maximum date\r\n            const maximumDate = accounts\r\n              .map(({ maximumValuationDate }) => maximumValuationDate)\r\n              .reduce((a, b) => {\r\n                return a && new Date(a) > new Date(b) ? a : b;\r\n              }, '');\r\n\r\n            setMinFundDate(new Date(minimumDate));\r\n            setMaxFundDate(new Date(maximumDate));\r\n          }\r\n\r\n          if (summary.valuation.date) {\r\n            setValuationDate(new Date(summary.valuation.date));\r\n          }\r\n        }\r\n      } catch (e) {\r\n        setHasValue(false);\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [client, currencyCode]);\r\n\r\n  useEffect(() => {\r\n    if (summary) {\r\n      setHasValue(true);\r\n    }\r\n  }, [summary]);\r\n\r\n  useDeepCompareEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        const summary = await getClientHoldingSummary(\r\n          client,\r\n          valuationDate,\r\n          currencyCode\r\n        );\r\n\r\n        if (summary) {\r\n          setSummary(summary);\r\n        }\r\n      } catch (e) {\r\n        setHasValue(false);\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [valuationDate]);\r\n\r\n  // the view\r\n  const [view, setView] = useState<View>(ViewType.Account);\r\n\r\n  const router = useRouter();\r\n\r\n  const menuItems = [\r\n    {\r\n      id: ViewType.Account,\r\n      label: t('client:navigation.valuations'),\r\n    },\r\n    {\r\n      id: ViewType.Transaction,\r\n      label: t('client:navigation.transactions'),\r\n    },\r\n  ];\r\n\r\n  const getClientName = (): string => {\r\n    const filtered = clients.filter((item) => {\r\n      return item.id === client;\r\n    });\r\n\r\n    if (filtered && filtered.length > 0) {\r\n      return filtered[0].preferredName;\r\n    }\r\n\r\n    return '';\r\n  };\r\n\r\n  useEffect(() => {\r\n    router.history.replace(`/accounts/${client}/${view}`);\r\n  }, [view]);\r\n\r\n  const handleDownload = () => {\r\n    downloadFile(\r\n      getClientAccountAccountsDownloadUri(\r\n        client,\r\n        undefined,\r\n        valuationDate,\r\n        currencyCode || ''\r\n      ),\r\n      `${getClientName()}-accounts.xlsx`\r\n    );\r\n  };\r\n\r\n  const handleDownloadTransactions = (type: string) => {\r\n    const start = getDateFormat(transactionRange.start);\r\n    const end = getDateFormat(transactionRange.end);\r\n\r\n    downloadFile(\r\n      getClientAccountTransactionsDownloadUri(\r\n        client,\r\n        null,\r\n        transactionRange.start,\r\n        transactionRange.end,\r\n        type\r\n      ),\r\n      `${getClientName()}-transactions (${start}-${end}).${type.toLowerCase()}`\r\n    );\r\n  };\r\n\r\n  const handleClientChange = (ev: any) => {\r\n    const value: string = ev.target.value;\r\n\r\n    if (client !== value) {\r\n      router.push(`/accounts/${value}/${view}`);\r\n\r\n      setSummary(null);\r\n      setValuationDate(null);\r\n      setClient(value);\r\n    }\r\n  };\r\n\r\n  if (clients && clients.length > 0 && !params.client) {\r\n    router.history.replace(`/accounts/${clients[0].id}/accounts`);\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.accounts')}</title>\r\n      </Helmet>\r\n\r\n      <Banner imagePath={getPublicPath('images/backgrounds/client-holdings.jpg')}>\r\n        <Grid container alignItems=\"center\" justify=\"space-between\">\r\n          <Grid item>\r\n            <Typography variant=\"h3\" component=\"h1\">\r\n              {t('common:titles.client-holdings')}\r\n            </Typography>\r\n          </Grid>\r\n          <Grid item>\r\n            <ThemeDefault>\r\n              <AdditionalInfo>\r\n                {view === ViewType.Account && <AccountHelp />}\r\n                {view === ViewType.Transaction && <TransactionsHelp />}\r\n              </AdditionalInfo>\r\n            </ThemeDefault>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        {/* */}\r\n        {clients && (\r\n          <Box marginBottom={4}>\r\n            {clients.length === 1 ? (\r\n              <Typography component=\"h2\" variant=\"h4\">\r\n                {clients[0].preferredName}\r\n              </Typography>\r\n            ) : (\r\n              <ThemeDefault>\r\n                <FormControl\r\n                  variant=\"outlined\"\r\n                  style={{ maxWidth: 320, width: '100%' }}\r\n                >\r\n                  <Select\r\n                    fullWidth\r\n                    value={client}\r\n                    onChange={handleClientChange}\r\n                    className=\"abrdn-select-dark\"\r\n                    MenuProps={{\r\n                      PaperProps: {\r\n                        className: 'abrdn-dropdown',\r\n                      },\r\n                    }}\r\n                  >\r\n                    {clients.map((client, index: number) => {\r\n                      return (\r\n                        <MenuItem key={`o-${index}`} value={client.id}>\r\n                          {client.preferredName}\r\n                        </MenuItem>\r\n                      );\r\n                    })}\r\n                  </Select>\r\n                </FormControl>\r\n              </ThemeDefault>\r\n            )}\r\n          </Box>\r\n        )}\r\n\r\n        {/* Navigation */}\r\n        {summary && (\r\n          <Fragment>\r\n            {menuItems.map((item, index: number) => {\r\n              const Theme = view === item.id ? ThemeDark : ThemeDefault;\r\n\r\n              return (\r\n                <Theme key={`mi-${index}`}>\r\n                  <Button\r\n                    key={item.id}\r\n                    style={{ marginRight: 10, border: '1px solid #fff' }}\r\n                    size=\"large\"\r\n                    onClick={() => {\r\n                      setView(item.id as View);\r\n                    }}\r\n                    variant={view === item.id ? 'contained' : 'contained'}\r\n                    color=\"primary\"\r\n                  >\r\n                    {item.label}\r\n                  </Button>\r\n                </Theme>\r\n              );\r\n            })}\r\n          </Fragment>\r\n        )}\r\n      </Banner>\r\n\r\n      <Paper style={{ backgroundColor: GREY_DARK }}>\r\n        <Box paddingY={6}>\r\n          {/* loading state/indicator */}\r\n          {!clients ||\r\n            (!summary && (\r\n              <Container>\r\n                {hasValue ? (\r\n                  <Loading>\r\n                    <Typography paragraph>Loading accounts</Typography>\r\n                  </Loading>\r\n                ) : (\r\n                  <Alert severity=\"info\">\r\n                    There has been an error loading this account\r\n                  </Alert>\r\n                )}\r\n              </Container>\r\n            ))}\r\n\r\n          {/* if accounts have been set */}\r\n          {summary && (\r\n            <Collapse\r\n              in={view === ViewType.Account || view === ViewType.Transaction}\r\n            >\r\n              <Fragment>\r\n                <Collapse in={view === ViewType.Account}>\r\n                  {/*<AccountFilters*/}\r\n                  {/*  currencies={clientCurrencies[client] || []}*/}\r\n                  {/*  onCurrencyChange={setCurrencyCode}*/}\r\n                  {/*  estimatedValue={*/}\r\n                  {/*    hasValue*/}\r\n                  {/*      ? formatNumber(*/}\r\n                  {/*        summary.valuation.value,*/}\r\n                  {/*        summary.valuation.currencyCode*/}\r\n                  {/*      )*/}\r\n                  {/*      : '-'*/}\r\n                  {/*  }*/}\r\n                  {/*  datePickerProps={{*/}\r\n                  {/*    value: valuationDate,*/}\r\n                  {/*    minDate: minFundDate,*/}\r\n                  {/*    maxDate: maxFundDate,*/}\r\n                  {/*    onAccept: handleDateChange,*/}\r\n                  {/*  }}*/}\r\n                  {/*/>*/}\r\n                  <Container>\r\n                    <Grid\r\n                      container\r\n                      spacing={3}\r\n                      direction=\"row\"\r\n                      justify=\"space-between\"\r\n                      component=\"dl\"\r\n                      className=\"infolist\"\r\n                    >\r\n                      <Grid item xs={12} sm={4}>\r\n                        <Typography component=\"dt\">\r\n                          <InfoPopper\r\n                            title=\"Valuation date\"\r\n                            content=\"You can change the valuation date by selecting from the dropdown menu of available valuation dates.\"\r\n                          />\r\n                        </Typography>\r\n                        <dd>\r\n                          <DatePicker\r\n                            className={'abrdn-picker'}\r\n                            autoOk\r\n                            disableFuture\r\n                            value={valuationDate}\r\n                            format=\"DD MMMM YYYY\"\r\n                            minDate={minFundDate}\r\n                            maxDate={maxFundDate}\r\n                            emptyLabel=\"Latest\"\r\n                            clearable\r\n                            clearLabel=\"Latest valuation\"\r\n                            onChange={() => {}}\r\n                            onAccept={handleDateChange}\r\n                          />\r\n                        </dd>\r\n                      </Grid>\r\n                      <Grid item xs={12} sm={4}>\r\n                        <Typography component=\"dt\">\r\n                          View full details\r\n                        </Typography>\r\n                        <dd>\r\n                          {hasValue ? (\r\n                            <ExportButton\r\n                              label={`Download`}\r\n                              onClick={handleDownload}\r\n                            />\r\n                          ) : (\r\n                            '-'\r\n                          )}\r\n                        </dd>\r\n                      </Grid>\r\n                      <Grid item xs={12} sm={4} className=\"align-right\">\r\n                        <Typography component=\"dt\">Estimated value</Typography>\r\n                        <dd>\r\n                          <CurrencySelector\r\n                            currencies={clientCurrencies[client] || []}\r\n                            onChange={(currencyCode: string) => {\r\n                              setCurrencyCode(currencyCode);\r\n                            }}\r\n                          />{' '}\r\n                          <Typography component=\"span\">\r\n                            {hasValue\r\n                              ? formatNumber(\r\n                                summary.valuation.value,\r\n                                summary.valuation.currencyCode\r\n                              )\r\n                              : '-'}\r\n                          </Typography>\r\n                        </dd>\r\n                      </Grid>\r\n                    </Grid>\r\n                  </Container>\r\n                </Collapse>\r\n\r\n                <Collapse in={view === ViewType.Transaction}>\r\n                  <Container>\r\n                    <Typography variant=\"h4\">\r\n                      Summary of transactions\r\n                    </Typography>\r\n\r\n                    <Grid container direction=\"row\" spacing={4}>\r\n                      <Grid item xs={12} md={6}>\r\n                        {/* date range */}\r\n                        <Box marginY={1}>\r\n                          <Typography variant=\"h5\" style={{ marginBottom: 10 }}>\r\n                            Date range\r\n                          </Typography>\r\n\r\n                          <Grid container direction=\"row\" spacing={1}>\r\n                            <Grid item xs={12} sm={6}>\r\n                              <DatePicker\r\n                                className={'abrdn-picker'}\r\n                                autoOk\r\n                                disableFuture\r\n                                value={transactionRange.start}\r\n                                format=\"DD MMM YYYY\"\r\n                                maxDate={transactionRange.end}\r\n                                minDate={minFundDate}\r\n                                onChange={() => {}}\r\n                                onAccept={handleTransactionStartDateChange}\r\n                              />\r\n                            </Grid>\r\n                            <Grid item xs={12} sm={6}>\r\n                              <DatePicker\r\n                                className={'abrdn-picker'}\r\n                                autoOk\r\n                                disableFuture\r\n                                value={transactionRange.end}\r\n                                format=\"DD MMM YYYY\"\r\n                                minDate={transactionRange.start}\r\n                                maxDate={new Date()}\r\n                                onChange={() => {}}\r\n                                onAccept={handleTransactionEndDateChange}\r\n                              />\r\n                            </Grid>\r\n                          </Grid>\r\n                        </Box>\r\n                      </Grid>\r\n                      <Grid item xs={12} md={6}>\r\n                        {/* download */}\r\n                        <Box marginY={1}>\r\n                          <Grid\r\n                            container\r\n                            direction=\"row\"\r\n                            spacing={1}\r\n                            justify=\"space-between\"\r\n                          >\r\n                            <Grid item xs={6} md={12}>\r\n                              <Typography\r\n                                variant=\"h5\"\r\n                                style={{ marginBottom: 10 }}\r\n                              >\r\n                                View full details\r\n                              </Typography>\r\n                            </Grid>\r\n                            <Grid\r\n                              item\r\n                              xs={6}\r\n                              md={12}\r\n                              style={{\r\n                                textAlign: isSmall ? 'right' : 'left',\r\n                              }}\r\n                            >\r\n                              <Exporter onSelect={handleDownloadTransactions} />\r\n                            </Grid>\r\n                          </Grid>\r\n                        </Box>\r\n                      </Grid>\r\n                    </Grid>\r\n                  </Container>\r\n                </Collapse>\r\n\r\n                <Box paddingY={6}>\r\n                  <Container>\r\n                    {summary.accounts.map((account, index: number) => (\r\n                      <AccountDetailAccordion\r\n                        order={index}\r\n                        key={`${account.id}-${index}`}\r\n                        clientId={client}\r\n                        accountId={account.id}\r\n                        open={index < 3}\r\n                        valuationDate={valuationDate}\r\n                        transactionRange={transactionRange}\r\n                        overview={view === ViewType.Account}\r\n                      />\r\n                    ))}\r\n                  </Container>\r\n                </Box>\r\n              </Fragment>\r\n            </Collapse>\r\n          )}\r\n        </Box>\r\n      </Paper>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nconst AccountHelp = () => {\r\n  const { t } = useTranslation('common');\r\n  return (\r\n    <Fragment>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row1')}\r\n\r\n      </Typography>\r\n      <Typography paragraph style={{ fontWeight: 'bold' }}>\r\n        {t('client:accounts.info.row2')}\r\n      </Typography>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row3')}\r\n      </Typography>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row4')}\r\n      </Typography>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row5')}\r\n      </Typography>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row6')}\r\n      </Typography>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row7')}\r\n      </Typography>\r\n      <Typography paragraph>\r\n        {t('client:accounts.info.row8')}\r\n      </Typography>\r\n    </Fragment>\r\n  );\r\n}\r\n\r\nconst TransactionsHelp = () => (\r\n  <Fragment>\r\n    <Typography paragraph>\r\n      This page displays account level transactions.\r\n    </Typography>\r\n    <Typography paragraph>\r\n      In the Accounts Search panel you can select the holdings that you are\r\n      associated with.\r\n    </Typography>\r\n    <Typography paragraph>\r\n      You can move between the Accounts and Transactions view by selecting the\r\n      buttons below the holdings selection dropdown.\r\n    </Typography>\r\n    <Typography paragraph>\r\n      You can change the transaction date range by selecting from the dropdown\r\n      and providing the dates required.\r\n    </Typography>\r\n    <Typography paragraph>\r\n      You can export the full transaction details in excel format using the\r\n      download function.\r\n    </Typography>\r\n  </Fragment>\r\n);\r\n\r\nexport default PageAccount;\r\n","// TODO: comment\r\nimport { Banner } from '@abrdn';\r\nimport { GREY_DARK, STATUS_FAILED, STATUS_LOADING } from '@abrdn-latest/config';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Chip,\r\n  Container,\r\n  Grid,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { getPortfolioHoldingDownloadUri, getSavedFundList } from 'api';\r\nimport { Fund } from 'api/types';\r\nimport { downloadFile } from 'api/utils';\r\nimport { Anchor } from 'components/core';\r\nimport { DataError, Loading, NoData } from 'components/no-data';\r\nimport { PopupState } from 'components/popup-app';\r\nimport { ArrowDownwardIcon, CloseIcon } from 'icons';\r\nimport { toast } from 'material-react-toastify';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useMedia } from 'react-use';\r\nimport {\r\n  Banner as PortfolioBanner,\r\n  Disclaimer,\r\n  FundListing,\r\n  FundSelector,\r\n} from './components';\r\nimport { usePortfolioHoldings } from './data';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    display: 'flex',\r\n    flexWrap: 'wrap',\r\n    '& > *': {\r\n      margin: theme.spacing(0.5),\r\n    },\r\n  },\r\n}));\r\n\r\nconst AppliedFilters = () => {\r\n  const { state, setAssetFunds, setFundRanges, setProductTypes, clearFilters } =\r\n    usePortfolioHoldings();\r\n\r\n  const classes = useStyles();\r\n\r\n  if (\r\n    state.assetFundClass.length === 0 &&\r\n    state.fundRange.length === 0 &&\r\n    state.productType.length === 0\r\n  ) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Box className={classes.root} marginY={4}>\r\n        {state.assetFundClass.map((item, index: number) => {\r\n          return (\r\n            <Chip\r\n              variant=\"outlined\"\r\n              label={item}\r\n              onDelete={() => {\r\n                setAssetFunds(state.assetFundClass.filter((f) => f !== item));\r\n              }}\r\n              deleteIcon={<CloseIcon />}\r\n              key={`af-${index}`}\r\n            />\r\n          );\r\n        })}\r\n\r\n        {state.fundRange.map((item, index: number) => {\r\n          return (\r\n            <Chip\r\n              variant=\"outlined\"\r\n              label={item}\r\n              onDelete={() => {\r\n                setFundRanges(state.fundRange.filter((f) => f !== item));\r\n              }}\r\n              deleteIcon={<CloseIcon />}\r\n              key={`fr-${index}`}\r\n            />\r\n          );\r\n        })}\r\n\r\n        {state.productType.map((item, index: number) => {\r\n          return (\r\n            <Chip\r\n              variant=\"outlined\"\r\n              label={item}\r\n              onDelete={() => {\r\n                setProductTypes(state.productType.filter((f) => f !== item));\r\n              }}\r\n              deleteIcon={<CloseIcon />}\r\n              key={`pt-${index}`}\r\n            />\r\n          );\r\n        })}\r\n\r\n        <Chip color=\"primary\" label=\"Clear all\" onClick={clearFilters} />\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nconst PagePortfolioHoldings = () => {\r\n  const { funds, status } = usePortfolioHoldings();\r\n\r\n  const { t } = useTranslation(['common']);\r\n\r\n  // config\r\n  const PAGE_SIZE: number = 25;\r\n\r\n  // is the compae window open\r\n  const [compareState, setCompareState] = useState<PopupState>('closed');\r\n\r\n  // store the selected funds\r\n  const [selectedFunds, setSelectedFunds] = useState<string[]>([]);\r\n\r\n  // saved funds\r\n  const [userSavedFunds, setUserSavedFunds] = useState<string[]>([]);\r\n\r\n  // fake pagination\r\n  const [page, setPage] = useState<number>(0);\r\n\r\n  const isWide = useMedia('(min-width: 600px)');\r\n\r\n  useEffect(() => {\r\n    onFundSave();\r\n  }, []);\r\n\r\n  const onFundSave = async () => {\r\n    const saved = await getSavedFundList();\r\n    setUserSavedFunds(saved);\r\n  };\r\n\r\n  // watch for the funds list changing, this will most likely be changed from updating and filtering\r\n  useEffect(() => {\r\n    // reset the page back to the first one\r\n    setPage(0);\r\n  }, [funds]);\r\n\r\n  /**\r\n   * handle pagination\r\n   */\r\n  const handleLoadMore = () => {\r\n    // load the next page\r\n    setPage(page + 1);\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param fundCode\r\n   * @returns\r\n   */\r\n  const getFundNameFromCode = (fundCode: string): string => {\r\n    if (funds) {\r\n      for (let item in funds) {\r\n        if (funds[item].fundCode === fundCode) {\r\n          return funds[item].fundName;\r\n        }\r\n      }\r\n\r\n      return fundCode;\r\n    }\r\n    return '';\r\n  };\r\n\r\n  /**\r\n   * Download all the selected files\r\n   */\r\n  const handleExport = async () => {\r\n    const failedDownloads: any[] = [];\r\n\r\n    // loop through all the selected funds and trigger a download\r\n    await Promise.all(\r\n      selectedFunds.map(async (fundCode: string) => {\r\n        // try and download the file\r\n        const result = await downloadFile(\r\n          getPortfolioHoldingDownloadUri(fundCode),\r\n          `Latest-${getFundNameFromCode(fundCode)}.xlsx`\r\n        );\r\n\r\n        if (!result) {\r\n          failedDownloads.push(fundCode);\r\n        }\r\n      })\r\n    );\r\n\r\n    if (failedDownloads.length > 0) {\r\n      if (failedDownloads.length === selectedFunds.length) {\r\n        toast.error(\r\n          `Failed to export fund${failedDownloads.length > 1 ? 's' : ''}`\r\n        );\r\n      } else {\r\n        toast.error(\r\n          `Failed to export ${failedDownloads.length} document${\r\n            failedDownloads.length > 1 ? 's' : ''\r\n          }`\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param selected\r\n   */\r\n  const handleFundChecked = (selected: string[]): void => {\r\n    setSelectedFunds(selected);\r\n  };\r\n\r\n  // filter the saved funds, we do this so we can offset the results of calculations\r\n  const savedFunds =\r\n    funds &&\r\n    funds.filter((fund: Fund) => {\r\n      return userSavedFunds.includes(fund.fundCode);\r\n    });\r\n\r\n  /**\r\n   * Calculation to work out the data items that are presented on the screen\r\n   * @returns string\r\n   */\r\n  const resultsLabel = () => {\r\n    if (funds) {\r\n      return `Showing ${Math.min(\r\n        Math.min((page + 1) * PAGE_SIZE, funds.length) +\r\n          (savedFunds ? savedFunds.length : 0),\r\n        funds.length\r\n      )} of ${funds.length} results`;\r\n    }\r\n    return '';\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.portfolio-holdings')}</title>\r\n      </Helmet>\r\n\r\n      {/* banner */}\r\n      <Banner imagePath={getPublicPath('images/backgrounds/portfolio-holdings.jpg')}>\r\n        <PortfolioBanner />\r\n      </Banner>\r\n\r\n      {/* fund type selector (to tie in with the portfolio banner) */}\r\n      <FundSelector />\r\n\r\n      {/* fund listing */}\r\n      <Paper style={{ backgroundColor: GREY_DARK }}>\r\n        <Box paddingTop={6} paddingBottom={6}>\r\n          <Container>\r\n            {/* results */}\r\n\r\n            <Fragment>\r\n              {funds && funds.length ? (\r\n                // header area\r\n                <Box marginBottom={4}>\r\n                  <Grid\r\n                    container\r\n                    spacing={3}\r\n                    alignContent=\"center\"\r\n                    alignItems=\"stretch\"\r\n                  >\r\n                    {/* results x of y */}\r\n                    <Grid item xs={12} sm={6}>\r\n                      <Typography>{resultsLabel()}</Typography>\r\n                    </Grid>\r\n                    <Grid item xs={12} sm={6}>\r\n                      <Box textAlign=\"right\">\r\n                        {/* deselect funds */}\r\n                        <Anchor\r\n                          disabled={selectedFunds.length === 0}\r\n                          onClick={() => {\r\n                            setSelectedFunds([]);\r\n                          }}\r\n                        >\r\n                          Select none\r\n                        </Anchor>\r\n\r\n                        {/* export functionality */}\r\n                        <Anchor\r\n                          disabled={selectedFunds.length === 0}\r\n                          onClick={handleExport}\r\n                          style={{ marginLeft: 12 }}\r\n                        >\r\n                          Download\r\n                        </Anchor>\r\n                      </Box>\r\n                    </Grid>\r\n                  </Grid>\r\n                </Box>\r\n              ) : (\r\n                <Fragment />\r\n              )}\r\n\r\n              <AppliedFilters />\r\n\r\n              {/* loading state */}\r\n              {status === STATUS_LOADING && !funds && (\r\n                <Loading>\r\n                  <Typography paragraph>Loading funds</Typography>\r\n                </Loading>\r\n              )}\r\n\r\n              {/* error */}\r\n              {status === STATUS_FAILED && (\r\n                <DataError>\r\n                  <Typography paragraph>\r\n                    Something went wrong. Please try again.\r\n                  </Typography>\r\n                </DataError>\r\n              )}\r\n\r\n              {funds && funds.length ? (\r\n                <Fragment />\r\n              ) : (\r\n                <Fragment>\r\n                  {status !== STATUS_LOADING && (\r\n                    <NoData>\r\n                      <Typography paragraph>No funds to show</Typography>\r\n                    </NoData>\r\n                  )}\r\n                </Fragment>\r\n              )}\r\n\r\n              {/* saved fund listing */}\r\n              {savedFunds && savedFunds.length > 0 && (\r\n                <Box paddingBottom={2}>\r\n                  <FundListing\r\n                    small={!isWide}\r\n                    title=\"My Favourites\"\r\n                    selected={selectedFunds}\r\n                    onChange={handleFundChecked}\r\n                    onFundSave={onFundSave}\r\n                    saved={userSavedFunds}\r\n                    funds={savedFunds}\r\n                  />\r\n                </Box>\r\n              )}\r\n\r\n              {funds && (\r\n                <Fragment>\r\n                  {/* all funds (no including saved funds) */}\r\n                  <FundListing\r\n                    small={!isWide}\r\n                    title=\"All funds\"\r\n                    selected={selectedFunds}\r\n                    onChange={handleFundChecked}\r\n                    onFundSave={onFundSave}\r\n                    saved={userSavedFunds}\r\n                    funds={funds\r\n                      .filter((fund: Fund) => {\r\n                        return !userSavedFunds.includes(fund.fundCode);\r\n                      })\r\n                      .slice(0, (page + 1) * PAGE_SIZE)}\r\n                  />\r\n\r\n                  {/* load more button */}\r\n                  {Math.min((page + 1) * PAGE_SIZE, funds.length) <\r\n                    funds.length && (\r\n                    <Box paddingY={2} textAlign=\"center\">\r\n                      <Button\r\n                        variant=\"contained\"\r\n                        color=\"primary\"\r\n                        size=\"large\"\r\n                        onClick={handleLoadMore}\r\n                        endIcon={<ArrowDownwardIcon />}\r\n                      >\r\n                        Load More\r\n                      </Button>\r\n                    </Box>\r\n                  )}\r\n                </Fragment>\r\n              )}\r\n            </Fragment>\r\n          </Container>\r\n\r\n          {/* shared disclaimer message */}\r\n          <Disclaimer />\r\n        </Box>\r\n      </Paper>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PagePortfolioHoldings;\r\n","// TODO: comment\r\n\r\nimport {\r\n  AdditionalInfo,\r\n  Disclaimer,\r\n  PortfolioHoldingsTable,\r\n  SaveFund,\r\n} from './components';\r\nimport {\r\n  Box,\r\n  Container,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  TextField,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport {\r\n  BrandColours,\r\n  GREY_DARK,\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { ClearIcon, SearchIcon } from 'icons';\r\nimport { ExportButton, InfoPopper } from 'components/ui';\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport { FundResponse, FundState, FundSummaryResponse } from 'api/types';\r\nimport {\r\n  getClientAccountHoldings,\r\n  getClientAccountHoldingsDownloadUri,\r\n  getClientAccountSummary,\r\n  getFundData,\r\n  getFundSummary,\r\n  getPortfolioHoldingDownloadUri,\r\n  getSavedFundList,\r\n} from 'api';\r\nimport { getLocalisedDate, roundMoney } from 'utils';\r\n\r\nimport { Anchor } from 'components/core';\r\nimport { Breadcrumbs } from 'components/navigation';\r\nimport { DataError } from 'components/no-data';\r\nimport { DatePicker } from '@material-ui/pickers';\r\nimport { FundSummary } from '@abrdn';\r\nimport { Helmet } from 'react-helmet';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport { Stack } from '@abrdn-latest/core';\r\nimport { downloadFile } from 'api/utils';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const PageFundDetail = (page: any) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const params: any = useParams();\r\n\r\n  const router = useRouter();\r\n\r\n  const query = router.query as any;\r\n\r\n  const clientSection: boolean | string = query.client || false;\r\n\r\n  // portfolio holdings code...\r\n  const fundCode: string = params?.fundCode;\r\n  // client holdings code\r\n  const clientId: string = params?.clientId;\r\n  const accountId: string = params?.accountId;\r\n\r\n  const IS_ACCOUNTS: boolean = !!(clientId && accountId);\r\n\r\n  const IS_SEG_FUND: boolean = IS_ACCOUNTS;\r\n\r\n  const content = {\r\n    noResults: 'No results found',\r\n    noFundObjective: 'No Fund Objective Available',\r\n    noFund:\r\n      'Unfortunately we are not currently able to display the holdings for this fund. If you require additional holdings information please use the Messages function to contact our Client Service team who can assist you.',\r\n    labels: {\r\n      less: 'Less',\r\n      more: 'More',\r\n      //\r\n      fundSize: 'Fund size',\r\n      baseCurrency: 'Base currency',\r\n      fullDetails: 'View full details',\r\n      download: 'Download XLSX',\r\n      search: 'Search Security Description or ISIN',\r\n    },\r\n    fundObjective: 'Fund objective',\r\n    valuationDate: {\r\n      title: 'Valuation date',\r\n      content:\r\n        'You can change the valuation date by selecting from the dropdown menu of available valuation dates.',\r\n    },\r\n    disclaimer:\r\n      'Underlying portfolio holding data for pooled funds will be shown in line with our disclosure policy schedule and may not align with your account valuation.',\r\n    disclaimerAccounts:\r\n      'Valuations displayed are indicative. Audited valuations are available in the periodic reporting provided. Download to confirm the valuation pricing point. For further details see page information.',\r\n    securities: 'Securities',\r\n    info: [\r\n      !IS_SEG_FUND\r\n        ? 'You may favourite a fund by selecting the star icon at the top of the page. Favourite funds will appear at the top of your Portfolio Holdings view.'\r\n        : '',\r\n      'You can change the valuation date by selecting from the dropdown menu of available valuation dates.',\r\n      'The fund size header data is a rounded indicative value in the base currency of the fund.',\r\n      'You can export the full holdings of the fund with additional data in excel format using the download function.',\r\n      'The charts provide a visual indicative view of the fund composition based upon the valuation date displayed.',\r\n      'You can use the search bar in the securities panel to find specific securities held in this fund.',\r\n      'The data sourced to display valuations is regularly validated and updated with applicable corrections to quantities and prices to provide accurate information. However, this may not reconcile with the audited valuations provided in periodic reporting due to timing differences and the data sources pricing methodology, such as pricing points, pricing hierarchy, rounding and/or fx rates.',\r\n    ],\r\n  };\r\n\r\n  const [fundSummary, setFundSummary] = useState<FundSummaryResponse>();\r\n  const [fundData, setFundData] = useState<FundResponse>();\r\n\r\n  const [status, setState] = useState<string>(STATUS_LOADING);\r\n\r\n  // saved funds\r\n  const [userSavedFunds, setUserSavedFunds] = useState<string[]>([]);\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      const fund = fundCode\r\n        ? await getFundSummary(fundCode)\r\n        : await getClientAccountSummary(clientId, accountId);\r\n\r\n      if (fund) {\r\n        setFundSummary(fund);\r\n      }\r\n\r\n      const saved = await getSavedFundList();\r\n      setUserSavedFunds(saved);\r\n    };\r\n\r\n    load();\r\n  }, [fundCode]);\r\n\r\n  const [assetClassMapping, setAssetClassMapping] = useState<any>();\r\n  //\r\n  useEffect(() => {\r\n    const mapping: any = {};\r\n\r\n    if (fundSummary && fundSummary.instrumentAssetClassSummary) {\r\n      fundSummary.instrumentAssetClassSummary.forEach(\r\n        (value, index: number) => {\r\n          mapping[value.instrumentAssetClass] =\r\n            BrandColours[index % BrandColours.length];\r\n        }\r\n      );\r\n    }\r\n\r\n    setAssetClassMapping(mapping);\r\n  }, [fundCode, fundSummary]);\r\n\r\n  // initial fund state - this is used to query the api\r\n  const initialState: FundState = {\r\n    pageNumber: 0,\r\n    pageSize: 50,\r\n    pageSortOrder: 'asc',\r\n    pageFilter: '',\r\n    pageSortBy: 'assetclass',\r\n    valuationDate: null,\r\n  };\r\n\r\n  // fund state\r\n  const [fundState, setFundState] = useState<FundState>(initialState);\r\n\r\n  // handle changing of the date\r\n  const handleDateChange = (date: Date) => {\r\n    setFundState({ ...initialState, ...{ valuationDate: date } });\r\n\r\n    clearSearch();\r\n  };\r\n\r\n  const clearSearch = () => {\r\n    try {\r\n      const el = document.getElementById('searchfilter');\r\n\r\n      if (el) {\r\n        // @ts-ignore\r\n        el.value = '';\r\n      }\r\n    } catch (e) {}\r\n  };\r\n\r\n  // handle keyword search\r\n  const setSearch = (str: string) => {\r\n    setFundState({\r\n      ...fundState,\r\n      ...{ pageFilter: str, pageNumber: initialState.pageNumber },\r\n    });\r\n  };\r\n\r\n  const onChange = (state: FundState) => {\r\n    if (\r\n      typeof state.pageSize !== 'undefined' &&\r\n      state.pageSize !== fundState.pageSize\r\n    ) {\r\n      setFundState({ ...fundState, ...state, ...{ pageNumber: 0 } });\r\n    } else {\r\n      setFundState({ ...fundState, ...state });\r\n    }\r\n  };\r\n\r\n  let timer: any = null;\r\n\r\n  const handleSearch = (ev: any) => {\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n\r\n    timer = setTimeout(() => {\r\n      // get the value from the search input,\r\n      const value: string = String(ev.target.value)\r\n        // .replace(/([\\[/\\\\<>\\(\\)?]+)/gi, '')\r\n        .trim();\r\n\r\n      setSearch(value);\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }, 700);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      setState(STATUS_LOADING);\r\n\r\n      try {\r\n        const fundData = fundCode\r\n          ? await getFundData(\r\n              fundCode,\r\n              fundState.valuationDate,\r\n              fundState.pageNumber,\r\n              fundState.pageSize,\r\n              fundState.pageSortBy,\r\n              fundState.pageSortOrder,\r\n              fundState.pageFilter\r\n            )\r\n          : await getClientAccountHoldings(\r\n              clientId,\r\n              accountId,\r\n              fundState.valuationDate,\r\n              fundState.pageNumber,\r\n              fundState.pageSize,\r\n              fundState.pageSortBy,\r\n              fundState.pageSortOrder,\r\n              fundState.pageFilter\r\n            );\r\n\r\n        if (fundData) {\r\n          setState(STATUS_SUCCESS);\r\n          setFundData(fundData);\r\n\r\n          const fund = fundCode\r\n            ? await getFundSummary(fundCode, fundState.valuationDate)\r\n            : await getClientAccountSummary(\r\n                clientId,\r\n                accountId,\r\n                fundState.valuationDate\r\n              );\r\n\r\n          if (fund) {\r\n            setFundSummary(fund);\r\n          } else {\r\n            setFundSummary(undefined);\r\n          }\r\n        } else {\r\n          setState(STATUS_FAILED);\r\n\r\n          setFundSummary(undefined);\r\n        }\r\n      } catch (e) {\r\n        setState(STATUS_FAILED);\r\n\r\n        // setFundData(undefined);\r\n        setFundSummary(undefined);\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, [fundCode, fundState]);\r\n\r\n  const [summaryOpen, setSummaryOpen] = useState<boolean>(false);\r\n  const toggleSummary = () => {\r\n    setSummaryOpen(!summaryOpen);\r\n  };\r\n\r\n  const handleDownload = async () => {\r\n    if (fundData) {\r\n      if (fundCode) {\r\n        downloadFile(\r\n          getPortfolioHoldingDownloadUri(\r\n            fundData.data.fundCode,\r\n            fundData.data.valuationDate\r\n          ),\r\n          `${fundData.data.valuationDate}-${fundData.data.fundName}.xlsx`\r\n        );\r\n      } else {\r\n        downloadFile(\r\n          getClientAccountHoldingsDownloadUri(\r\n            clientId,\r\n            accountId,\r\n            fundData.data.valuationDate\r\n          ),\r\n          `${fundData.data.valuationDate}-${fundData.data.fundName}.xlsx`\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n  const FundObjective = () => {\r\n    const SHOW_MORE_ONLY: boolean = false;\r\n\r\n    if (fundSummary) {\r\n      if (typeof fundSummary.fundObjective === 'undefined') {\r\n        return null;\r\n      }\r\n\r\n      const fullText: string =\r\n        fundSummary.fundObjective || content.noFundObjective;\r\n\r\n      const characterLimit: number =\r\n        fullText.length > 180 ? 160 : fullText.length;\r\n\r\n      let limit: number | undefined = summaryOpen ? undefined : characterLimit;\r\n\r\n      const displayText: string = fullText.substr(0, limit).trim();\r\n\r\n      return (\r\n        <Box maxWidth={770}>\r\n          <Typography variant=\"h4\">{content.fundObjective}</Typography>\r\n          <Typography paragraph>\r\n            <Fragment>\r\n              {displayText}\r\n              {fullText.length > characterLimit &&\r\n                ((SHOW_MORE_ONLY && summaryOpen === false) ||\r\n                  !SHOW_MORE_ONLY) && (\r\n                  <Fragment>\r\n                    {' '}\r\n                    <Anchor\r\n                      onClick={toggleSummary}\r\n                      style={{ fontSize: 'inherit' }}\r\n                    >\r\n                      {fullText.length > characterLimit && !summaryOpen\r\n                        ? '...'\r\n                        : ''}\r\n                      {summaryOpen ? content.labels.less : content.labels.more}\r\n                    </Anchor>\r\n                  </Fragment>\r\n                )}\r\n            </Fragment>\r\n          </Typography>\r\n        </Box>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>\r\n          {IS_ACCOUNTS ? 'Accounts' : t('common:titles.portfolio-holdings')}{' '}\r\n          {fundData ? `- ${fundData.data.fundName}` : ''}\r\n        </title>\r\n      </Helmet>\r\n\r\n      <Paper>\r\n        <Breadcrumbs\r\n          trail={[\r\n            {\r\n              label: 'Home',\r\n              href: '/home',\r\n            },\r\n            IS_ACCOUNTS || clientSection\r\n              ? clientSection\r\n                ? {\r\n                    label: 'Accounts',\r\n                    href: `/accounts/${clientSection}/accounts`,\r\n                  }\r\n                : {\r\n                    label: 'Accounts',\r\n                    href: `/accounts/${clientId}/accounts`,\r\n                  }\r\n              : {\r\n                  label: 'Portfolio Holdings',\r\n                  href: '/portfolio-holdings',\r\n                },\r\n            {\r\n              label: fundData ? fundData.data.fundName : '',\r\n            },\r\n          ]}\r\n        />\r\n\r\n        <Container>\r\n          <Box paddingY={3}>\r\n            <Grid container spacing={3} alignItems=\"stretch\">\r\n              <Grid item xs={12} sm={8}></Grid>\r\n              {fundData && (\r\n                <Grid item xs={12} sm={4}>\r\n                  <Box textAlign=\"right\">\r\n                    <Stack\r\n                      direction=\"row\"\r\n                      alignItems=\"center\"\r\n                      spacing={2}\r\n                      justifyContent=\"flex-end\"\r\n                    >\r\n                      {/* Save/Favoutite functionality */}\r\n                      {typeof Storage !== 'undefined' && !IS_SEG_FUND && (\r\n                        <SaveFund\r\n                          fundCode={fundData.data.fundCode}\r\n                          saved={userSavedFunds.includes(\r\n                            fundData.data.fundCode\r\n                          )}\r\n                          showLabel\r\n                        />\r\n                      )}\r\n\r\n                      {/* Info popup */}\r\n                      <AdditionalInfo>\r\n                        {content.info.map((item, index: number) => {\r\n                          if (item) {\r\n                            return (\r\n                              <Typography paragraph key={`t-${index}`}>\r\n                                {item}\r\n                              </Typography>\r\n                            );\r\n                          }\r\n\r\n                          return null;\r\n                        })}\r\n                      </AdditionalInfo>\r\n                    </Stack>\r\n                  </Box>\r\n                </Grid>\r\n              )}\r\n            </Grid>\r\n          </Box>\r\n        </Container>\r\n\r\n        <Container>\r\n          {status !== STATUS_FAILED && (\r\n            <Fragment>\r\n              {/* page title */}\r\n              <Typography component=\"h1\" variant=\"h3\">\r\n                {fundData ? fundData.data.fundName : <Skeleton width={300} />}\r\n              </Typography>\r\n\r\n              {/* fund objective */}\r\n              {fundSummary && !IS_SEG_FUND && <FundObjective />}\r\n            </Fragment>\r\n          )}\r\n        </Container>\r\n\r\n        {fundData && (\r\n          <Fragment>\r\n            <Container>\r\n              <Box paddingY={6}>\r\n                <Grid\r\n                  container\r\n                  spacing={3}\r\n                  direction=\"row\"\r\n                  component=\"dl\"\r\n                  className=\"infolist\"\r\n                >\r\n                  <Grid item xs={12} sm={3}>\r\n                    <Typography variant=\"body1\" component=\"dt\">\r\n                      <InfoPopper {...content.valuationDate} />\r\n                    </Typography>\r\n                    <dd>\r\n                      {fundCode ? (\r\n                        <Fragment>\r\n                          {fundData.data.valuationDates &&\r\n                          fundData.data.valuationDates.length > 1 ? (\r\n                            <Fragment>\r\n                              <DatePicker\r\n                                className={'abrdn-picker'}\r\n                                autoOk\r\n                                disableFuture\r\n                                minDate={(() => {\r\n                                  const twoYearsAgo = new Date();\r\n                                  twoYearsAgo.setFullYear(\r\n                                    twoYearsAgo.getFullYear() - 2\r\n                                  );\r\n\r\n                                  const minAvailable = new Date(\r\n                                    fundData.data.valuationDates[0]\r\n                                  );\r\n\r\n                                  if (minAvailable > twoYearsAgo) {\r\n                                    return minAvailable;\r\n                                  }\r\n\r\n                                  return twoYearsAgo;\r\n                                })()}\r\n                                maxDate={\r\n                                  new Date(\r\n                                    fundData.data.valuationDates[\r\n                                      fundData.data.valuationDates.length - 1\r\n                                    ]\r\n                                  )\r\n                                }\r\n                                value={\r\n                                  fundData.data.valuationDate\r\n                                    ? new Date(fundData.data.valuationDate)\r\n                                    : undefined\r\n                                }\r\n                                format=\"MMMM YYYY\"\r\n                                views={['year', 'month']}\r\n                                openTo=\"year\"\r\n                                onChange={() => {}}\r\n                                onAccept={(date: any) => {\r\n                                  handleDateChange(date.toDate());\r\n                                }}\r\n                              />\r\n                            </Fragment>\r\n                          ) : (\r\n                            getLocalisedDate(\r\n                              fundData.data.valuationDate\r\n                            ).format('MMM YYYY')\r\n                          )}\r\n                        </Fragment>\r\n                      ) : (\r\n                        <DatePicker\r\n                          className={'abrdn-picker'}\r\n                          autoOk\r\n                          disableFuture\r\n                          minDate={\r\n                            fundData.data.minimumValuationDate\r\n                              ? new Date(fundData.data.minimumValuationDate)\r\n                              : (() => {\r\n                                  const twoYearsAgo = new Date();\r\n                                  twoYearsAgo.setFullYear(\r\n                                    twoYearsAgo.getFullYear() - 2\r\n                                  );\r\n\r\n                                  return twoYearsAgo;\r\n                                })()\r\n                          }\r\n                          maxDate={\r\n                            fundData.data.maximumValuationDate\r\n                              ? new Date(fundData.data.maximumValuationDate)\r\n                              : new Date()\r\n                          }\r\n                          value={new Date(fundData.data.valuationDate)}\r\n                          format=\"DD MMMM YYYY\"\r\n                          views={['year', 'month', 'date']}\r\n                          openTo=\"year\"\r\n                          onChange={() => {}}\r\n                          onAccept={(date: any) => {\r\n                            handleDateChange(date.toDate());\r\n                          }}\r\n                        />\r\n                      )}\r\n                    </dd>\r\n                  </Grid>\r\n\r\n                  {status !== STATUS_FAILED && (\r\n                    <Fragment>\r\n                      <Grid item xs={12} sm={3}>\r\n                        <Typography variant=\"body1\" component=\"dt\">\r\n                          {content.labels.fundSize}\r\n                        </Typography>\r\n                        <Typography variant=\"body1\" component=\"dd\">\r\n                          {fundData.data.totalMarketValueAmountFundCurrency ? (\r\n                            <Fragment>\r\n                              {fundData.data.fundBaseCurrencyCode}{' '}\r\n                              {roundMoney(\r\n                                fundData.data.totalMarketValueAmountFundCurrency\r\n                              )}\r\n                            </Fragment>\r\n                          ) : (\r\n                            '-'\r\n                          )}\r\n                        </Typography>\r\n                      </Grid>\r\n                      <Grid item xs={12} sm={3}>\r\n                        <Typography variant=\"body1\" component=\"dt\">\r\n                          {content.labels.baseCurrency}\r\n                        </Typography>\r\n                        <Typography variant=\"body1\" component=\"dd\">\r\n                          {fundData.data.fundBaseCurrencyCode || '-'}\r\n                        </Typography>\r\n                      </Grid>\r\n                      <Grid item xs={12} sm={3}>\r\n                        <Typography variant=\"body1\" component=\"dt\">\r\n                          {content.labels.fullDetails}\r\n                        </Typography>\r\n                        <Typography variant=\"body1\" component=\"dd\">\r\n                          <ExportButton\r\n                            label={content.labels.download}\r\n                            onClick={handleDownload}\r\n                          />\r\n                        </Typography>\r\n                      </Grid>\r\n                    </Fragment>\r\n                  )}\r\n                </Grid>\r\n                <Box paddingY={2} maxWidth={480}>\r\n                  <Typography variant=\"body2\">\r\n                    {IS_ACCOUNTS\r\n                      ? content.disclaimerAccounts\r\n                      : content.disclaimer}\r\n                  </Typography>\r\n                </Box>\r\n              </Box>\r\n\r\n              {/* draw the over view charts */}\r\n              <FundSummary\r\n                summary={fundSummary}\r\n                assetMapping={assetClassMapping}\r\n              />\r\n            </Container>\r\n          </Fragment>\r\n        )}\r\n\r\n        {status === STATUS_FAILED && (\r\n          <DataError>\r\n            <Typography paragraph>{content.noFund}</Typography>\r\n          </DataError>\r\n        )}\r\n      </Paper>\r\n\r\n      {status !== STATUS_FAILED && (\r\n        <Paper style={{ backgroundColor: GREY_DARK }}>\r\n          <Box paddingY={6}>\r\n            {fundData && (\r\n              <Fragment>\r\n                <Container>\r\n                  <Grid container spacing={2} alignItems=\"center\">\r\n                    <Grid item xs={12} md>\r\n                      <Typography variant=\"h4\" style={{ margin: 0 }}>\r\n                        {content.securities}\r\n                      </Typography>\r\n                    </Grid>\r\n                    <Grid item xs={12} md={4}>\r\n                      <Paper>\r\n                        <TextField\r\n                          variant=\"outlined\"\r\n                          fullWidth\r\n                          id=\"searchfilter\"\r\n                          placeholder={content.labels.search}\r\n                          onChange={handleSearch}\r\n                          InputProps={{\r\n                            startAdornment: (\r\n                              <SearchIcon\r\n                                fontSize=\"small\"\r\n                                style={{ marginRight: 10 }}\r\n                              />\r\n                            ),\r\n                            endAdornment: (\r\n                              <IconButton\r\n                                color=\"primary\"\r\n                                aria-label=\"clear\"\r\n                                component=\"span\"\r\n                                onClick={() => {\r\n                                  setSearch('');\r\n                                  clearSearch();\r\n                                }}\r\n                              >\r\n                                <ClearIcon fontSize=\"small\" />\r\n                              </IconButton>\r\n                            ),\r\n                          }}\r\n                        />\r\n                      </Paper>\r\n                    </Grid>\r\n                  </Grid>\r\n\r\n                  <Box paddingTop={6}>\r\n                    {fundData.data.holdings.length > 0 ? (\r\n                      <PortfolioHoldingsTable\r\n                        fundCode={fundCode}\r\n                        search={fundState.pageFilter}\r\n                        data={fundData}\r\n                        onChange={onChange}\r\n                        mapping={assetClassMapping}\r\n                      />\r\n                    ) : (\r\n                      <Box paddingY={4} textAlign=\"center\">\r\n                        {content.noResults}\r\n                      </Box>\r\n                    )}\r\n                  </Box>\r\n                </Container>\r\n              </Fragment>\r\n            )}\r\n\r\n            <Disclaimer />\r\n          </Box>\r\n        </Paper>\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageFundDetail;\r\n","// TODO: comment\r\nimport { Box, Container, Paper, Typography } from '@material-ui/core';\r\nimport React, { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { NewMessageForm } from './components';\r\n\r\nconst PageNewMessage = () => {\r\n  const { t } = useTranslation(['common']);\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.new-message')}</title>\r\n      </Helmet>\r\n\r\n      <Box paddingY={6}>\r\n        <Container maxWidth=\"sm\">\r\n          <Paper>\r\n            <Box padding={4}>\r\n              <Box paddingBottom={2}>\r\n                <Typography variant=\"h3\" component=\"h1\">\r\n                  {t('common:titles.new-message')}\r\n                </Typography>\r\n              </Box>\r\n              <NewMessageForm />\r\n            </Box>\r\n          </Paper>\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageNewMessage;\r\n","// TODO: comment\r\nimport { TableCell, TableHead, TableRow } from '@abrdn';\r\nimport { Checkbox } from '@material-ui/core';\r\nimport { lighten, makeStyles } from '@material-ui/core/styles';\r\nimport clsx from 'clsx';\r\nimport React from 'react';\r\n\r\nexport const useToolbarStyles = makeStyles((theme) => ({\r\n  root: {\r\n    paddingLeft: theme.spacing(2),\r\n    paddingRight: theme.spacing(1),\r\n  },\r\n  highlight:\r\n    theme.palette.type === 'light'\r\n      ? {\r\n          color: theme.palette.secondary.main,\r\n          backgroundColor: lighten(theme.palette.secondary.light, 0.85),\r\n        }\r\n      : {\r\n          color: theme.palette.text.primary,\r\n          backgroundColor: theme.palette.secondary.dark,\r\n        },\r\n  title: {\r\n    flex: '1 1 100%',\r\n    margin: 0,\r\n  },\r\n}));\r\ninterface EnhancedTableHeadProps {\r\n  canDelete: boolean;\r\n  headCells: Array<any>;\r\n  numSelected: number;\r\n  onSelectAllClick(ev: any): void;\r\n  rowCount: number;\r\n}\r\n\r\nexport const EnhancedTableHead = ({\r\n  onSelectAllClick,\r\n  numSelected,\r\n  rowCount,\r\n  headCells,\r\n  canDelete = true,\r\n}: EnhancedTableHeadProps) => {\r\n  return (\r\n    <TableHead>\r\n      <TableRow>\r\n        {canDelete && (\r\n          <TableCell padding=\"checkbox\">\r\n            <Checkbox\r\n              color=\"primary\"\r\n              indeterminate={numSelected > 0 && numSelected < rowCount}\r\n              checked={rowCount > 0 && numSelected === rowCount}\r\n              onChange={onSelectAllClick}\r\n              inputProps={{ 'aria-label': 'select all items' }}\r\n            />\r\n          </TableCell>\r\n        )}\r\n        {headCells.map((headCell) => (\r\n          <TableCell\r\n            key={headCell.id}\r\n            align={headCell.numeric ? 'right' : 'left'}\r\n            padding={headCell.disablePadding ? 'none' : 'default'}\r\n            className={clsx(headCell.className || undefined, {\r\n              icon: headCell.icon,\r\n            })}\r\n          >\r\n            {headCell.label}\r\n          </TableCell>\r\n        ))}\r\n      </TableRow>\r\n    </TableHead>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { DocumentType } from 'api/types';\r\n\r\nexport const getDocumentCategory = (\r\n  key: string,\r\n  categories: DocumentType[]\r\n): string => {\r\n  if (key === 'CUD') {\r\n    return 'Uploaded';\r\n  }\r\n\r\n  if (categories) {\r\n    const match: DocumentType | undefined = categories.find((item: any) => {\r\n      return item.value === key;\r\n    });\r\n\r\n    if (match) {\r\n      return match.displayText;\r\n    }\r\n  }\r\n\r\n  return key;\r\n};\r\n","// TODO: comment\r\n\r\nimport 'components/table/Table.scss';\r\nimport './DocumentsTable.scss';\r\n\r\nimport {\r\n  Checkbox,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  Tooltip,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport {\r\n  DeleteIcon,\r\n  DescriptionIcon,\r\n  DescriptionIconUnread,\r\n  GetAppIcon,\r\n} from 'icons';\r\nimport { Document, Pagination } from 'api/types';\r\nimport { EnhancedTableHead, useToolbarStyles } from 'components/table';\r\nimport React, { Fragment, useState } from 'react';\r\nimport { Table, TableBody, TableCell, TableContainer, TableRow } from '@abrdn';\r\nimport { getDocumentsPerPage, setDocumentsPerPage } from 'api/constants';\r\nimport {\r\n  selectDeletedIds,\r\n  selectDocumentCategories,\r\n} from 'redux/reducers/documents';\r\n\r\nimport { Anchor } from 'components/core';\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { Pagination as PaginationView } from 'components/pagination';\r\nimport clsx from 'clsx';\r\nimport { downloadFile } from 'api/utils';\r\nimport { getDocumentCategory } from 'pages/documents/documents.util';\r\nimport { getDocumentUri } from 'api';\r\nimport { getFormattedDate } from 'utils';\r\nimport { useSelector } from 'react-redux';\r\nimport { Progress } from '../../../components/ui';\r\n\r\nconst headCells = [\r\n  {\r\n    id: 'name',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Report Name',\r\n    icon: false,\r\n  },\r\n  {\r\n    id: 'account',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Account',\r\n    icon: false,\r\n  },\r\n  {\r\n    id: 'type',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Type',\r\n  },\r\n\r\n  {\r\n    id: 'created',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Created',\r\n    className: 'doc-date',\r\n  },\r\n  {\r\n    id: 'published',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Published',\r\n    className: 'doc-date',\r\n  },\r\n  {\r\n    id: 'download',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: '',\r\n    className: 'doc-download',\r\n  },\r\n];\r\n\r\ninterface EnhancedTableToolbarProps {\r\n  canDelete: boolean;\r\n  numSelected: number;\r\n  onDelete(): void;\r\n  title: string;\r\n}\r\n\r\nconst EnhancedTableToolbar = ({\r\n  numSelected,\r\n  onDelete = () => {},\r\n  title = 'Documents',\r\n  canDelete,\r\n}: EnhancedTableToolbarProps) => {\r\n  const classes = useToolbarStyles();\r\n\r\n  if (numSelected > 0 && canDelete) {\r\n    return (\r\n      <TableBody>\r\n        <TableRow>\r\n          <TableCell\r\n            colSpan={headCells.length + 1}\r\n            className={clsx(classes.root, {})}\r\n          >\r\n            <Grid container justify=\"space-between\" alignItems=\"center\">\r\n              <Grid item>\r\n                {numSelected > 0 && canDelete ? (\r\n                  <Typography\r\n                    className={classes.title}\r\n                    color=\"inherit\"\r\n                    variant=\"subtitle1\"\r\n                    component=\"div\"\r\n                  >\r\n                    {numSelected} selected\r\n                  </Typography>\r\n                ) : (\r\n                  <Typography\r\n                    className={classes.title}\r\n                    variant=\"h5\"\r\n                    id=\"tableTitle\"\r\n                    component=\"div\"\r\n                  >\r\n                    {title}\r\n                  </Typography>\r\n                )}\r\n              </Grid>\r\n              <Grid item>\r\n                <Tooltip title=\"Delete\">\r\n                  <IconButton aria-label=\"delete\" onClick={onDelete}>\r\n                    <DeleteIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              </Grid>\r\n            </Grid>\r\n          </TableCell>\r\n        </TableRow>\r\n      </TableBody>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\ninterface DocumentsProps {\r\n  documents: Document[];\r\n  pagination: Pagination;\r\n}\r\n\r\ninterface DocumentsTableProps {\r\n  canDelete?: boolean;\r\n  data: DocumentsProps;\r\n  onDelete(selected: Array<string>): void;\r\n  onPagination(page: number, rows: number): void;\r\n  title: string;\r\n}\r\n\r\nexport const DocumentsTable = ({\r\n  data,\r\n  onDelete,\r\n  onPagination,\r\n  title,\r\n  canDelete = true,\r\n}: DocumentsTableProps) => {\r\n  const deletedDocuments = useSelector(selectDeletedIds);\r\n\r\n  const categories = useSelector(selectDocumentCategories);\r\n\r\n  const [selected, setSelected] = useState<any[]>([]);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(getDocumentsPerPage());\r\n  const [downloadingDocuments, setDownloadingDocuments] = useState<string[]>([]);\r\n\r\n  const rows: Array<Document> = data.documents;\r\n\r\n  const handleSelectAllClick = (ev: any) => {\r\n    if (ev.target.checked) {\r\n      const newSelecteds = rows\r\n        .filter((n: Document) => {\r\n          return n.canDelete;\r\n        })\r\n        .map((n: Document) => {\r\n          return n.id;\r\n        });\r\n      setSelected(newSelecteds);\r\n      return;\r\n    }\r\n    setSelected([]);\r\n  };\r\n\r\n  const [confirmMessageOpen, setConfirmMessageOpen] = useState(false);\r\n\r\n  const handleDelete = () => {\r\n    setConfirmMessageOpen(true);\r\n  };\r\n\r\n  const onConfirm = () => {\r\n    onDelete(selected);\r\n    setConfirmMessageOpen(false);\r\n    setSelected([]);\r\n  };\r\n  const onCancel = () => {\r\n    setConfirmMessageOpen(false);\r\n  };\r\n\r\n  const handleClick = (ev: React.SyntheticEvent, document: Document) => {\r\n    if (document.canDelete) {\r\n      const selectedIndex = selected.indexOf(document.id);\r\n\r\n      let newSelected: any[] = [];\r\n\r\n      if (selectedIndex === -1) {\r\n        newSelected = newSelected.concat(selected, document.id);\r\n      } else if (selectedIndex === 0) {\r\n        newSelected = newSelected.concat(selected.slice(1));\r\n      } else if (selectedIndex === selected.length - 1) {\r\n        newSelected = newSelected.concat(selected.slice(0, -1));\r\n      } else if (selectedIndex > 0) {\r\n        newSelected = newSelected.concat(\r\n          selected.slice(0, selectedIndex),\r\n          selected.slice(selectedIndex + 1)\r\n        );\r\n      }\r\n      setSelected(newSelected);\r\n    }\r\n  };\r\n\r\n  const onPageChange = (items: number) => {\r\n    setRowsPerPage(items);\r\n    setPage(0);\r\n\r\n    onPagination(0, items);\r\n\r\n    setDocumentsPerPage(items);\r\n  };\r\n\r\n  // @ts-ignore\r\n  const isSelected = (name: any) => selected.indexOf(name) !== -1;\r\n\r\n  const [readOverrides, setReadOverrides] = React.useState<string[]>([]);\r\n\r\n  const handleDownload = async (document: Document) => {\r\n    if (downloadingDocuments.includes(document.id)) {\r\n      return;\r\n    }\r\n\r\n    setDownloadingDocuments(docs => [...docs, document.id]);\r\n\r\n    // download the file\r\n    downloadFile(\r\n      getDocumentUri(document.id),\r\n      `${document.filename}`,\r\n      <Progress label={`Downloading ${document.filename}`} />\r\n    ).then(\r\n      () => setDownloadingDocuments(docs => docs.filter(id => id !== document.id))\r\n    );\r\n\r\n    //\r\n    setReadOverrides([...readOverrides, document.id]);\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Confirmation\r\n        isOpen={confirmMessageOpen}\r\n        confirmText=\"Yes, Delete\"\r\n        onConfirm={onConfirm}\r\n        rejectText=\"No, cancel\"\r\n        onReject={onCancel}\r\n      >\r\n        <Typography paragraph>\r\n          Are you sure you want to delete <b>{selected.length}</b> documents\r\n        </Typography>\r\n      </Confirmation>\r\n      <Paper>\r\n        <TableContainer component={Paper}>\r\n          <Table className=\"doc-table\" size=\"medium\">\r\n            <EnhancedTableHead\r\n              headCells={headCells}\r\n              numSelected={selected.length}\r\n              onSelectAllClick={handleSelectAllClick}\r\n              rowCount={\r\n                rows.filter((item) => {\r\n                  return item.canDelete;\r\n                }).length\r\n              }\r\n              canDelete={canDelete}\r\n            />\r\n\r\n            <EnhancedTableToolbar\r\n              title={title}\r\n              canDelete={canDelete}\r\n              numSelected={selected.length}\r\n              onDelete={handleDelete}\r\n            />\r\n\r\n            <TableBody>\r\n              {rows.map((document: Document, index) => {\r\n                const isItemSelected = isSelected(document.id);\r\n                const labelId = `enhanced-table-checkbox-${index}`;\r\n\r\n                const isDeleted = deletedDocuments.indexOf(document.id) > -1;\r\n\r\n                const unread =\r\n                  !document.read &&\r\n                  !(readOverrides.indexOf(document.id) > -1) &&\r\n                  typeof document.read === undefined;\r\n\r\n                return (\r\n                  <TableRow\r\n                    onClick={(ev: React.SyntheticEvent) => {\r\n                      if (ev.target && !isDeleted) {\r\n                        const nodeType: string = (ev.target as Element)\r\n                          .nodeName;\r\n\r\n                        if (nodeType === 'A') {\r\n                          return null;\r\n                        }\r\n\r\n                        //\r\n                        if (nodeType === 'INPUT') {\r\n                          handleClick(ev, document);\r\n                        }\r\n                      }\r\n                    }}\r\n                    role=\"checkbox\"\r\n                    aria-checked={isItemSelected}\r\n                    tabIndex={-1}\r\n                    key={document.id}\r\n                    selected={isItemSelected}\r\n                    className={clsx({\r\n                      deleted: isDeleted,\r\n                      unread,\r\n                    })}\r\n                  >\r\n                    {canDelete && (\r\n                      <TableCell padding=\"checkbox\">\r\n                        <Checkbox\r\n                          color=\"primary\"\r\n                          checked={isItemSelected}\r\n                          inputProps={{ 'aria-labelledby': labelId }}\r\n                          disabled={!document.canDelete}\r\n                        />\r\n                      </TableCell>\r\n                    )}\r\n                    <TableCell component=\"th\" id={labelId} scope=\"row\">\r\n                      <span className=\"doc-filename\">\r\n                        {unread ? (\r\n                          <DescriptionIconUnread />\r\n                        ) : (\r\n                          <DescriptionIcon />\r\n                        )}\r\n\r\n                        <span className=\"doc-filename__title\">\r\n                          {document.description || document.filename}\r\n                        </span>\r\n                      </span>\r\n                    </TableCell>\r\n                    <TableCell className=\"account\">\r\n                      {document.accountName || ''}\r\n                    </TableCell>\r\n                    <TableCell className=\"description\">\r\n                      {getDocumentCategory(document.typeCode, categories)}\r\n                    </TableCell>\r\n                    <TableCell className=\"doc-date\">\r\n                      {getFormattedDate(document.createdDate, false)}\r\n                    </TableCell>\r\n                    <TableCell className=\"doc-date\">\r\n                      {getFormattedDate(document.publishedDate, false)}\r\n                    </TableCell>\r\n                    <TableCell className=\"doc-download\">\r\n                      <Anchor\r\n                        onClick={async (ev: React.MouseEvent) => {\r\n                          ev.preventDefault();\r\n\r\n                          handleDownload(document);\r\n                        }}\r\n                      >\r\n                        <GetAppIcon />\r\n                      </Anchor>\r\n                    </TableCell>\r\n                  </TableRow>\r\n                );\r\n              })}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </Paper>\r\n      <PaginationView\r\n        onPagination={onPagination}\r\n        onPageChange={onPageChange}\r\n        rowsPerPage={rowsPerPage}\r\n        startRowIndex={data.pagination.startRowIndex}\r\n        maximumRows={data.pagination.maximumRows}\r\n        minimumTotalRows={data.pagination.minimumTotalRows}\r\n        totalRows={data.pagination.totalRows}\r\n      />\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  STATUS_ERROR,\r\n  STATUS_SENDING,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport { Box, Button, Grid, Typography } from '@material-ui/core';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { uploadDocuments } from 'api';\r\nimport { DocumentUploadRestrictionsResponse } from 'api/types';\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { FileSelector, ValidationProvider } from 'components/file-selector';\r\nimport { Form } from 'components/form';\r\nimport { PublishIcon } from 'icons';\r\nimport { FormMessage } from 'interfaces';\r\nimport React, { Fragment, useState } from 'react';\r\nimport { FormProvider, useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useSelector } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { selectDocumentRestrictions } from 'redux/reducers/documents';\r\nimport * as validation from 'validation';\r\nimport * as yup from 'yup';\r\n\r\nexport const NewDocumentForm = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n  const [redirect, setRedirect] = useState('');\r\n  const router = useRouter();\r\n\r\n  const [message, setMessage] = useState<FormMessage | null>(null);\r\n\r\n  const restrictions: DocumentUploadRestrictionsResponse = useSelector(\r\n    selectDocumentRestrictions\r\n  );\r\n\r\n  const schema = yup.object().shape({\r\n    files: yup.array().of(\r\n      yup.object().shape({\r\n        description: yup\r\n          .mixed()\r\n          .required('Document description is required')\r\n          .test('notblank', 'Document description is required', (value) => {\r\n            return String(value) !== '';\r\n          })\r\n          .test('notblank', 'Document description is required', (value) => {\r\n            return String(value) !== '';\r\n          })\r\n          .test(\r\n            'validCharacters',\r\n            'Please enter valid characters only',\r\n            validation.validCharacters\r\n          ),\r\n        file: yup\r\n          .mixed()\r\n          .required('A file is required')\r\n          .test('fileRequired', 'Please select a file', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return true;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileSize', 'The file is too large', (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return value[0].size < restrictions.fileSizeLimitBytes;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileSizeSmall', `The file has not contents`, (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return value[0].size > 0;\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileMIMEType', `Invalid file format`, (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              return restrictions.allowedMimeTypes.includes(value[0].type);\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          })\r\n          .test('fileExtension', `Unsupported file extension`, (value) => {\r\n            try {\r\n              if (value.length === 0) {\r\n                return false;\r\n              }\r\n\r\n              const extension = value[0].name.match(/.([0-9a-z]+)$/i);\r\n\r\n              return restrictions.allowedFileExtensions.includes(\r\n                extension[1].toLowerCase()\r\n              );\r\n            } catch (e) {\r\n              return true;\r\n            }\r\n          }),\r\n      })\r\n    ),\r\n  });\r\n\r\n  const [data, setData] = useState({\r\n    files: [],\r\n  });\r\n\r\n  const methods = useForm({\r\n    defaultValues: {\r\n      files: [],\r\n    },\r\n    mode: 'onChange',\r\n    resolver: yupResolver(schema),\r\n  });\r\n\r\n  const { handleSubmit, reset } = methods;\r\n\r\n  const onSubmit = async (data: any) => {\r\n    setData(data);\r\n\r\n    if (data.files && data.files.length > 0) {\r\n      setFormStatus(STATUS_SENDING);\r\n\r\n      try {\r\n        const fileIds = await uploadDocuments(data.files);\r\n\r\n        if (fileIds) {\r\n          setFormStatus(STATUS_SENT);\r\n\r\n          setMessage({\r\n            type: 'success',\r\n            message: 'Your document has been successfully uploaded',\r\n          });\r\n\r\n          // TODO: possibly clear the form message after x seconds\r\n          reset();\r\n        }\r\n      } catch (err) {\r\n        setFormStatus(STATUS_ERROR);\r\n\r\n        setMessage({\r\n          type: 'error',\r\n          message: t('common:forms.document-upload.messages.error'),\r\n        });\r\n      }\r\n    } else {\r\n      setMessage({\r\n        type: 'error',\r\n        message: t('common:forms.document-upload.messages.error'),\r\n      });\r\n    }\r\n  };\r\n\r\n  const isPhysicalPage = (): boolean => {\r\n    return router.pathname.indexOf('/new') > -1;\r\n  };\r\n\r\n  const goBack = () => {\r\n    if (isPhysicalPage()) {\r\n      if (router.history.length) {\r\n        router.history.goBack();\r\n      } else {\r\n        setRedirect('../');\r\n      }\r\n    }\r\n  };\r\n\r\n  const [confirmMessageOpen, setConfirmMessageOpen] = useState(false);\r\n\r\n  const onConfirm = () => {\r\n    goBack();\r\n  };\r\n\r\n  const onReject = () => {\r\n    setConfirmMessageOpen(false);\r\n  };\r\n\r\n  if (redirect) {\r\n    return <Redirect to={redirect} />;\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <Confirmation\r\n        isOpen={confirmMessageOpen}\r\n        confirmText=\"Yes, cancel\"\r\n        onConfirm={onConfirm}\r\n        rejectText=\"No, continue\"\r\n        onReject={onReject}\r\n      >\r\n        <Typography paragraph>\r\n          {t('common:forms.document-upload.messages.cancel')}\r\n        </Typography>\r\n      </Confirmation>\r\n\r\n      {message && (\r\n        <Box marginBottom={2}>\r\n          <Alert severity={message.type}>{message.message}</Alert>\r\n        </Box>\r\n      )}\r\n\r\n      <ValidationProvider schema={schema}>\r\n        <FormProvider {...methods}>\r\n          <Form onSubmit={handleSubmit(onSubmit)}>\r\n            <FileSelector minRows={1} />\r\n            <Grid container spacing={3} alignItems=\"stretch\">\r\n              {isPhysicalPage() && (\r\n                <Grid item xs={12} sm={6}>\r\n                  <Box>\r\n                    <Button\r\n                      size=\"large\"\r\n                      variant=\"outlined\"\r\n                      disabled={formStatus === STATUS_SENDING}\r\n                      onClick={() => {\r\n                        setConfirmMessageOpen(true);\r\n                      }}\r\n                    >\r\n                      Cancel\r\n                    </Button>\r\n                  </Box>\r\n                </Grid>\r\n              )}\r\n              <Grid item xs={12} sm={isPhysicalPage() ? 6 : 12}>\r\n                <Box textAlign=\"right\">\r\n                  <Button\r\n                    size=\"large\"\r\n                    variant=\"contained\"\r\n                    disabled={formStatus === STATUS_SENDING}\r\n                    type=\"submit\"\r\n                    color=\"primary\"\r\n                    endIcon={<PublishIcon />}\r\n                  >\r\n                    Upload Document\r\n                  </Button>\r\n                </Box>\r\n              </Grid>\r\n            </Grid>\r\n          </Form>\r\n        </FormProvider>\r\n      </ValidationProvider>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\n\r\nimport '../messages/PageMessages.scss';\r\n\r\nimport {\r\n  Box,\r\n  Button,\r\n  Container,\r\n  FormControl,\r\n  Grid,\r\n  MenuItem,\r\n  Paper,\r\n  Select,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { DataError, Loading, NoData } from 'components/no-data';\r\nimport { DocumentUploadIcon, FilterListIcon, RefreshIcon } from 'icons';\r\nimport { DocumentsTable, NewDocumentForm } from './components';\r\nimport { PopupApp, PopupState } from 'components/popup-app';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Link as RouterLink, useLocation, useParams } from 'react-router-dom';\r\nimport { SERVER_ACTION_DELAY, getDocumentsPerPage } from 'api/constants';\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport {\r\n  addDeletedDocumentId,\r\n  getAllDocuments,\r\n  getDocumentCategories,\r\n  selectDocumentCategories,\r\n  selectDocuments,\r\n  selectDocumentsStatus,\r\n} from 'redux/reducers/documents';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { Banner } from '@abrdn';\r\nimport { Helmet } from 'react-helmet';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport { Progress } from 'components/ui';\r\nimport { SlideOut } from 'components/slideout';\r\nimport { Stack } from '@abrdn-latest/core';\r\nimport { delayFire } from 'utils';\r\nimport { deleteDocuments } from 'api';\r\nimport { toast } from 'material-react-toastify';\r\nimport { useClientHoldings } from 'pages/client-holdings/data';\r\nimport { useSecurity } from 'authentication';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\ninterface Params {\r\n  category?: string;\r\n}\r\n\r\nconst PageDocuments = (props: any) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const { clients, documentOnlyClients } = useClientHoldings();\r\n  const allClients = [...clients, ...documentOnlyClients];\r\n\r\n  // Should the upload be a popup or not\r\n  const UPLOAD_POPUP: boolean = true;\r\n\r\n  // upload documents poppup\r\n  const [uploadPopupState, setUploadPopupState] =\r\n    useState<PopupState>('closed');\r\n\r\n  const { isMobile } = useWidth();\r\n\r\n  const categories = useSelector(selectDocumentCategories);\r\n\r\n  const dispatch = useDispatch();\r\n  const { authState } = useSecurity();\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        if (categories.length === 0) {\r\n          dispatch(getDocumentCategories());\r\n        }\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  // get the query params\r\n  //cconst query = useQuery();\r\n\r\n  // get the possible routes\r\n  const params: Params = useParams();\r\n\r\n  // get the filter category\r\n  const category: string | undefined = params.category || undefined;\r\n\r\n  // status\r\n  const loadingState = useSelector(selectDocumentsStatus);\r\n  // documents\r\n  const documents = useSelector(selectDocuments);\r\n\r\n  const [cat, setCat] = useState<string | undefined>(category);\r\n  const [tableTitle, setTableTitle] = useState<string | undefined>();\r\n\r\n  const handleDelete = async (selected: Array<string>) => {\r\n    const ids = await deleteDocuments(selected);\r\n    //\r\n    for (let counter: number = 0; counter < ids.length; counter++) {\r\n      dispatch(addDeletedDocumentId(ids[counter]));\r\n    }\r\n\r\n    // wait a few seconds, before trying to refresh the view\r\n    setTimeout(() => {\r\n      // refresh the current list\r\n      refreshView();\r\n    }, SERVER_ACTION_DELAY);\r\n  };\r\n\r\n  /**\r\n   * Handle pagination\r\n   * @param page\r\n   * @param rows\r\n   */\r\n  const onPagination = (page: number, rows: number): void => {\r\n    dispatch(\r\n      getAllDocuments({\r\n        start: page * rows,\r\n        max: rows,\r\n        documentTypeCode: cat,\r\n        clientId,\r\n      })\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Refresh the list\r\n   * @param isRefresh\r\n   */\r\n  const refreshView = (isRefresh: boolean = true) => {\r\n    if (window.refreshInterval) {\r\n      clearInterval(window.refreshInterval);\r\n    }\r\n\r\n    // reload the message list\r\n\r\n    dispatch(\r\n      getAllDocuments({\r\n        start: 0,\r\n        max: getDocumentsPerPage(),\r\n        documentTypeCode: cat,\r\n        clientId,\r\n      })\r\n    );\r\n\r\n    // set up a refresh interval to check for new messages\r\n    // TODO: re-enable this\r\n    // refreshInterval = setInterval(refreshView, LIST_REFRESH_INTERVAL);\r\n\r\n    if (isRefresh) {\r\n      toast.dark(<Progress label={`Refreshing Documents`} />, {\r\n        closeButton: false,\r\n        autoClose: 4000,\r\n      });\r\n    }\r\n  };\r\n\r\n  // when the view initially loads, request the messages\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        refreshView(false);\r\n      });\r\n    }\r\n\r\n    // when the view is unloaded, perform a clean up\r\n    return () => {\r\n      if (window.refreshInterval) {\r\n        clearInterval(window.refreshInterval);\r\n      }\r\n    };\r\n  }, [authState.isAuthenticated]);\r\n\r\n  const ALL_TITLE: string = 'All Documents';\r\n\r\n  /**\r\n   *\r\n   * @param cat\r\n   * @param label\r\n   */\r\n  const onNavigation = (cat: string, label: string) => {\r\n    setCat(cat);\r\n    setTableTitle(label || ALL_TITLE);\r\n\r\n    props.history.replace({\r\n      pathname: cat ? `/documents/${cat}` : `/documents/all`,\r\n    });\r\n\r\n    dispatch(\r\n      getAllDocuments({\r\n        start: 0,\r\n        max: getDocumentsPerPage(),\r\n        documentTypeCode: cat,\r\n        clientId,\r\n      })\r\n    );\r\n  };\r\n\r\n  const [drawerOpen, setDrawerOpen] = useState(false);\r\n\r\n  const toggleDrawer = (open: boolean) => (ev: any) => {\r\n    if (ev.type === 'keydown' && (ev.key === 'Tab' || ev.key === 'Shift')) {\r\n      return;\r\n    }\r\n\r\n    setDrawerOpen(open);\r\n  };\r\n\r\n  const handleAccountChange = (ev: any) => {\r\n    setClientId(ev.target.value);\r\n  };\r\n\r\n  const location = useLocation<{ clientId?: string }>();\r\n\r\n  const initialClientId = location.state?.clientId ?? 'all';\r\n  const [clientId, setClientId] = React.useState<string>(initialClientId);\r\n\r\n  React.useEffect(() => {\r\n    dispatch(\r\n      getAllDocuments({\r\n        start: 0,\r\n        max: getDocumentsPerPage(),\r\n        documentTypeCode: cat,\r\n        clientId,\r\n      })\r\n    );\r\n  }, [clientId]);\r\n\r\n  const Navigation = () => {\r\n    return (\r\n      <Box>\r\n        {allClients.length > 1 && (\r\n          <Box>\r\n            <FormControl\r\n              variant=\"outlined\"\r\n              style={{ maxWidth: 320, width: '100%' }}\r\n            >\r\n              <Select fullWidth value={clientId} onChange={handleAccountChange}>\r\n                <MenuItem value=\"all\">All accounts</MenuItem>\r\n\r\n                {allClients.map(client => (\r\n                  <MenuItem key={client.id} value={client.id}>\r\n                    {client.preferredName}\r\n                  </MenuItem>\r\n                ))}\r\n              </Select>\r\n            </FormControl>\r\n          </Box>\r\n        )}\r\n        <List component=\"div\">\r\n          <ListItem\r\n            button\r\n            component={RouterLink}\r\n            selected={category === undefined || category === 'all'}\r\n            to=\"/documents/\"\r\n            onClick={(ev: React.MouseEvent) => {\r\n              ev.preventDefault();\r\n\r\n              if (onNavigation) {\r\n                onNavigation('', '');\r\n              }\r\n            }}\r\n          >\r\n            <ListItemText\r\n              primary={ALL_TITLE}\r\n              primaryTypographyProps={{ variant: 'body2' }}\r\n            />\r\n          </ListItem>\r\n\r\n          {categories.map((item: any, index: number) => {\r\n            return (\r\n              <ListItem\r\n                key={`li-${index}`}\r\n                button\r\n                component={RouterLink}\r\n                selected={\r\n                  item.value === category ||\r\n                  (item.value === 'all' && category === undefined)\r\n                }\r\n                to={`/documents/${item.value}`}\r\n                onClick={(ev: React.MouseEvent) => {\r\n                  ev.preventDefault();\r\n\r\n                  if (onNavigation) {\r\n                    onNavigation(item.value, item.displayText);\r\n                  }\r\n                }}\r\n              >\r\n                <ListItemText\r\n                  primary={item.displayText}\r\n                  primaryTypographyProps={{ variant: 'body2' }}\r\n                />\r\n              </ListItem>\r\n            );\r\n          })}\r\n        </List>\r\n      </Box>\r\n    );\r\n  };\r\n\r\n  const handleClick = (ev: React.MouseEvent) => {\r\n    if (UPLOAD_POPUP) {\r\n      ev.preventDefault();\r\n      setUploadPopupState(uploadPopupState === 'open' ? 'minimised' : 'open');\r\n    }\r\n  };\r\n\r\n  const handleRefreshClick = (ev: React.MouseEvent) => {\r\n    refreshView();\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.documents')}</title>\r\n      </Helmet>\r\n\r\n      <Banner imagePath={getPublicPath('images/backgrounds/documents.jpg')}>\r\n        <Typography variant=\"h3\" component=\"h1\">\r\n          {t('common:titles.documents')}\r\n        </Typography>\r\n        <Stack direction=\"row\" alignItems=\"center\" spacing={2}>\r\n          <Button\r\n            variant=\"contained\"\r\n            color=\"primary\"\r\n            component={RouterLink}\r\n            to=\"/document/new\"\r\n            size=\"large\"\r\n            endIcon={<DocumentUploadIcon />}\r\n            onClick={handleClick}\r\n          >\r\n            Upload documents\r\n          </Button>\r\n\r\n          <Button\r\n            color=\"primary\"\r\n            variant=\"outlined\"\r\n            size=\"large\"\r\n            disabled={loadingState === STATUS_LOADING}\r\n            onClick={handleRefreshClick}\r\n            endIcon={<RefreshIcon />}\r\n          >\r\n            Refresh\r\n          </Button>\r\n        </Stack>\r\n      </Banner>\r\n\r\n      <Box paddingY={6} style={{ backgroundColor: '#eee' }}>\r\n        <Container>\r\n          <Grid container spacing={3} alignItems=\"stretch\">\r\n            <Grid item xs={12} md={3}>\r\n              {isMobile ? (\r\n                <Fragment>\r\n                  <Button\r\n                    fullWidth\r\n                    onClick={() => {\r\n                      setDrawerOpen(!drawerOpen);\r\n                    }}\r\n                    variant=\"outlined\"\r\n                    size=\"large\"\r\n                    endIcon={<FilterListIcon />}\r\n                  >\r\n                    Filter\r\n                  </Button>\r\n\r\n                  <SlideOut\r\n                    title=\"Filter Documents\"\r\n                    open={drawerOpen}\r\n                    onClose={toggleDrawer(false)}\r\n                  >\r\n                    <Navigation />\r\n                  </SlideOut>\r\n                </Fragment>\r\n              ) : (\r\n                <Navigation />\r\n              )}\r\n            </Grid>\r\n            <Grid item xs={12} md={9}>\r\n              <Box className=\"sticky-column\">\r\n                {documents?.documents.length > 0 && loadingState === STATUS_SUCCESS ? (\r\n                  <DocumentsTable\r\n                    title={tableTitle || ALL_TITLE}\r\n                    canDelete={cat === 'CUD' || !cat || cat === 'all'}\r\n                    onDelete={handleDelete}\r\n                    data={documents}\r\n                    onPagination={onPagination}\r\n                  />\r\n                ) : (\r\n                  <Paper>\r\n                    {loadingState === STATUS_FAILED && (\r\n                      <DataError>\r\n                        <Typography paragraph>\r\n                          Something went wrong. Please try again.\r\n                        </Typography>\r\n                        <Button\r\n                          variant=\"contained\"\r\n                          onClick={() => {\r\n                            refreshView();\r\n                          }}\r\n                          endIcon={<RefreshIcon />}\r\n                        >\r\n                          Refresh\r\n                        </Button>\r\n                      </DataError>\r\n                    )}\r\n                    {loadingState === STATUS_LOADING && <Loading />}\r\n                    {loadingState === STATUS_SUCCESS && (\r\n                      <NoData>\r\n                        <Typography paragraph>No documents to view</Typography>\r\n                      </NoData>\r\n                    )}\r\n                  </Paper>\r\n                )}\r\n              </Box>\r\n            </Grid>\r\n          </Grid>\r\n        </Container>\r\n      </Box>\r\n\r\n      {/* upload documens popup */}\r\n      {UPLOAD_POPUP && (\r\n        <PopupApp\r\n          state={uploadPopupState}\r\n          showUIMinimise\r\n          title={'Upload'}\r\n          maxHeight={380}\r\n          onClose={() => {\r\n            setUploadPopupState('closed');\r\n          }}\r\n          onStateChange={(state) => {\r\n            setUploadPopupState(state);\r\n          }}\r\n        >\r\n          <Container disableGutters maxWidth=\"xs\">\r\n            <NewDocumentForm />\r\n          </Container>\r\n        </PopupApp>\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageDocuments;\r\n","// TODO: comment\r\nimport { Box, Container, Paper, Typography } from '@material-ui/core';\r\nimport React, { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport '../messages/PageMessages.scss';\r\nimport { NewDocumentForm } from './components';\r\n\r\nconst PageNewDocument = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.new-document')}</title>\r\n      </Helmet>\r\n      <Box paddingY={6}>\r\n        <Container maxWidth=\"sm\">\r\n          <Paper>\r\n            <Box padding={4}>\r\n              <Box paddingBottom={2}>\r\n                <Typography variant=\"h3\" component=\"h1\">\r\n                  {t('common:titles.new-document')}\r\n                </Typography>\r\n              </Box>\r\n              <NewDocumentForm />\r\n            </Box>\r\n          </Paper>\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageNewDocument;\r\n","// TODO: comment\r\nimport clsx from 'clsx';\r\nimport React from 'react';\r\nimport './DataList.scss';\r\nimport { Box } from '@material-ui/core';\r\n\r\ntype List = {\r\n  [key: string]: string | number | boolean | null | undefined;\r\n};\r\n\r\ninterface Props {\r\n  horizontal?: boolean;\r\n  items: List;\r\n}\r\n\r\nexport const DataList = ({ items, horizontal = false }: Props) => {\r\n  return (\r\n    <dl\r\n      className={clsx('datalist', {\r\n        'datalist--h': horizontal,\r\n        'datalist--v': !horizontal,\r\n      })}\r\n    >\r\n      {Object.keys(items).map((key: any, index: number) => (\r\n        <Box key={`item-${index}`} mb={3}>\r\n          <dt>{key}</dt>\r\n          <dd>{items[key] ?? '-'}</dd>\r\n        </Box>\r\n      ))}\r\n    </dl>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Help } from 'icons';\r\nimport React from 'react';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    backgroundColor: '#DDE5ED',\r\n\r\n    '&:first-child': {\r\n      marginTop: 0,\r\n    },\r\n    '&:last-child': {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  icon: {\r\n    transform: 'translateY(8px)',\r\n  },\r\n}));\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n  title: string;\r\n}\r\nexport const HelpBox = ({ title, children }: Props) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <Box padding={3} marginY={2} borderRadius={2} className={classes.root}>\r\n      {title && (\r\n        <Typography variant=\"h5\" style={{ marginBottom: 15 }}>\r\n          <Help className={classes.icon} /> {title}\r\n        </Typography>\r\n      )}\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Table, TableBody, TableCell, TableContainer, TableRow } from '@abrdn';\r\nimport { Paper } from '@material-ui/core';\r\nimport { getPartiesPerPage, setPartiesPerPage } from 'api/constants';\r\nimport { GetPartiesResponse, Party } from 'api/types';\r\nimport { Pagination } from 'components/pagination';\r\nimport { EnhancedTableHead } from 'components/table';\r\nimport 'components/table/Table.scss';\r\nimport React, { Fragment, useState } from 'react';\r\n\r\nconst headCells = [\r\n  {\r\n    id: 'name',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Name',\r\n    icon: false,\r\n  },\r\n  {\r\n    id: 'reference',\r\n    numeric: false,\r\n    disablePadding: false,\r\n    label: 'Client Reference',\r\n  },\r\n];\r\ninterface DocumentsTableProps {\r\n  data: GetPartiesResponse;\r\n  onPagination(page: number, rows: number): void;\r\n  title: string;\r\n}\r\n\r\nexport const MyAccountsTable = ({\r\n  data,\r\n  onPagination,\r\n  title,\r\n}: DocumentsTableProps) => {\r\n  const [selected, setSelected] = useState<any[]>([]);\r\n  // const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(getPartiesPerPage());\r\n\r\n  const rows: Array<Party> = data.parties;\r\n\r\n  const handleSelectAllClick = (ev: any) => {\r\n    if (ev.target.checked) {\r\n      const newSelecteds = rows.map((n: Party) => {\r\n        return n.id;\r\n      });\r\n      setSelected(newSelecteds);\r\n      return;\r\n    }\r\n    setSelected([]);\r\n  };\r\n\r\n  const onPageChange = (items: number) => {\r\n    setRowsPerPage(items);\r\n\r\n    onPagination(0, items);\r\n\r\n    setPartiesPerPage(items);\r\n  };\r\n\r\n  // @ts-ignore\r\n  const isSelected = (name: any) => selected.indexOf(name) !== -1;\r\n\r\n  return (\r\n    <Fragment>\r\n      <Paper>\r\n        <TableContainer>\r\n          <Table className=\"accounts-table\" size=\"medium\">\r\n            <EnhancedTableHead\r\n              headCells={headCells}\r\n              numSelected={selected.length}\r\n              onSelectAllClick={handleSelectAllClick}\r\n              rowCount={rows.length}\r\n              canDelete={false}\r\n            />\r\n            <TableBody>\r\n              {rows.map((document: Party, index: number) => {\r\n                const isItemSelected = isSelected(document.id);\r\n                const labelId = `enhanced-table-checkbox-${index}`;\r\n\r\n                return (\r\n                  <TableRow\r\n                    role=\"checkbox\"\r\n                    aria-checked={isItemSelected}\r\n                    tabIndex={-1}\r\n                    key={document.id}\r\n                    selected={isItemSelected}\r\n                  >\r\n                    <TableCell\r\n                      component=\"th\"\r\n                      id={labelId}\r\n                      scope=\"row\"\r\n                      className=\"sender\"\r\n                    >\r\n                      {document.preferredName}\r\n                    </TableCell>\r\n                    <TableCell className=\"description\">\r\n                      {document.clientReference}\r\n                    </TableCell>\r\n                  </TableRow>\r\n                );\r\n              })}\r\n            </TableBody>\r\n          </Table>\r\n        </TableContainer>\r\n      </Paper>\r\n      <Pagination\r\n        onPagination={onPagination}\r\n        onPageChange={onPageChange}\r\n        rowsPerPage={rowsPerPage}\r\n        startRowIndex={data.pagination.startRowIndex}\r\n        maximumRows={data.pagination.maximumRows}\r\n        minimumTotalRows={data.pagination.minimumTotalRows}\r\n        totalRows={data.pagination.totalRows}\r\n      />\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { Button, Paper, Typography } from '@material-ui/core';\r\nimport { getPartiesPerPage } from 'api/constants';\r\nimport { useSecurity } from 'authentication';\r\nimport { MyAccountsTable } from 'components/my-accounts';\r\nimport { DataError, Loading, NoData } from 'components/no-data';\r\nimport { Progress } from 'components/ui';\r\nimport { PersonIcon, RefreshIcon } from 'icons';\r\nimport { toast } from 'material-react-toastify';\r\nimport React, { Fragment, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n  getParties,\r\n  selectParties,\r\n  selectPartiesStatus,\r\n} from 'redux/reducers/account';\r\nimport { delayFire } from 'utils';\r\n\r\nexport const AccountsListing = () => {\r\n  const details = useSelector(selectParties);\r\n\r\n  // loading state\r\n  const loadingState = useSelector(selectPartiesStatus);\r\n\r\n  const dispatch = useDispatch();\r\n  const { authState } = useSecurity();\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        refreshView(false);\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  const refreshView = (isRefresh: boolean = true) => {\r\n    dispatch(\r\n      getParties({\r\n        start: 0,\r\n        max: getPartiesPerPage(),\r\n      })\r\n    );\r\n    // set up a refresh interval to check for new messages\r\n    if (isRefresh) {\r\n      toast.dark(<Progress label={`Refreshing Accounts`} />, {\r\n        closeButton: false,\r\n        autoClose: 4000,\r\n      });\r\n    }\r\n  };\r\n\r\n  const onPagination = (page: number, rows: number): void => {\r\n    dispatch(\r\n      getParties({\r\n        start: page * rows,\r\n        max: rows,\r\n      })\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      {details && details.parties.length > 0 ? (\r\n        <Fragment>\r\n          <MyAccountsTable\r\n            title={'My Accounts'}\r\n            data={details}\r\n            onPagination={onPagination}\r\n          />\r\n        </Fragment>\r\n      ) : (\r\n        <Paper>\r\n          {loadingState === STATUS_FAILED && (\r\n            <DataError>\r\n              <Typography paragraph>\r\n                Something went wrong. Please try again.\r\n              </Typography>\r\n              <Button\r\n                variant=\"contained\"\r\n                color=\"primary\"\r\n                onClick={() => {\r\n                  refreshView();\r\n                }}\r\n                endIcon={<RefreshIcon />}\r\n              >\r\n                Refresh\r\n              </Button>\r\n            </DataError>\r\n          )}\r\n          {loadingState === STATUS_LOADING && <Loading />}\r\n          {loadingState === STATUS_SUCCESS && (\r\n            <NoData icon={PersonIcon}>\r\n              <Typography paragraph>No accounts to view</Typography>\r\n            </NoData>\r\n          )}\r\n        </Paper>\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Button, Container, Grid, Paper, Typography } from '@material-ui/core';\r\nimport { getCountryValue, getInvestorTypeValue } from 'api';\r\nimport { useSecurity } from 'authentication';\r\nimport { ExternalAnchor } from 'components/core';\r\nimport { DataList } from 'components/data-list';\r\nimport { HelpBox } from 'components/help';\r\nimport { Breadcrumbs } from 'components/navigation';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { getUserDetails, selectUserDetails } from 'redux/reducers/account';\r\nimport { delayFire, getSpecificFormattedDate } from 'utils';\r\nimport { AccountsListing } from './components';\r\n\r\nconst PageAccount = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const { settings, authState } = useSecurity();\r\n\r\n  const dispatch = useDispatch();\r\n  const details = useSelector(selectUserDetails);\r\n\r\n  const [investorType, setInvestorType] = useState<string>('');\r\n  const [country, setCountry] = useState<string>('');\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      const investorType = await getInvestorTypeValue(details.investorType);\r\n      setInvestorType(investorType);\r\n\r\n      const country = await getCountryValue(details.country);\r\n      setCountry(country);\r\n    };\r\n\r\n    load();\r\n  }, [details]);\r\n\r\n  // when the user is fully authenticated, we need to fire a request to get the users details\r\n  useEffect(() => {\r\n    delayFire(() => {\r\n      dispatch(getUserDetails());\r\n    });\r\n  }, []);\r\n\r\n  // return the view\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.account')}</title>\r\n      </Helmet>\r\n\r\n      <Breadcrumbs\r\n        trail={[{ label: 'Home', href: '/home' }, { label: 'My Details' }]}\r\n      />\r\n\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Typography variant=\"h3\" component=\"h1\">\r\n            {t('common:titles.account')}\r\n          </Typography>\r\n\r\n          <Grid container spacing={3} alignItems=\"stretch\">\r\n            <Grid item xs={12} sm={6}>\r\n              <Paper>\r\n                <Box pt={3} mr={3} ml={3} pb={3} style={{ borderBottom: '1px solid #D9D9D6' }}>\r\n                  <Typography variant=\"h4\" component=\"h2\">\r\n                    Details\r\n                  </Typography>\r\n\r\n                  <DataList\r\n                    items={{\r\n                      Title: details.title,\r\n                      Forename: details.forename,\r\n                      Surname: details.surname,\r\n                      Salutation: details.salutation,\r\n                      'Preferred Name': details.preferredName,\r\n                      Logon: details.logon,\r\n                      Email: details.emailAddress,\r\n                    }}\r\n                  />\r\n\r\n                  {details.lastLoginDate && (\r\n                    <Box marginTop={6}>\r\n                      <DataList\r\n                        items={{\r\n                          'Last Login': getSpecificFormattedDate(\r\n                            details.lastLoginDate\r\n                          ),\r\n                        }}\r\n                      />\r\n                    </Box>\r\n                  )}\r\n                </Box>\r\n\r\n                <Box padding={3}>\r\n                  <Typography variant=\"h5\" style={{ marginBottom: 4 }}>\r\n                    Reset password\r\n                  </Typography>\r\n\r\n                  <Typography variant=\"body2\">\r\n                    You will be signed out of your account, redirected to reset your password,\r\n                    and you will need to sign in again using your new credentials.\r\n                  </Typography>\r\n\r\n                  <Box mt={3}>\r\n                    {/* @ts-ignore */}\r\n                    <Button\r\n                      color=\"primary\"\r\n                      variant=\"contained\"\r\n                      size=\"large\"\r\n                      to=\"/logout?resetpassword=true\"\r\n                      component={Link}\r\n                      style={{ textDecoration: 'none', color: '#fff' }}\r\n                    >\r\n                      Reset Password\r\n                    </Button>\r\n                  </Box>\r\n                </Box>\r\n              </Paper>\r\n            </Grid>\r\n            <Grid item xs={12} sm={6}>\r\n              <Paper>\r\n                <Box padding={3}>\r\n                  <Typography variant=\"h4\" component=\"h2\">\r\n                    Locale\r\n                  </Typography>\r\n                  <DataList\r\n                    items={{\r\n                      Region: details.region,\r\n                      Country: country,\r\n                      'Investor Type': investorType,\r\n                    }}\r\n                  />\r\n                </Box>\r\n              </Paper>\r\n              <HelpBox title=\"Need to update your details?\">\r\n                <Typography variant=\"body2\">\r\n                  Submit an 'Update my details' request in\r\n                  {' '}\r\n                  <ExternalAnchor\r\n                    label=\"My Tasks\"\r\n                    to={authState.salesforceUrl ?? ''}\r\n                    style={{ fontWeight: 700 }}\r\n                    icon={false}\r\n                    target=\"_self\"\r\n                  />\r\n                  {' '}\r\n                  and our team will help you update your account details\r\n                </Typography>\r\n              </HelpBox>\r\n            </Grid>\r\n          </Grid>\r\n        </Container>\r\n\r\n        {!settings['ClientHoldings.Enabled'] && (\r\n          <Box paddingTop={6}>\r\n            <Container>\r\n              <AccountsListing />\r\n            </Container>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageAccount;\r\n","import { useRouter, useSearchParams } from '@abrdn-latest/use';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { useClientHoldings } from 'pages/client-holdings/data';\r\n\r\nconst pathMap: Record<number, string> = {\r\n  0: '/logout',\r\n  1: '/home',\r\n  2: '/our-thinking',\r\n  3: '/fund-centre',\r\n  4: '/portfolio-holdings',\r\n  5: '/documents',\r\n  // 6: '/accounts/{id}',\r\n  7: '/account',\r\n  8: '/terms-and-conditions',\r\n};\r\n\r\nexport function SalesforceRouterPage() {\r\n  const { clients } = useClientHoldings();\r\n  const router = useRouter();\r\n  // @ts-ignore\r\n  const page = router.query.page ?? router.query.Page;\r\n  const pageIdx = Number(page);\r\n\r\n  // Accounts\r\n  if (pageIdx === 6 && clients.length > 0) {\r\n    const accountId = clients[0].id;\r\n    return <Redirect to={`/accounts/${accountId}/accounts`} />;\r\n  }\r\n\r\n  return <Redirect to={pathMap[pageIdx] ?? '/home'} />;\r\n}\r\n","// TODO: comment\r\nimport { Error403, Error404, Error500 } from '@abrdn-latest/core';\r\nimport React from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useParams } from 'react-router-dom';\r\n\r\ninterface Params {\r\n  code?: string;\r\n}\r\n\r\nconst PageError = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  // get the possible routes\r\n  const params: Params = useParams();\r\n  const code: string = params?.code || '404';\r\n\r\n  return (\r\n    <>\r\n      <Helmet>\r\n        <title>{t(`common:titles.error-${code}`)}</title>\r\n      </Helmet>\r\n\r\n      {code === '404' && <Error404 />}\r\n      {code === '403' && <Error403 />}\r\n      {code === '500' && <Error500 />}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PageError;\r\n","import { useEffect } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useSecurity } from '../../authentication';\r\nimport { useRouter } from '../../@abrdn-latest/use';\r\n\r\nconst Page404 = () => {\r\n  const { authState } = useSecurity();\r\n  const router = useRouter();\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      router.replace('/home');\r\n    } else {\r\n      router.replace('/auth/landing');\r\n    }\r\n  }, [authState, router]);\r\n\r\n  return null;\r\n};\r\n\r\nexport default Page404;\r\n","import { debounce } from '@abrdn-latest/utils';\r\nimport { SecureRoute } from '@okta/okta-react';\r\nimport React, { useEffect } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Route, Switch, useLocation } from 'react-router-dom';\r\n\r\nimport { RegisterForm, useSecurity } from '../authentication';\r\nimport { SERVER_ACTION_DELAY } from '../api/constants';\r\nimport { getUnreadCount } from '../redux/reducers/messages';\r\nimport PageHome from './home/PageHome';\r\nimport { AuthLandingPage } from './authentication/AuthLandingPage';\r\nimport { LogoutPage } from '../authentication/LogoutPage';\r\nimport PageFundCentre from './fund-centre/PageFundCentre';\r\nimport PageOurThinking from './our-thinking/PageOurThinking';\r\nimport PageOurThinkingArticle from './our-thinking/PageOurThinkingArticle';\r\nimport PagePortfolioHoldings from './portfolio-holdings/PagePortfolioHoldings';\r\nimport PageFundDetail from './portfolio-holdings/PageFundDetail';\r\nimport { RiskWarning } from './portfolio-holdings/components';\r\nimport PageNewMessage from './messages/PageNewMessage';\r\nimport PageMessages from './messages/PageMessages';\r\nimport PageDocuments from './documents/PageDocuments';\r\nimport PageNewDocument from './documents/PageNewDocument';\r\nimport PageMyDetails from './account/PageAccount';\r\nimport PageClientHoldings from './client-holdings/PageAccount';\r\nimport { SalesforceRouterPage } from './salesforce-router/SalesforceRouterPage';\r\nimport PageTermsAndConditions from './terms-and-conditions/PageTermsAndConditions';\r\nimport PageError from './error/PageError';\r\nimport Page404 from './not-found/PageNotFound';\r\n\r\nexport function Routes() {\r\n  const dispatch = useDispatch();\r\n  const { authState, settings } = useSecurity();\r\n  const { pathname } = useLocation();\r\n\r\n  const debouncedDispatch = debounce(dispatch, SERVER_ACTION_DELAY * 3);\r\n\r\n  // temporary hot fix until proper redux message handling is implemented\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      debouncedDispatch(getUnreadCount());\r\n    }\r\n  }, [pathname, authState.isAuthenticated]);\r\n\r\n  return (\r\n    <Switch>\r\n      <SecureRoute exact path=\"/home\" component={PageHome} />\r\n\r\n      <Route exact path=\"/auth/landing\" component={AuthLandingPage} />\r\n      <Route exact path=\"/auth/register\" component={RegisterForm} />\r\n      <SecureRoute path=\"/logout\" component={LogoutPage} />\r\n\r\n      <SecureRoute exact path=\"/fund-centre\" component={PageFundCentre} />\r\n\r\n      <SecureRoute exact path=\"/our-thinking\" component={PageOurThinking} />\r\n      {process.env.REACT_APP_FEATURE_OUR_THINKING && (\r\n        <SecureRoute\r\n          path=\"/our-thinking/:article\"\r\n          component={PageOurThinkingArticle}\r\n        />\r\n      )}\r\n\r\n      <SecureRoute\r\n        exact\r\n        path=\"/portfolio-holdings\"\r\n        component={PagePortfolioHoldings}\r\n      />\r\n      <SecureRoute\r\n        path=\"/portfolio-holdings/:fundCode\"\r\n        component={PageFundDetail}\r\n      />\r\n\r\n      <SecureRoute\r\n        path=\"/portfolio-holdings/\"\r\n        component={RiskWarning}\r\n      />\r\n\r\n      <SecureRoute exact path=\"/message/new\" component={PageNewMessage} />\r\n      <SecureRoute exact path=\"/messages\" component={PageMessages} />\r\n      <SecureRoute exact path=\"/messages/:mailbox/\" component={PageMessages} />\r\n      <SecureRoute\r\n        exact\r\n        path=\"/messages/:mailbox/:messageId\"\r\n        component={PageMessages}\r\n      />\r\n\r\n      <SecureRoute\r\n        exact\r\n        path={['/documents', '/documents/:category']}\r\n        component={PageDocuments}\r\n      />\r\n      <SecureRoute exact path=\"/document/new\" component={PageNewDocument} />\r\n\r\n      {settings['ClientHoldings.Enabled'] && (\r\n        <SecureRoute\r\n          path=\"/accounts/:clientId/account/:accountId/holdings\"\r\n          component={PageFundDetail}\r\n          exact\r\n        />\r\n      )}\r\n      {settings['ClientHoldings.Enabled'] && (\r\n        <SecureRoute\r\n          path=\"/accounts/:client/:section\"\r\n          component={PageClientHoldings}\r\n          exact\r\n        />\r\n      )}\r\n\r\n      <SecureRoute exact path=\"/account\" component={PageMyDetails} />\r\n\r\n      <SecureRoute path=\"/sfredirect/:page\" component={SalesforceRouterPage} />\r\n      <Route path=\"/terms-and-conditions\" component={PageTermsAndConditions} />\r\n      <Route exact path=\"/error/:code\" component={PageError} />\r\n      <Route component={Page404} />\r\n    </Switch>\r\n  );\r\n}\r\n","import { AppProviderWrapper } from '@abrdn-latest/providers';\r\nimport DayJsUtils from '@date-io/dayjs';\r\nimport { Box, CssBaseline } from '@material-ui/core';\r\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { Security, useSecurity } from 'authentication';\r\nimport { ActionRequiredModal } from 'components/action-required';\r\nimport { Connectivity } from 'components/connectivity';\r\nimport { ErrorBoundary } from 'components/error-boundary';\r\nimport { Footer } from 'components/footer';\r\nimport { Header } from 'components/header';\r\nimport { ScrollToTop } from 'components/scroll-to-top';\r\nimport { Unauthorized } from 'components/unauthorized';\r\nimport { ToastContainer } from 'material-react-toastify';\r\nimport 'material-react-toastify/dist/ReactToastify.css';\r\nimport { ClientHoldings } from 'pages/client-holdings/data';\r\nimport { MessagePopup } from 'pages/messages/components';\r\nimport { PortfolioHoldings } from 'pages/portfolio-holdings/data';\r\nimport React from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { HashRouter, BrowserRouter, Route } from 'react-router-dom';\r\nimport 'swiper/components/pagination/pagination.scss';\r\nimport 'swiper/swiper.scss';\r\nimport { getPublicPath } from './utils/assets';\r\nimport { LoginCallback } from '@okta/okta-react';\r\nimport { OktaSecurity } from './authentication/OktaSecurity';\r\nimport { Routes } from './pages/Routes';\r\n\r\nconst CookieConfig = () => {\r\n  const { settings } = useSecurity();\r\n\r\n  return (\r\n    <Helmet>\r\n      <script\r\n        type=\"text/javascript\"\r\n        src={`https://cdn-ukwest.onetrust.com/consent/${settings['OneTrustID']}/OtAutoBlock.js`}\r\n      ></script>\r\n      <script\r\n        src=\"https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js\"\r\n        type=\"text/javascript\"\r\n        // @ts-ignore\r\n        charset=\"UTF-8\"\r\n        data-domain-script={settings['OneTrustID']}\r\n      ></script>\r\n\r\n      <script type=\"text/javascript\">{`function OptanonWrapper() {}`}</script>\r\n    </Helmet>\r\n  );\r\n};\r\n\r\n// New\r\nconst AppMain = () => {\r\n  return (\r\n    <AppProviderWrapper>\r\n      <MuiPickersUtilsProvider utils={DayJsUtils}>\r\n        <Security>\r\n          <Unauthorized />\r\n          <CookieConfig />\r\n          <ClientHoldings>\r\n            <PortfolioHoldings>\r\n              <ScrollToTop />\r\n              <Header />\r\n              <Box className=\"main\">\r\n                <ErrorBoundary>\r\n                  <Routes />\r\n                </ErrorBoundary>\r\n              </Box>\r\n              <ActionRequiredModal />\r\n              <MessagePopup />\r\n              <ToastContainer\r\n                position=\"bottom-left\"\r\n                autoClose={5000}\r\n                hideProgressBar\r\n                newestOnTop\r\n                closeOnClick\r\n                rtl={false}\r\n                pauseOnFocusLoss={false}\r\n                draggable={false}\r\n                pauseOnHover\r\n              />\r\n\r\n              <Footer />\r\n            </PortfolioHoldings>\r\n          </ClientHoldings>\r\n        </Security>\r\n      </MuiPickersUtilsProvider>\r\n    </AppProviderWrapper>\r\n  );\r\n};\r\n\r\nfunction App() {\r\n  return (\r\n    <Box className=\"app\">\r\n      <CssBaseline />\r\n      <Helmet titleTemplate={`abrdn Connect - %s`}>\r\n        <link\r\n          rel=\"icon\"\r\n          type=\"image/x-icon\"\r\n          href={getPublicPath('favicon.ico')}\r\n        />\r\n        <link\r\n          rel=\"apple-touch-icon\"\r\n          sizes=\"144x144\"\r\n          href={getPublicPath('apple-touch-icon.png')}\r\n        />\r\n        <link\r\n          rel=\"icon\"\r\n          type=\"image/png\"\r\n          sizes=\"32x32\"\r\n          href={getPublicPath('favicon-32x32.png')}\r\n        />\r\n        <link\r\n          rel=\"icon\"\r\n          type=\"image/png\"\r\n          sizes=\"16x16\"\r\n          href={getPublicPath('favicon-16x16.png')}\r\n        />\r\n        <link\r\n          rel=\"mask-icon\"\r\n          href={getPublicPath('safari-pinned-tab.svg')}\r\n          color=\"#5BBAD5\"\r\n        />\r\n      </Helmet>\r\n      <Connectivity />\r\n      <OktaSecurity>\r\n        <HashRouter>\r\n          <AppMain />\r\n        </HashRouter>\r\n        <BrowserRouter>\r\n          <Route path=\"*\" component={LoginCallback} />\r\n        </BrowserRouter>\r\n      </OktaSecurity>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","// TODO: comment\r\nimport commonDe from 'i18n/locales/de/common.json';\r\nimport clientEn from 'i18n/locales/en/client.json';\r\nimport commonEn from 'i18n/locales/en/common.json';\r\nimport i18n from 'i18next';\r\nimport { initReactI18next } from 'react-i18next';\r\n\r\n// the translations\r\nconst resources = {\r\n  en: {\r\n    common: commonEn,\r\n    client: clientEn,\r\n  },\r\n  de: {\r\n    common: commonDe,\r\n  },\r\n};\r\n\r\ni18n\r\n  .use(initReactI18next) // passes i18n down to react-i18next\r\n  .init({\r\n    resources,\r\n    lng: 'en',\r\n    keySeparator: '.', // we do not use keys in form messages.welcome\r\n    interpolation: {\r\n      escapeValue: false, // react already safes from xss\r\n    },\r\n  });\r\n\r\nexport default i18n;\r\n","// TODO: comment\r\nimport { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","// TODO: comment\r\nimport 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport { StylesProvider, ThemeProvider } from '@material-ui/core/styles';\r\nimport 'custom-event-polyfill';\r\nimport React, { Suspense } from 'react';\r\nimport { CookiesProvider } from 'react-cookie';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport store from 'redux/store';\r\nimport { abrdnDefault } from 'styles';\r\nimport 'styles/globals.scss';\r\nimport { MessageComposerProvider } from 'utils/message-context';\r\nimport App from './App';\r\nimport './i18n';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n  // <React.StrictMode>\r\n  <Suspense fallback=\"loading\">\r\n    <Provider store={store}>\r\n      <CookiesProvider>\r\n        <StylesProvider injectFirst>\r\n          <ThemeProvider theme={abrdnDefault}>\r\n            <MessageComposerProvider>\r\n              <App />\r\n            </MessageComposerProvider>\r\n          </ThemeProvider>\r\n        </StylesProvider>\r\n      </CookiesProvider>\r\n    </Provider>\r\n  </Suspense>,\r\n  // </React.StrictMode>\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n","export * from './BarChart';\r\nexport * from './ChartKey';\r\nexport * from './Custom';\r\nexport * from './LineChart';\r\nexport * from './PieChart';\r\nexport * from './types';\r\n","// TODO: comment\r\nimport { Box } from '@material-ui/core';\r\nimport { Alert, AlertTitle } from '@material-ui/lab';\r\nimport { DocumentUploadRestrictionsResponse } from 'api/types';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  restrictions: DocumentUploadRestrictionsResponse;\r\n}\r\n\r\nexport const Restrictions = ({ restrictions }: Props) => {\r\n  return (\r\n    <Box marginBottom={2}>\r\n      <Alert severity=\"info\">\r\n        <AlertTitle>Upload limitations</AlertTitle>\r\n        Files can not exceed <b>{restrictions.fileSizeLimitDisplayName}</b> in\r\n        size. Allowed documents: {restrictions.allowedFileExtensions.join(', ')}\r\n      </Alert>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { isIE } from '@abrdn/utils';\r\nimport {\r\n  Box,\r\n  Button,\r\n  FormHelperText,\r\n  Grid,\r\n  IconButton,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { DocumentUploadRestrictionsResponse } from 'api/types';\r\nimport { useSecurity } from 'authentication';\r\nimport { Input } from 'components/form';\r\nimport { DeleteIcon, DocumentUploadIcon } from 'icons';\r\nimport React, { createRef, useEffect, useRef } from 'react';\r\nimport { useFieldArray, useFormContext } from 'react-hook-form';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n  getDocumentRestrictions,\r\n  selectDocumentRestrictions,\r\n} from 'redux/reducers/documents';\r\nimport { delayFire } from 'utils';\r\nimport { Restrictions } from './Restrictions';\r\n\r\ninterface FileSelectorProps {\r\n  maxRows?: number;\r\n  minRows?: number;\r\n}\r\n\r\n// TODO: move this to scss\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    '& > *': {\r\n      margin: theme.spacing(1),\r\n    },\r\n  },\r\n  input: {\r\n    display: 'none',\r\n  },\r\n  htmllabel: {\r\n    display: 'inline-block',\r\n    wordBreak: 'break-all',\r\n  },\r\n  label: {\r\n    marginTop: 8,\r\n    display: 'inline-block',\r\n    overflow: 'hidden',\r\n    textOverflow: 'ellipsis',\r\n    border: '1px solid rgba(0, 0, 0, 0.5)',\r\n    padding: '5px 15px',\r\n    borderRadius: 30,\r\n    wordBreak: 'break-all',\r\n  },\r\n}));\r\n\r\nexport const FileSelector = ({\r\n  minRows = 0,\r\n  maxRows = 10,\r\n}: FileSelectorProps) => {\r\n  const IS_IE: boolean = isIE();\r\n\r\n  const { register, errors, control, watch } = useFormContext(); // retrieve all hook methods\r\n  const classes = useStyles();\r\n  const PLEASE_SELECT: string = 'Select a file';\r\n  const { fields, append, remove } = useFieldArray({\r\n    control,\r\n    name: 'files',\r\n  });\r\n\r\n  const watchFieldArray = watch('files');\r\n\r\n  const controlledFields = fields.map((field, index) => {\r\n    return {\r\n      ...field,\r\n      ...watchFieldArray[index],\r\n    };\r\n  });\r\n\r\n  const dispatch = useDispatch();\r\n  const { authState } = useSecurity();\r\n\r\n  // get the document restrictions\r\n  const restrictions: DocumentUploadRestrictionsResponse = useSelector(\r\n    selectDocumentRestrictions\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        // TODO: change this to work on status\r\n        if (restrictions.fileSizeLimitBytes === 0) {\r\n          dispatch(getDocumentRestrictions());\r\n        }\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  useEffect(() => {\r\n    for (let i = 0; i < minRows; i++) {\r\n      append({ description: '', file: '' });\r\n    }\r\n\r\n    selectLastInput();\r\n  }, []);\r\n\r\n  const selectLastInput = () => {\r\n    setTimeout(() => {\r\n      if (selectorRef && selectorRef.current) {\r\n        // @ts-ignore\r\n        const e = selectorRef.current.querySelectorAll('input[type=\"file\"]');\r\n        if (e) {\r\n          const lastInput = [].slice.call(e).pop();\r\n          if (lastInput) {\r\n          }\r\n        }\r\n      }\r\n    }, 20);\r\n  };\r\n\r\n  const selectorRef = useRef(null);\r\n\r\n  return (\r\n    <div ref={selectorRef}>\r\n      {/* field restrictions message */}\r\n      {controlledFields.length > 0 && (\r\n        <Restrictions restrictions={restrictions} />\r\n      )}\r\n\r\n      {/* loop through the fields */}\r\n      {controlledFields.map((field, index) => {\r\n        const theErrors =\r\n          errors && errors.files && errors.files.length\r\n            ? errors.files[index]\r\n            : {};\r\n\r\n        const nameRef = createRef<HTMLButtonElement>();\r\n\r\n        const descError = theErrors?.description?.message;\r\n        const fileError = theErrors?.file?.message;\r\n\r\n        const errorMessages: string[] = [];\r\n\r\n        if (descError !== undefined) {\r\n          errorMessages.push(descError);\r\n        }\r\n\r\n        if (fileError !== undefined) {\r\n          errorMessages.push(fileError);\r\n        }\r\n\r\n        return (\r\n          <Box key={field.id}>\r\n            <Grid\r\n              container\r\n              spacing={2}\r\n              alignItems=\"center\"\r\n              justify=\"space-between\"\r\n              wrap=\"nowrap\"\r\n            >\r\n              <Grid item xs={6} md={6}>\r\n                <Input\r\n                  key={`files.${field.id}.desc`}\r\n                  ref={register()}\r\n                  id={`files.${index}.description`}\r\n                  type=\"text\"\r\n                  label=\"Description\"\r\n                  name={`files[${index}].description`}\r\n                  control={control}\r\n                  defaultValue={field.description}\r\n                  error={theErrors ? !!theErrors.description : false}\r\n                />\r\n              </Grid>\r\n              <Grid item xs={6} md={6}>\r\n                <Box className={classes.root}>\r\n                  <input\r\n                    key={`files.${field.id}.file`}\r\n                    className={classes.input}\r\n                    type=\"file\"\r\n                    id={`file.${field.id}`}\r\n                    name={`files[${index}].file`}\r\n                    defaultValue=\"\"\r\n                    accept={restrictions.allowedFileExtensions\r\n                      .map((item: string) => {\r\n                        return `.${item}`;\r\n                      })\r\n                      .join(',')}\r\n                    ref={register()}\r\n                    onChange={(ev: any) => {\r\n                      try {\r\n                        const file = ev.target.files[0];\r\n                        if (file) {\r\n                          if (nameRef && nameRef.current) {\r\n                            // @ts-ignore\r\n                            const fileName = String(file.name);\r\n                            const trimLength: number = 40;\r\n\r\n                            nameRef.current.innerHTML = `${fileName.substr(\r\n                              0,\r\n                              trimLength\r\n                            )}${fileName.length > trimLength ? '...' : ''}`;\r\n                          }\r\n                        } else {\r\n                          if (nameRef && nameRef.current) {\r\n                            // @ts-ignore\r\n                            nameRef.current.innerHTML = PLEASE_SELECT;\r\n                          }\r\n                        }\r\n                      } catch (e) {}\r\n                    }}\r\n                  />\r\n                  {IS_IE ? (\r\n                    <label\r\n                      htmlFor={`file.${field.id}`}\r\n                      className={classes.label}\r\n                    >\r\n                      <span color=\"primary\" ref={nameRef}>\r\n                        {PLEASE_SELECT}\r\n                      </span>\r\n                    </label>\r\n                  ) : (\r\n                    <label\r\n                      className={classes.htmllabel}\r\n                      htmlFor={`file.${field.id}`}\r\n                    >\r\n                      <Button\r\n                        color=\"primary\"\r\n                        component=\"span\"\r\n                        variant=\"outlined\"\r\n                        ref={nameRef}\r\n                        className={classes.label}\r\n                        style={{ whiteSpace: 'nowrap' }}\r\n                      >\r\n                        {PLEASE_SELECT}\r\n                      </Button>\r\n                    </label>\r\n                  )}\r\n                </Box>\r\n              </Grid>\r\n\r\n              {minRows !== maxRows && (\r\n                <Grid item>\r\n                  <Box>\r\n                    <IconButton\r\n                      aria-label=\"delete\"\r\n                      onClick={() => {\r\n                        remove(index);\r\n                      }}\r\n                    >\r\n                      <DeleteIcon />\r\n                    </IconButton>\r\n                  </Box>\r\n                </Grid>\r\n              )}\r\n            </Grid>\r\n\r\n            {errorMessages.length > 0 && (\r\n              <FormHelperText error={true}>\r\n                {errorMessages.join(' & ')}\r\n              </FormHelperText>\r\n            )}\r\n          </Box>\r\n        );\r\n      })}\r\n\r\n      {/* if the number of fields is less than the max rows, allow the user to add more fields  */}\r\n      {controlledFields.length < maxRows && (\r\n        <Box paddingY={2}>\r\n          <Button\r\n            variant=\"outlined\"\r\n            size=\"large\"\r\n            color=\"primary\"\r\n            onClick={() => {\r\n              append({ description: '', file: '' });\r\n              selectLastInput();\r\n            }}\r\n            type=\"button\"\r\n            startIcon={<DocumentUploadIcon />}\r\n          >\r\n            {controlledFields.length > 0 ? 'Add another file' : 'Add a file'}\r\n          </Button>\r\n        </Box>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n","// TODO: comment\r\n// @ts-nocheck\r\n\r\nimport React from 'react';\r\n\r\nexport const ValidationContext = React.createContext();\r\n\r\nexport const useValidationContext = () => React.useContext(ValidationContext);\r\n\r\nexport const ValidationProvider = ({ children, schema }) => {\r\n  const [describedSchema, setDescribedSchema] = React.useState();\r\n  // Not used in the demo, but maybe usefull\r\n  // if we ever need the described schema\r\n  const describeSchema = React.useCallback(() => {\r\n    schema && setDescribedSchema(schema.describe());\r\n  }, [schema]);\r\n\r\n  return (\r\n    <ValidationContext.Provider\r\n      value={{ schema, describeSchema, describedSchema }}\r\n    >\r\n      {children}\r\n    </ValidationContext.Provider>\r\n  );\r\n};\r\n","import SvgIcon from '@material-ui/core/SvgIcon';\r\n\r\nexport const ApplePodcastsIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        fill=\"#AA1DD3\"\r\n        d=\"M38.8,46.1c-0.1,4-0.5,8-1.8,11.9c-0.6,1.8-1.4,3.5-2.8,4.8c-1.7,1.5-3,1.6-4.7,0c-1.8-1.7-2.6-3.9-3.2-6.2\r\n\t\t\tc-1.2-4.4-1.5-9-1.4-13.5c0.1-3.8,3.3-6.8,7-6.9c3.6,0,6.7,2.8,7,6.5C38.9,43.8,38.8,45,38.8,46.1z\"\r\n      />\r\n      <path\r\n        fill=\"#AA1DD3\"\r\n        d=\"M24.7,27.1c0-4,3.3-7.2,7.4-7.2c3.6,0,6.8,3.4,6.8,7.1c0,3.9-3.2,7.1-7.1,7.2C27.9,34.2,24.8,31,24.7,27.1z\"\r\n      />\r\n      <path\r\n        fill=\"#AA1DD3\"\r\n        d=\"M60.9,25.9c-1.5-15-15-26.6-30.4-25.9C15.2,0.7,2.9,13.6,3,29c0,15.3,11.4,25.3,19.9,27.5\r\n\t\t\t\tc-0.3-1.3-0.5-2.6-0.7-3.9c-0.3-0.4-0.8-0.8-1.5-1.1c-9.6-4.6-15.2-15.6-13.6-26C9.5,11,22.8,1.8,37.2,4.6\r\n\t\t\t\tC50.5,7.2,59.5,21,56.5,34.2c-1.9,8.2-6.6,14.1-14.2,17.7c-0.3,0.1-0.7,0.2-0.9,0.4c-0.2,1.4-0.4,2.8-0.7,4.2\r\n\t\t\t\tC50.5,54.2,62.5,42.8,60.9,25.9z\"\r\n      />\r\n      <path\r\n        fill=\"#AA1DD3\"\r\n        d=\"M50.3,24.9C48.1,16,40.1,10,30.6,10.3c-8.6,0.3-16.2,7-17.8,15.6C11.1,35,16.6,43,21.6,45.3\r\n\t\t\t\tc-0.1-1.6-0.1-3.2-0.1-4.8c-0.1-0.1-0.2-0.2-0.3-0.3c-2.9-2.8-4.3-6.2-4.6-10.2c-0.7-9.6,8.7-17.7,18.1-15.6\r\n\t\t\t\tc5.8,1.3,9.8,4.8,11.5,10.6c1.7,5.9,0.2,11-4.1,15.3c0,0-0.1,0.1-0.1,0.1c0,1.3,0,2.6,0,3.9c0,0.4,0,0.7,0,1.1\r\n\t\t\t\tC47.7,42.2,52.4,33.8,50.3,24.9z\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n","// TODO: comment\r\n\r\nimport SvgIcon from '@material-ui/core/SvgIcon';\r\n\r\nexport const PortfolioHoldingsIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M31.9998 48.5006C22.1998 48.5006 14.2998 40.6006 14.2998 30.8006C14.2998 21.0006 22.1998 13.1006 31.9998 13.1006C32.2998 13.1006 32.4998 13.3006 32.4998 13.6006C32.4998 13.9006 32.2998 14.1006 31.9998 14.1006C22.7998 14.1006 15.2998 21.6006 15.2998 30.8006C15.2998 40.0006 22.7998 47.5006 31.9998 47.5006C41.1998 47.5006 48.6998 40.0006 48.6998 30.8006C48.6998 30.5006 48.8998 30.3006 49.1998 30.3006C49.4998 30.3006 49.6998 30.5006 49.6998 30.8006C49.6998 40.5006 41.7998 48.5006 31.9998 48.5006Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M31.9998 48.5006C22.1998 48.5006 14.2998 40.6006 14.2998 30.8006C14.2998 21.0006 22.1998 13.1006 31.9998 13.1006C37.9998 13.1006 43.5998 16.1006 46.8998 21.2006C46.9998 21.4006 46.9998 21.7006 46.7998 21.9006C46.5998 22.0006 46.2998 22.0006 46.0998 21.8006C42.9998 17.0006 37.7998 14.2006 32.0998 14.2006C22.8998 14.2006 15.3998 21.7006 15.3998 30.9006C15.3998 40.1006 22.7998 47.5006 31.9998 47.5006C41.1998 47.5006 48.6998 40.0006 48.6998 30.8006C48.6998 30.5006 48.8998 30.3006 49.1998 30.3006C49.4998 30.3006 49.6998 30.5006 49.6998 30.8006C49.6998 40.5006 41.7998 48.5006 31.9998 48.5006Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42.1998 54.1004C41.9998 54.1004 41.7998 54.0004 41.6998 53.8004C41.5998 53.5004 41.6998 53.3004 41.9998 53.1004C51.0998 49.2004 56.9998 40.2004 56.9998 30.2004C56.9998 16.5004 45.8998 5.40039 32.0998 5.40039C18.3998 5.40039 7.2998 16.5004 7.2998 30.2004C7.2998 40.1004 13.1998 49.1004 22.2998 53.1004C22.5998 53.2004 22.6998 53.5004 22.5998 53.8004C22.4998 54.1004 22.1998 54.2004 21.8998 54.1004C12.3998 49.9004 6.2998 40.6004 6.2998 30.2004C6.2998 16.0004 17.8998 4.40039 32.0998 4.40039C46.2998 4.40039 57.9998 16.0004 57.9998 30.2004C57.9998 40.6004 51.7998 49.9004 42.2998 54.0004C42.2998 54.1004 42.1998 54.1004 42.1998 54.1004Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M25.7002 36.5008C25.4002 36.5008 25.2002 36.3008 25.2002 36.0008V22.3008C25.2002 22.0008 25.4002 21.8008 25.7002 21.8008H31.4002C31.7002 21.8008 31.9002 22.0008 31.9002 22.3008C31.9002 22.6008 31.7002 22.8008 31.4002 22.8008H26.2002V36.0008C26.2002 36.3008 26.0002 36.5008 25.7002 36.5008Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M20 34.7008C19.7 34.7008 19.5 34.5008 19.5 34.2008V25.8008C19.5 25.5008 19.7 25.3008 20 25.3008H25.7C26 25.3008 26.2 25.5008 26.2 25.8008C26.2 26.1008 26 26.3008 25.7 26.3008H20.5V34.2008C20.5 34.4008 20.3 34.7008 20 34.7008Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42.6996 33.0002C42.3996 33.0002 42.1996 32.8002 42.1996 32.5002L42.2996 24.2002H37.0996C36.7996 24.2002 36.5996 24.0002 36.5996 23.7002C36.5996 23.4002 36.7996 23.2002 37.0996 23.2002H42.7996C42.8996 23.2002 43.0996 23.3002 43.1996 23.3002C43.2996 23.4002 43.2996 23.5002 43.2996 23.7002L43.1996 32.5002C43.1996 32.8002 42.9996 33.0002 42.6996 33.0002Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M24.6 38.2001C24.5 38.2001 24.4 38.2001 24.3 38.1001L19.8 35.0001L16.6 38.1001C16.4 38.3001 16.1 38.3001 15.9 38.1001C15.7 37.9001 15.7 37.6001 15.9 37.4001L19.4 34.0001C19.6 33.8001 19.8 33.8001 20 34.0001L24.4 37.2001L33.3 25.4001C33.4 25.3001 33.5 25.2001 33.6 25.2001C33.7 25.2001 33.9 25.2001 34 25.3001L42.9 32.4001L50.2 23.9001C50.4 23.7001 50.7 23.7001 50.9 23.8001C51.1 24.0001 51.1 24.3001 51 24.5001L43.4 33.4001C43.2 33.6001 42.9 33.6001 42.7 33.5001L33.9 26.4001L25 38.0001C24.9 38.2001 24.7 38.2001 24.6 38.2001Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M31.3994 29.1008C31.0994 29.1008 30.8994 28.9008 30.8994 28.6008V18.8008C30.8994 18.5008 31.0994 18.3008 31.3994 18.3008H37.0994C37.3994 18.3008 37.5994 18.5008 37.5994 18.8008V28.3008C37.5994 28.6008 37.3994 28.8008 37.0994 28.8008C36.7994 28.8008 36.5994 28.6008 36.5994 28.3008V19.2008H31.8994V28.5008C31.8994 28.9008 31.6994 29.1008 31.3994 29.1008Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M50.9 27.9002C50.6 27.9002 50.4 27.7002 50.4 27.4002V24.2002H47.5C47.2 24.2002 47 24.0002 47 23.7002C47 23.4002 47.2 23.2002 47.5 23.2002H50.9C51.2 23.2002 51.4 23.4002 51.4 23.7002V27.4002C51.4 27.7002 51.2 27.9002 50.9 27.9002Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const EditIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\r\n      <path\r\n        d=\"M12 1C5.93 1 1 5.93 1 12C1 18.07 5.93 23 12 23C18.07 23 23 18.07 23 12C23 5.93 18.07 1 12 1ZM15.57 17L12 15.42L8.43 17L8.06 16.63L12 7L15.95 16.63L15.57 17Z\"\r\n        fill=\"#333333\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const PageErrorIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M54.91,48.83l-9.29-10.51l-3.07-3.54c0.67-0.08,1.32-0.24,1.95-0.48l1.13,1.21c0.17,0.18,0.46,0.21,0.66,0.06l2.35-1.72\r\n\t\t\tc0.2-0.15,0.26-0.43,0.14-0.65l-0.81-1.45c0.43-0.54,0.79-1.13,1.07-1.76l1.73,0.06c0.25,0.03,0.47-0.17,0.51-0.42l0.44-2.88\r\n\t\t\tc0.04-0.25-0.12-0.49-0.36-0.56l-1.67-0.46c-0.08-0.68-0.24-1.35-0.49-2l1.21-1.14c0.18-0.17,0.21-0.46,0.06-0.66l-1.72-2.35\r\n\t\t\tc-0.15-0.21-0.43-0.26-0.65-0.14l-1.45,0.81c-0.54-0.43-1.13-0.79-1.76-1.07l0.05-1.66c0.01-0.25-0.17-0.47-0.42-0.51l-2.88-0.44\r\n\t\t\tc-0.25-0.04-0.49,0.12-0.56,0.36l-0.45,1.6c-0.68,0.08-1.35,0.24-2,0.49l-1.13-1.21c-0.17-0.19-0.46-0.21-0.66-0.06l-2.35,1.72\r\n\t\t\tc-0.2,0.15-0.26,0.43-0.14,0.65l0.81,1.45c-0.43,0.54-0.79,1.13-1.07,1.76l-1.72-0.07c-0.02,0-0.05,0.01-0.07,0.01l-2.6-2.96\r\n\t\t\tc0.96-4.31-0.17-8.94-2.94-12.09c-2.67-3.01-6.48-4.32-10.19-3.5c-0.32,0.07-0.57,0.31-0.68,0.64c-0.11,0.34-0.04,0.72,0.2,0.99\r\n\t\t\tl5.39,6.18c-0.34,2.51-0.75,5.32-0.92,6.13l-5.96,1.69l-5.37-6.07c-0.23-0.26-0.58-0.37-0.91-0.28c-0.35,0.1-0.6,0.39-0.67,0.77\r\n\t\t\tc-0.71,4.15,0.44,8.41,3.08,11.39c2.95,3.34,7.22,4.55,11.22,3.23l24.97,28.25c1.06,1.2,2.47,1.86,3.98,1.86\r\n\t\t\tc1.5,0,2.91-0.66,3.98-1.86C57.06,55.23,57.06,51.27,54.91,48.83z M34.42,24.36c0.22,0.02,0.41-0.12,0.49-0.32\r\n\t\t\tc0.3-0.76,0.72-1.45,1.26-2.07c0.14-0.16,0.16-0.39,0.06-0.57l-0.76-1.36l1.63-1.19l1.07,1.14c0.14,0.15,0.37,0.2,0.56,0.12\r\n\t\t\tc0.75-0.33,1.54-0.52,2.35-0.57c0.21-0.01,0.39-0.16,0.45-0.36l0.42-1.5l2,0.31l-0.05,1.56c-0.01,0.21,0.12,0.4,0.32,0.48\r\n\t\t\tc0.76,0.3,1.45,0.72,2.07,1.26c0.16,0.14,0.39,0.16,0.57,0.06l1.36-0.76l1.2,1.63l-1.14,1.07c-0.15,0.14-0.2,0.37-0.12,0.56\r\n\t\t\tc0.33,0.75,0.52,1.54,0.57,2.35c0.01,0.21,0.16,0.39,0.37,0.45l1.57,0.44l-0.31,2L48.73,29c-0.2-0.02-0.41,0.12-0.48,0.32\r\n\t\t\tc-0.3,0.76-0.72,1.45-1.26,2.07c-0.14,0.16-0.16,0.39-0.06,0.57l0.76,1.36l-1.63,1.2l-1.07-1.14c-0.14-0.15-0.37-0.2-0.56-0.12\r\n\t\t\tc-0.75,0.33-1.54,0.52-2.35,0.57c-0.21,0.01-0.39,0.16-0.45,0.36l-0.46,1.63l-1.99-0.31l0.08-1.69c0.01-0.21-0.12-0.41-0.32-0.49\r\n\t\t\tc-0.76-0.3-1.45-0.72-2.07-1.26c-0.16-0.14-0.39-0.16-0.57-0.06l-1.36,0.76l-1.19-1.63l1.14-1.07c0.15-0.14,0.2-0.37,0.12-0.56\r\n\t\t\tc-0.33-0.75-0.52-1.54-0.58-2.35c-0.01-0.21-0.16-0.39-0.36-0.45l-1.57-0.44l0.31-2L34.42,24.36z M54.16,56.98\r\n\t\t\tc-0.87,0.98-2.02,1.53-3.23,1.53c-1.21,0-2.36-0.54-3.23-1.53l-25.2-28.5c-0.14-0.15-0.35-0.2-0.54-0.13\r\n\t\t\tc-3.7,1.36-7.7,0.28-10.45-2.84c-2.43-2.74-3.49-6.66-2.91-10.46l5.32,6.01c0.24,0.27,0.59,0.37,0.92,0.27l6.29-1.79\r\n\t\t\tc0.39-0.12,0.45-0.14,1.35-6.83c0.08-0.33-0.01-0.66-0.22-0.91l-5.46-6.1c3.35-0.74,6.8,0.45,9.22,3.19\r\n\t\t\tc2.57,2.91,3.61,7.2,2.72,11.21c-0.08,0.34,0.02,0.71,0.26,0.94l2.79,3.16l-0.37,2.37c-0.04,0.25,0.12,0.49,0.36,0.56l1.66,0.47\r\n\t\t\tc0.08,0.68,0.24,1.35,0.49,2l-1.21,1.13c-0.18,0.17-0.21,0.46-0.06,0.66l1.72,2.35c0.15,0.21,0.43,0.27,0.65,0.14l1.45-0.81\r\n\t\t\tc0.54,0.43,1.13,0.79,1.75,1.07l-0.09,1.79c-0.01,0.26,0.17,0.48,0.42,0.52l2.88,0.44c0.03,0,0.05,0.01,0.08,0.01\r\n\t\t\tc0.22,0,0.42-0.15,0.48-0.37l0.18-0.64l11.97,13.6C55.99,51.57,55.99,54.93,54.16,56.98z\"\r\n      />\r\n      <path\r\n        d=\"M41.06,30c0.17,0.03,0.35,0.04,0.52,0.04c0.71,0,1.4-0.22,1.98-0.65c0.72-0.53,1.2-1.31,1.34-2.2s-0.08-1.78-0.61-2.5\r\n\t\t\ts-1.31-1.2-2.2-1.34c-0.89-0.14-1.78,0.08-2.5,0.61c-0.72,0.53-1.2,1.31-1.34,2.2s0.08,1.78,0.61,2.5\r\n\t\t\tC39.39,29.38,40.17,29.86,41.06,30z M39.24,26.31c0.1-0.62,0.43-1.17,0.94-1.54c0.41-0.3,0.89-0.46,1.39-0.46\r\n\t\t\tc0.12,0,0.24,0.01,0.37,0.03c0.62,0.1,1.17,0.43,1.54,0.94c0.37,0.51,0.52,1.13,0.43,1.76c-0.1,0.62-0.43,1.17-0.94,1.55\r\n\t\t\tc-0.51,0.37-1.13,0.52-1.76,0.43c-0.62-0.1-1.17-0.43-1.54-0.94C39.3,27.56,39.15,26.94,39.24,26.31z\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const PageMaintenanceIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M54.91,48.83l-9.29-10.51l-3.07-3.54c0.67-0.08,1.32-0.24,1.95-0.48l1.13,1.21c0.17,0.18,0.46,0.21,0.66,0.06l2.35-1.72\r\n\t\t\tc0.2-0.15,0.26-0.43,0.14-0.65l-0.81-1.45c0.43-0.54,0.79-1.13,1.07-1.76l1.73,0.06c0.25,0.03,0.47-0.17,0.51-0.42l0.44-2.88\r\n\t\t\tc0.04-0.25-0.12-0.49-0.36-0.56l-1.67-0.46c-0.08-0.68-0.24-1.35-0.49-2l1.21-1.14c0.18-0.17,0.21-0.46,0.06-0.66l-1.72-2.35\r\n\t\t\tc-0.15-0.21-0.43-0.26-0.65-0.14l-1.45,0.81c-0.54-0.43-1.13-0.79-1.76-1.07l0.05-1.66c0.01-0.25-0.17-0.47-0.42-0.51l-2.88-0.44\r\n\t\t\tc-0.25-0.04-0.49,0.12-0.56,0.36l-0.45,1.6c-0.68,0.08-1.35,0.24-2,0.49l-1.13-1.21c-0.17-0.19-0.46-0.21-0.66-0.06l-2.35,1.72\r\n\t\t\tc-0.2,0.15-0.26,0.43-0.14,0.65l0.81,1.45c-0.43,0.54-0.79,1.13-1.07,1.76l-1.72-0.07c-0.02,0-0.05,0.01-0.07,0.01l-2.6-2.96\r\n\t\t\tc0.96-4.31-0.17-8.94-2.94-12.09c-2.67-3.01-6.48-4.32-10.19-3.5c-0.32,0.07-0.57,0.31-0.68,0.64c-0.11,0.34-0.04,0.72,0.2,0.99\r\n\t\t\tl5.39,6.18c-0.34,2.51-0.75,5.32-0.92,6.13l-5.96,1.69l-5.37-6.07c-0.23-0.26-0.58-0.37-0.91-0.28c-0.35,0.1-0.6,0.39-0.67,0.77\r\n\t\t\tc-0.71,4.15,0.44,8.41,3.08,11.39c2.95,3.34,7.22,4.55,11.22,3.23l24.97,28.25c1.06,1.2,2.47,1.86,3.98,1.86\r\n\t\t\tc1.5,0,2.91-0.66,3.98-1.86C57.06,55.23,57.06,51.27,54.91,48.83z M34.42,24.36c0.22,0.02,0.41-0.12,0.49-0.32\r\n\t\t\tc0.3-0.76,0.72-1.45,1.26-2.07c0.14-0.16,0.16-0.39,0.06-0.57l-0.76-1.36l1.63-1.19l1.07,1.14c0.14,0.15,0.37,0.2,0.56,0.12\r\n\t\t\tc0.75-0.33,1.54-0.52,2.35-0.57c0.21-0.01,0.39-0.16,0.45-0.36l0.42-1.5l2,0.31l-0.05,1.56c-0.01,0.21,0.12,0.4,0.32,0.48\r\n\t\t\tc0.76,0.3,1.45,0.72,2.07,1.26c0.16,0.14,0.39,0.16,0.57,0.06l1.36-0.76l1.2,1.63l-1.14,1.07c-0.15,0.14-0.2,0.37-0.12,0.56\r\n\t\t\tc0.33,0.75,0.52,1.54,0.57,2.35c0.01,0.21,0.16,0.39,0.37,0.45l1.57,0.44l-0.31,2L48.73,29c-0.2-0.02-0.41,0.12-0.48,0.32\r\n\t\t\tc-0.3,0.76-0.72,1.45-1.26,2.07c-0.14,0.16-0.16,0.39-0.06,0.57l0.76,1.36l-1.63,1.2l-1.07-1.14c-0.14-0.15-0.37-0.2-0.56-0.12\r\n\t\t\tc-0.75,0.33-1.54,0.52-2.35,0.57c-0.21,0.01-0.39,0.16-0.45,0.36l-0.46,1.63l-1.99-0.31l0.08-1.69c0.01-0.21-0.12-0.41-0.32-0.49\r\n\t\t\tc-0.76-0.3-1.45-0.72-2.07-1.26c-0.16-0.14-0.39-0.16-0.57-0.06l-1.36,0.76l-1.19-1.63l1.14-1.07c0.15-0.14,0.2-0.37,0.12-0.56\r\n\t\t\tc-0.33-0.75-0.52-1.54-0.58-2.35c-0.01-0.21-0.16-0.39-0.36-0.45l-1.57-0.44l0.31-2L34.42,24.36z M54.16,56.98\r\n\t\t\tc-0.87,0.98-2.02,1.53-3.23,1.53c-1.21,0-2.36-0.54-3.23-1.53l-25.2-28.5c-0.14-0.15-0.35-0.2-0.54-0.13\r\n\t\t\tc-3.7,1.36-7.7,0.28-10.45-2.84c-2.43-2.74-3.49-6.66-2.91-10.46l5.32,6.01c0.24,0.27,0.59,0.37,0.92,0.27l6.29-1.79\r\n\t\t\tc0.39-0.12,0.45-0.14,1.35-6.83c0.08-0.33-0.01-0.66-0.22-0.91l-5.46-6.1c3.35-0.74,6.8,0.45,9.22,3.19\r\n\t\t\tc2.57,2.91,3.61,7.2,2.72,11.21c-0.08,0.34,0.02,0.71,0.26,0.94l2.79,3.16l-0.37,2.37c-0.04,0.25,0.12,0.49,0.36,0.56l1.66,0.47\r\n\t\t\tc0.08,0.68,0.24,1.35,0.49,2l-1.21,1.13c-0.18,0.17-0.21,0.46-0.06,0.66l1.72,2.35c0.15,0.21,0.43,0.27,0.65,0.14l1.45-0.81\r\n\t\t\tc0.54,0.43,1.13,0.79,1.75,1.07l-0.09,1.79c-0.01,0.26,0.17,0.48,0.42,0.52l2.88,0.44c0.03,0,0.05,0.01,0.08,0.01\r\n\t\t\tc0.22,0,0.42-0.15,0.48-0.37l0.18-0.64l11.97,13.6C55.99,51.57,55.99,54.93,54.16,56.98z\"\r\n      />\r\n      <path\r\n        d=\"M41.06,30c0.17,0.03,0.35,0.04,0.52,0.04c0.71,0,1.4-0.22,1.98-0.65c0.72-0.53,1.2-1.31,1.34-2.2s-0.08-1.78-0.61-2.5\r\n\t\t\ts-1.31-1.2-2.2-1.34c-0.89-0.14-1.78,0.08-2.5,0.61c-0.72,0.53-1.2,1.31-1.34,2.2s0.08,1.78,0.61,2.5\r\n\t\t\tC39.39,29.38,40.17,29.86,41.06,30z M39.24,26.31c0.1-0.62,0.43-1.17,0.94-1.54c0.41-0.3,0.89-0.46,1.39-0.46\r\n\t\t\tc0.12,0,0.24,0.01,0.37,0.03c0.62,0.1,1.17,0.43,1.54,0.94c0.37,0.51,0.52,1.13,0.43,1.76c-0.1,0.62-0.43,1.17-0.94,1.55\r\n\t\t\tc-0.51,0.37-1.13,0.52-1.76,0.43c-0.62-0.1-1.17-0.43-1.54-0.94C39.3,27.56,39.15,26.94,39.24,26.31z\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const DocumentLibraryIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M47.8999 58.3H16.0999C13.4999 58.3 11.3999 56.3 11.3999 53.9V15.9C11.3999 13.5 13.4999 11.5 16.0999 11.5H23.0999C23.3999 11.5 23.5999 11.7 23.5999 12C23.5999 12.3 23.3999 12.5 23.0999 12.5H16.0999C13.9999 12.5 12.3999 14 12.3999 15.9V53.9C12.3999 55.8 14.0999 57.3 16.0999 57.3H47.9999C50.0999 57.3 51.6999 55.8 51.6999 53.9V15.9C51.6999 14 49.9999 12.5 47.9999 12.5H40.9999C40.6999 12.5 40.4999 12.3 40.4999 12C40.4999 11.7 40.6999 11.5 40.9999 11.5H47.9999C50.5999 11.5 52.6999 13.5 52.6999 15.9V53.9C52.6999 56.3 50.4999 58.3 47.8999 58.3Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.2 24H28C27.7 24 27.5 23.8 27.5 23.5C27.5 23.2 27.7 23 28 23H44.2C44.5 23 44.7 23.2 44.7 23.5C44.7 23.8 44.5 24 44.2 24Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M41 16.5998H23C22.7 16.5998 22.5 16.3998 22.5 16.0998V7.6998C22.5 7.3998 22.7 7.1998 23 7.1998H27.3C27.6 4.9998 29.6 3.2998 32 3.2998C34.4 3.2998 36.4 4.9998 36.7 7.1998H41C41.3 7.1998 41.5 7.3998 41.5 7.6998V16.0998C41.5 16.3998 41.2 16.5998 41 16.5998ZM23.5 15.5998H40.4V8.1998H36.2C35.9 8.1998 35.7 7.9998 35.7 7.6998C35.7 5.7998 34 4.2998 32 4.2998C30 4.2998 28.3 5.7998 28.3 7.6998C28.3 7.9998 28.1 8.1998 27.8 8.1998H23.5V15.5998Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M22.7999 26.4C21.1999 26.4 19.8999 25.1 19.8999 23.5C19.8999 21.9 21.1999 20.5 22.7999 20.5C24.3999 20.5 25.7999 21.8 25.7999 23.5C25.7999 25.1 24.4999 26.4 22.7999 26.4ZM22.7999 21.5C21.6999 21.5 20.8999 22.4 20.8999 23.5C20.8999 24.6 21.7999 25.4 22.7999 25.4C23.7999 25.4 24.7999 24.5 24.7999 23.5C24.7999 22.5 23.8999 21.5 22.7999 21.5Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.2 34H28C27.7 34 27.5 33.8 27.5 33.5C27.5 33.2 27.7 33 28 33H44.2C44.5 33 44.7 33.2 44.7 33.5C44.7 33.8 44.5 34 44.2 34Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M22.7999 36.3999C21.1999 36.3999 19.8999 35.0999 19.8999 33.3999C19.8999 31.6999 21.1999 30.3999 22.7999 30.3999C24.3999 30.3999 25.7999 31.6999 25.7999 33.3999C25.7999 35.0999 24.4999 36.3999 22.7999 36.3999ZM22.7999 31.4999C21.6999 31.4999 20.8999 32.3999 20.8999 33.4999C20.8999 34.5999 21.7999 35.4999 22.7999 35.4999C23.7999 35.4999 24.7999 34.5999 24.7999 33.4999C24.7999 32.3999 23.8999 31.4999 22.7999 31.4999Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.2 44H28C27.7 44 27.5 43.8 27.5 43.5C27.5 43.2 27.7 43 28 43H44.2C44.5 43 44.7 43.2 44.7 43.5C44.7 43.8 44.5 44 44.2 44Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M22.7999 46.3999C21.1999 46.3999 19.8999 45.0999 19.8999 43.3999C19.8999 41.6999 21.1999 40.3999 22.7999 40.3999C24.3999 40.3999 25.7999 41.6999 25.7999 43.3999C25.7999 45.0999 24.4999 46.3999 22.7999 46.3999ZM22.7999 41.4999C21.6999 41.4999 20.8999 42.3999 20.8999 43.4999C20.8999 44.5999 21.7999 45.4999 22.7999 45.4999C23.7999 45.4999 24.7999 44.5999 24.7999 43.4999C24.7999 42.3999 23.8999 41.4999 22.7999 41.4999Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const DescriptionIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\r\n      <path\r\n        opacity=\"0.25\"\r\n        d=\"M3 4C3 2.34315 4.34315 1 6 1H15.7574C16.553 1 17.3161 1.31607 17.8787 1.87868L20.1213 4.12132C20.6839 4.68393 21 5.44699 21 6.24264V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M15 1.89181C15 1.39927 15.3993 1 15.8918 1C16.6014 1 17.2819 1.28187 17.7836 1.78361L20.2164 4.21639C20.7181 4.71813 21 5.39863 21 6.10819C21 6.60073 20.6007 7 20.1082 7H16C15.4477 7 15 6.55228 15 6V1.89181Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M9 12C8.44771 12 8 12.4477 8 13C8 13.5523 8.44771 14 9 14H15C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12H9Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M9 16C8.44771 16 8 16.4477 8 17C8 17.5523 8.44771 18 9 18H12C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16H9Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const DescriptionIconUnread = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\r\n      <path\r\n        opacity=\"0.25\"\r\n        d=\"M3 4C3 2.34315 4.34315 1 6 1H15.7574C16.553 1 17.3161 1.31607 17.8787 1.87868L20.1213 4.12132C20.6839 4.68393 21 5.44699 21 6.24264V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M15 1.89181C15 1.39927 15.3993 1 15.8918 1C16.6014 1 17.2819 1.28187 17.7836 1.78361L20.2164 4.21639C20.7181 4.71813 21 5.39863 21 6.10819C21 6.60073 20.6007 7 20.1082 7H16C15.4477 7 15 6.55228 15 6V1.89181Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const DocumentUploadIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 16 20\">\r\n      <path\r\n        d=\"M10 0H2C0.9 0 0.0100002 0.9 0.0100002 2L0 18C0 19.1 0.89 20 1.99 20H14C15.1 20 16 19.1 16 18V6L10 0ZM14 18H2V2H9V7H14V18ZM4 13.01L5.41 14.42L7 12.84V17H9V12.84L10.59 14.43L12 13.01L8.01 9L4 13.01Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\n// export const MailIcon = (props: any) => {\r\n//   return (\r\n//     <SvgIcon {...props} viewBox=\"0 0 24 24\">\r\n//       <path d=\"M19.4998 18.8248H4.4998C3.8248 18.8248 3.2998 18.2998 3.2998 17.6248V6.3748C3.2998 5.6998 3.8248 5.1748 4.4998 5.1748H19.4998C20.1748 5.1748 20.6998 5.6998 20.6998 6.3748V17.5498C20.6998 18.2998 20.1748 18.8248 19.4998 18.8248ZM4.7998 17.3248H19.1998V6.6748H4.7998V17.3248Z\" />\r\n//       <path d=\"M12 13.7996C11.7 13.7996 11.4 13.7246 11.175 13.4996L4.12503 6.89957C3.82503 6.59957 3.82503 6.14957 4.05003 5.84957C4.35003 5.54957 4.80003 5.54957 5.10003 5.77457L11.925 12.1496L18.975 5.62457C19.275 5.32457 19.725 5.39957 20.025 5.69957C20.325 5.99957 20.25 6.44957 19.95 6.74957L12.825 13.4996C12.6 13.7246 12.3 13.7996 12 13.7996Z\" />\r\n//       <path d=\"M4.6499 18.3C4.4249 18.3 4.2749 18.225 4.1249 18.075C3.8249 17.775 3.8249 17.325 4.1249 17.025L9.9749 11.475C10.2749 11.175 10.7249 11.175 11.0249 11.475C11.3249 11.775 11.3249 12.225 11.0249 12.525L5.1749 18.075C5.0249 18.225 4.7999 18.3 4.6499 18.3Z\" />\r\n//       <path d=\"M19.3499 18.2994C19.1999 18.2994 18.9749 18.2244 18.8249 18.0744L13.1249 12.6744C12.8249 12.3744 12.8249 11.9244 13.1249 11.6244C13.4249 11.3244 13.8749 11.3244 14.1749 11.6244L19.8749 17.0244C20.1749 17.3244 20.1749 17.7744 19.8749 18.0744C19.7999 18.2244 19.5749 18.2994 19.3499 18.2994Z\" />\r\n//     </SvgIcon>\r\n//   );\r\n// };\r\n\r\nexport const YourMessagesIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M52.9 53.2002C52.8 53.2002 52.6 53.1002 52.5 53.1002L45.3 45.9002H20.1C18.9 45.9002 18 44.9002 18 43.8002V37.9002C18 37.6002 18.2 37.4002 18.5 37.4002C18.8 37.4002 19 37.6002 19 37.9002V43.8002C19 44.4002 19.5 44.9002 20.1 44.9002H45.5C45.6 44.9002 45.8 45.0002 45.9 45.0002L52.4 51.5002V45.3002C52.4 45.0002 52.6 44.8002 52.9 44.8002H58.6C59.2 44.8002 59.7 44.3002 59.7 43.7002V18.3002C59.7 17.7002 59.2 17.2002 58.6 17.2002H45.2C44.9 17.2002 44.7 17.0002 44.7 16.7002C44.7 16.4002 44.9 16.2002 45.2 16.2002H58.6C59.8 16.2002 60.7 17.2002 60.7 18.3002V43.7002C60.7 44.9002 59.7 45.8002 58.6 45.8002H53.4V52.7002C53.4 52.9002 53.3 53.1002 53.1 53.2002C53 53.2002 52.9 53.2002 52.9 53.2002Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M54.9002 25.2002H45.2002C44.9002 25.2002 44.7002 25.0002 44.7002 24.7002C44.7002 24.4002 44.9002 24.2002 45.2002 24.2002H54.9002C55.2002 24.2002 55.4002 24.4002 55.4002 24.7002C55.4002 25.0002 55.2002 25.2002 54.9002 25.2002Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M54.9002 29.9004H45.2002C44.9002 29.9004 44.7002 29.7004 44.7002 29.4004C44.7002 29.1004 44.9002 28.9004 45.2002 28.9004H54.9002C55.2002 28.9004 55.4002 29.1004 55.4002 29.4004C55.4002 29.7004 55.2002 29.9004 54.9002 29.9004Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M54.9002 34.6006H45.2002C44.9002 34.6006 44.7002 34.4006 44.7002 34.1006C44.7002 33.8006 44.9002 33.6006 45.2002 33.6006H54.9002C55.2002 33.6006 55.4002 33.8006 55.4002 34.1006C55.4002 34.4006 55.2002 34.6006 54.9002 34.6006Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M38.2998 17.2002H10.2998C9.9998 17.2002 9.7998 17.0002 9.7998 16.7002C9.7998 16.4002 9.9998 16.2002 10.2998 16.2002H38.2998C38.5998 16.2002 38.7998 16.4002 38.7998 16.7002C38.7998 17.0002 38.5998 17.2002 38.2998 17.2002Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M38.2998 21.9004H10.2998C9.9998 21.9004 9.7998 21.7004 9.7998 21.4004C9.7998 21.1004 9.9998 20.9004 10.2998 20.9004H38.2998C38.5998 20.9004 38.7998 21.1004 38.7998 21.4004C38.7998 21.7004 38.5998 21.9004 38.2998 21.9004Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M38.2998 26.6006H10.2998C9.9998 26.6006 9.7998 26.4006 9.7998 26.1006C9.7998 25.8006 9.9998 25.6006 10.2998 25.6006H38.2998C38.5998 25.6006 38.7998 25.8006 38.7998 26.1006C38.7998 26.4006 38.5998 26.6006 38.2998 26.6006Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M10.8 45.7002C10.7 45.7002 10.7 45.7002 10.6 45.7002C10.4 45.6002 10.3 45.4002 10.3 45.2002V38.3002H5.1C3.9 38.3002 3 37.3002 3 36.2002V10.8002C3 9.6002 4 8.7002 5.1 8.7002H43.6C44.8 8.7002 45.7 9.7002 45.7 10.8002V36.2002C45.7 37.4002 44.7 38.3002 43.6 38.3002H18.4L11.2 45.5002C11.1 45.7002 10.9 45.7002 10.8 45.7002ZM5.1 9.7002C4.5 9.7002 4 10.2002 4 10.8002V36.2002C4 36.8002 4.5 37.3002 5.1 37.3002H10.8C11.1 37.3002 11.3 37.5002 11.3 37.8002V44.0002L17.8 37.5002C17.9 37.4002 18 37.4002 18.2 37.4002H43.6C44.2 37.4002 44.7 36.9002 44.7 36.3002V10.8002C44.7 10.2002 44.2 9.7002 43.6 9.7002H5.1Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const FundCentreIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M45.8902 10.2602C38.4219 5.65746 29.2777 5.13838 21.3405 8.85417L21.335 8.84315L20.8901 9.06133C16.6483 11.1414 12.9259 14.3947 10.2647 18.7077L10.2645 18.708C6.82861 24.285 5.75764 30.6587 6.78735 36.6443C7.14437 38.7555 7.76645 40.8152 8.63304 42.7727L8.83765 43.2349L8.84441 43.2318C10.9808 47.8407 14.3912 51.677 18.7302 54.3502C22.8202 56.8702 27.5002 58.2002 32.2902 58.2002H32.5502C32.6016 58.2002 32.651 58.1924 32.6973 58.1781C33.9728 58.157 35.2428 58.0421 36.4965 57.8359L36.5139 57.8358L36.5139 57.833C38.9747 57.4264 41.3725 56.6679 43.626 55.5763L43.6608 55.5762L43.6607 55.5594C47.9236 53.4866 51.6678 50.2206 54.3414 45.8895C54.3969 45.8052 54.4497 45.7078 54.487 45.6387L54.5102 45.6002C61.7602 33.5102 57.8902 17.6502 45.8902 10.2602ZM27.5077 21.1502L32.2952 30.6487L40.1902 8.69016C34.2115 6.68059 27.6631 7.00003 21.784 9.7384L27.5077 21.1502ZM32.9706 31.7392L53.9111 44.6486C60.5299 33.0789 56.7597 18.1299 45.3702 11.1102C44.0102 10.2702 42.6002 9.58016 41.1402 9.02016L32.9706 31.7392ZM25.1417 18.6777L26.5679 21.5074L27.0868 22.5419C25.54 23.4129 24.1864 24.6755 23.1901 26.2904C21.3257 29.3187 21.1289 32.9076 22.3423 35.9811L18.4051 37.7755C16.6193 33.4335 16.8626 28.3246 19.5102 24.0305C20.9177 21.7508 22.8535 19.9252 25.1417 18.6777ZM24.7377 17.8761C22.3027 19.1979 20.2427 21.1394 18.7502 23.5605C15.9394 28.1182 15.6864 33.5419 17.5912 38.1464L14.1124 39.7319C11.7002 34.0052 11.9935 27.2343 15.5001 21.5605C17.3669 18.5253 19.9551 16.1034 23.0196 14.4673L24.7377 17.8761ZM22.5655 13.5664C19.3401 15.2849 16.6119 17.8339 14.6401 21.0305C10.9581 27.0045 10.6578 34.1268 13.2045 40.1457L9.34748 41.9035C8.61792 40.161 8.08815 38.3394 7.77324 36.4769L7.77299 36.4755C6.78292 30.7213 7.812 24.5953 11.1159 19.2325C13.577 15.244 16.9805 12.1994 20.8654 10.1932L22.5655 13.5664ZM23.2482 35.5682C22.1653 32.7872 22.3509 29.5491 24.0401 26.8204C24.9357 25.3687 26.1502 24.2309 27.538 23.4416L29.2816 26.9179C28.5225 27.3889 27.8589 28.0385 27.3602 28.8504C26.3786 30.4391 26.2341 32.3111 26.8041 33.9476L23.2482 35.5682ZM27.7055 33.5368L30.318 32.3461L31.6902 31.7202L29.733 27.8178C29.1261 28.2058 28.5944 28.7312 28.1902 29.3804C27.5002 30.5104 27.2802 31.8404 27.5902 33.1304C27.6233 33.2682 27.6618 33.4038 27.7055 33.5368ZM19.2402 53.4802C15.0737 50.9123 11.8057 47.2363 9.74536 42.8212L31.8604 32.7421L32.0211 55.8669L32.023 57.1801C27.5155 57.1388 23.0982 55.8589 19.2402 53.4802ZM35.6026 56.9585C34.7561 57.0722 33.9029 57.1428 33.0466 57.1695L32.9025 36.1186L32.8979 32.9613L32.9695 32.9251L35.5704 34.5268L35.6026 56.9585ZM36.5124 56.8192L36.4812 35.0877L39.1437 36.7273L39.1718 56.2117C38.2972 56.4622 37.4093 56.665 36.5124 56.8192ZM40.0814 55.9323L40.0546 37.2882L42.7264 38.9336L42.7497 54.8844C41.8798 55.285 40.9888 55.6347 40.0814 55.9323ZM43.6591 54.443L43.6373 39.4945L46.2999 41.1342L46.3168 52.8703C45.4612 53.4515 44.5733 53.9762 43.6591 54.443ZM47.2259 52.2224L47.2107 41.6951L49.8831 43.3408L49.8926 49.9151C49.053 50.7536 48.1612 51.5234 47.2259 52.2224ZM50.8012 48.9578L50.7939 43.9017L53.4007 45.5087C52.6217 46.7519 51.7504 47.9027 50.8012 48.9578Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const CommunicateSecurelyIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <g clipPath=\"url(#clip0)\">\r\n        <path\r\n          fillRule=\"evenodd\"\r\n          clipRule=\"evenodd\"\r\n          d=\"M45.8002 30.5004C45.7502 30.5004 45.6752 30.4754 45.6002 30.4504C45.5252 30.4254 45.4502 30.4004 45.4002 30.4004L41.8002 26.8004V29.1004C41.8002 29.9004 41.1002 30.6004 40.3002 30.6004H25.3002L21.0002 34.8004C20.9002 34.9004 20.8002 35.0004 20.6002 35.0004H20.4002C20.2002 34.9004 20.1002 34.7004 20.1002 34.5004V30.6004H17.2002C16.4002 30.6004 15.7002 29.9004 15.7002 29.1004V13.9004C15.7002 13.1004 16.4002 12.4004 17.2002 12.4004H24.6002V9.40039C24.6002 8.60039 25.3002 7.90039 26.1002 7.90039H49.1002C49.9002 7.90039 50.6002 8.60039 50.6002 9.40039V24.6004C50.6002 25.4004 49.9002 26.1004 49.1002 26.1004H46.2002V30.0004C46.2002 30.2004 46.1002 30.4004 45.9002 30.5004H45.8002ZM41.4002 25.1004H41.3002H26.2002C25.9002 25.1004 25.7002 24.9004 25.7002 24.6004V23.4004V20.5004V17.7004V12.9004V9.40039C25.7002 9.10039 25.9002 8.90039 26.2002 8.90039H49.3002C49.6002 8.90039 49.8002 9.10039 49.8002 9.40039V24.6004C49.8002 24.9004 49.6002 25.1004 49.3002 25.1004H45.9002C45.6002 25.1004 45.4002 25.3004 45.4002 25.6004V28.8004L41.8002 25.2004C41.7502 25.2004 41.6752 25.1754 41.6002 25.1504C41.5252 25.1254 41.4502 25.1004 41.4002 25.1004ZM24.6002 24.6004V23.9004H19.4002C19.1002 23.9004 18.9002 23.7004 18.9002 23.4004C18.9002 23.1004 19.1002 22.9004 19.4002 22.9004H24.6002V21.0004H19.4002C19.1002 21.0004 18.9002 20.8004 18.9002 20.5004C18.9002 20.2004 19.1002 20.0004 19.4002 20.0004H24.6002V18.2004H19.4002C19.1002 18.2004 18.9002 18.0004 18.9002 17.7004C18.9002 17.4004 19.1002 17.2004 19.4002 17.2004H24.6002V13.4004H17.2002C16.9002 13.4004 16.7002 13.6004 16.7002 13.9004V29.1004C16.7002 29.4004 16.9002 29.6004 17.2002 29.6004H20.6002C20.9002 29.6004 21.1002 29.8004 21.1002 30.1004V33.3004L24.7002 29.7004C24.8002 29.6004 24.9002 29.6004 25.1002 29.6004H40.3002C40.6002 29.6004 40.8002 29.4004 40.8002 29.1004V26.1004H26.1002C25.3002 26.1004 24.6002 25.4004 24.6002 24.6004ZM50.2002 42.2787C53.0646 42.027 55.3002 39.632 55.3002 36.7006C55.3002 33.6006 52.8002 31.1006 49.7002 31.1006C46.6002 31.1006 44.1002 33.6006 44.1002 36.7006C44.1002 39.632 46.3357 42.027 49.2002 42.2787V44.3006H48.7002C45.0002 44.3006 42.0002 47.3006 42.0002 51.0006V55.3006H21.9002V54.0006H27.8002C28.1002 54.0006 28.3002 53.8006 28.3002 53.5006C28.3002 53.2006 28.1002 53.0006 27.8002 53.0006H21.8641C21.8138 52.5168 21.7121 52.0482 21.5644 51.6006H31.1002C31.5002 51.6006 31.8002 51.3006 31.7002 51.0006V40.4006C31.7002 40.0006 31.4002 39.7006 31.1002 39.7006H19.9967C19.999 39.6342 20.0002 39.5675 20.0002 39.5006C20.0002 36.4006 17.5002 33.9006 14.4002 33.9006C11.3002 33.9006 8.8002 36.4006 8.8002 39.5006C8.8002 42.432 11.0357 44.827 13.9002 45.0787V47.0006H13.4002C9.7002 47.0006 6.7002 50.0006 6.7002 53.7006V56.3005H57.2002V51.0006C57.2002 47.3006 54.2002 44.3006 50.5002 44.3006H50.2002V42.2787ZM55.7506 64.3005H54.4336C54.0423 64.6497 53.5958 64.9528 53.1002 65.2006L52.8002 65.3006V80.4006H46.6002V65.3006L46.3002 65.2006C45.8046 64.9528 45.3581 64.6497 44.9668 64.3005H43.4938C44.0434 64.9769 44.724 65.557 45.5002 66.0006V81.4006H53.7002V66.0006C54.5134 65.557 55.2036 64.9769 55.7506 64.3005ZM21.7495 64.3005H20.8308C20.4344 65.8918 19.3609 67.2202 17.8002 68.0006L17.5002 68.1006V83.1006H11.3002V68.1006L11.0002 68.0006C9.43949 67.2202 8.36595 65.8918 7.96964 64.3005H6.86035C7.28385 66.1349 8.51723 67.7389 10.2002 68.7006V84.1006H18.4002V68.7006C20.1633 67.7389 21.3484 66.1349 21.7495 64.3005ZM20.9002 53.5006C20.9002 53.3878 20.9284 53.2892 20.9796 53.21C20.73 50.2487 18.2399 48.0006 15.3002 48.0006H13.5002C10.3002 48.0006 7.8002 50.6006 7.8002 53.7006V55.3006H21.0002V53.8203C20.9361 53.7367 20.9002 53.6276 20.9002 53.5006ZM21.1426 50.6031C21.1614 50.6015 21.1806 50.6006 21.2002 50.6006H30.7002V40.7006H19.8721C19.3592 43.063 17.362 44.8624 14.9002 45.0787V47.0006H15.2002C17.7827 47.0006 20.0243 48.4621 21.1426 50.6031ZM43.1002 55.3006H56.3002V50.9006C56.3002 47.7006 53.7002 45.2006 50.6002 45.2006H48.8002C45.6002 45.2006 43.1002 47.8006 43.1002 50.9006V55.3006ZM49.7002 41.3006C47.2002 41.3006 45.1002 39.2006 45.1002 36.7006C45.1002 34.2006 47.2002 32.1006 49.7002 32.1006C52.2002 32.1006 54.3002 34.2006 54.3002 36.7006C54.3002 39.2006 52.2002 41.3006 49.7002 41.3006ZM19.0002 39.5006C19.0002 42.0006 16.9002 44.0006 14.4002 44.0006C11.9002 44.0006 9.8002 41.9006 9.8002 39.4006C9.8002 36.9006 11.9002 34.8006 14.4002 34.8006C16.9002 34.8006 19.0002 37.0006 19.0002 39.5006ZM29.4002 13.4004H46.1002C46.4002 13.4004 46.6002 13.2004 46.6002 12.9004C46.6002 12.6004 46.4002 12.4004 46.1002 12.4004H29.4002C29.1002 12.4004 28.9002 12.6004 28.9002 12.9004C28.9002 13.2004 29.1002 13.4004 29.4002 13.4004ZM46.1002 16.2004H29.4002C29.1002 16.2004 28.9002 16.0004 28.9002 15.7004C28.9002 15.4004 29.1002 15.2004 29.4002 15.2004H46.1002C46.4002 15.2004 46.6002 15.4004 46.6002 15.7004C46.6002 16.0004 46.4002 16.2004 46.1002 16.2004ZM29.4002 19.1004H46.1002C46.4002 19.1004 46.6002 18.9004 46.6002 18.6004C46.6002 18.3004 46.4002 18.1004 46.1002 18.1004H29.4002C29.1002 18.1004 28.9002 18.3004 28.9002 18.6004C28.9002 18.9004 29.1002 19.1004 29.4002 19.1004Z\"\r\n          fill=\"black\"\r\n        />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"clip0\">\r\n          <rect width=\"64\" height=\"64\" fill=\"white\" />\r\n        </clipPath>\r\n      </defs>\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const ESGReportIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M32 48.0997C22.2 48.0997 14.3 40.1997 14.3 30.3997C14.3 20.5997 22.2 12.6997 32 12.6997C41.8 12.6997 49.7001 20.5997 49.7001 30.3997C49.7001 40.0997 41.8 48.0997 32 48.0997ZM32 13.6997C22.8 13.6997 15.3 21.1997 15.3 30.3997C15.3 39.5997 22.8 47.0997 32 47.0997C41.2001 47.0997 48.7001 39.5997 48.7001 30.3997C48.7001 21.1997 41.2001 13.6997 32 13.6997Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M32 47.9C22.2 47.9 14.3 40 14.3 30.2C14.3 20.4 22.2 12.5 32 12.5C41.8 12.5 49.7001 20.4 49.7001 30.2C49.7001 40 41.8 47.9 32 47.9ZM32 13.5C22.8 13.5 15.3 21 15.3 30.2C15.3 39.4 22.8 46.9 32 46.9C41.2001 46.9 48.7001 39.4 48.7001 30.2C48.7001 21 41.2001 13.5 32 13.5Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M59.8001 52.0998H4.2001C3.6001 52.0998 3.1001 51.5998 3.1001 50.9998V9.8998C3.1001 9.2998 3.6001 8.7998 4.2001 8.7998H59.7001C60.3001 8.7998 60.8001 9.2998 60.8001 9.8998V50.9998C60.9001 51.5998 60.4001 52.0998 59.8001 52.0998ZM4.2001 9.7998C4.1001 9.7998 4.1001 9.7998 4.1001 9.8998V50.9998C4.1001 51.0998 4.1001 51.0998 4.2001 51.0998H59.7001C59.8001 51.0998 59.8001 51.0998 59.8001 50.9998V9.8998C59.8001 9.7998 59.8001 9.7998 59.7001 9.7998H4.2001Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.1001 56.0996H20.4001C20.1001 56.0996 19.9001 55.8996 19.9001 55.5996C19.9001 55.2996 20.1001 55.0996 20.4001 55.0996H44.2001C44.5001 55.0996 44.7001 55.2996 44.7001 55.5996C44.7001 55.8996 44.4001 56.0996 44.1001 56.0996Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42 22.6997H34.3C34 22.6997 33.8 22.4997 33.8 22.1997C33.8 21.8997 34 21.6997 34.3 21.6997H42C42.3 21.6997 42.5 21.8997 42.5 22.1997C42.5 22.4997 42.2 22.6997 42 22.6997Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42 32.2998H34.3C34 32.2998 33.8 32.0998 33.8 31.7998C33.8 31.4998 34 31.2998 34.3 31.2998H42C42.3 31.2998 42.5 31.4998 42.5 31.7998C42.5 32.0998 42.2 32.2998 42 32.2998Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42 27.5H34.3C34 27.5 33.8 27.3 33.8 27C33.8 26.7 34 26.5 34.3 26.5H42C42.3 26.5 42.5 26.7 42.5 27C42.5 27.3 42.2 27.5 42 27.5Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M25.0001 39.6998H21.6001C21.3001 39.6998 21.1001 39.4998 21.1001 39.1998V35.2998C21.1001 34.9998 21.3001 34.7998 21.6001 34.7998H25.0001C25.3001 34.7998 25.5001 34.9998 25.5001 35.2998V39.1998C25.5001 39.4998 25.2001 39.6998 25.0001 39.6998ZM22.0001 38.6998H24.4001V35.7998H22.0001V38.6998Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M28.4 39.6998H25C24.7 39.6998 24.5 39.4998 24.5 39.1998V30.7998C24.5 30.4998 24.7 30.2998 25 30.2998H28.4C28.7 30.2998 28.9 30.4998 28.9 30.7998V39.1998C28.9 39.4998 28.7 39.6998 28.4 39.6998ZM25.5 38.6998H27.9V31.2998H25.5V38.6998Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M31.8001 39.6997H28.4001C28.1001 39.6997 27.9001 39.4997 27.9001 39.1997V33.1997C27.9001 32.8997 28.1001 32.6997 28.4001 32.6997H31.8001C32.1001 32.6997 32.3001 32.8997 32.3001 33.1997V39.1997C32.3001 39.4997 32.1001 39.6997 31.8001 39.6997ZM28.9001 38.6997H31.3001V33.6997H28.9001V38.6997Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M26.7002 27.5C24.8002 27.5 23.2002 25.9 23.2002 24C23.2002 22.1 24.8002 20.5 26.7002 20.5C28.6002 20.5 30.2002 22.1 30.2002 24C30.2002 25.9 28.6002 27.5 26.7002 27.5ZM26.7002 21.5C25.3002 21.5 24.2002 22.6 24.2002 24C24.2002 25.4 25.3002 26.5 26.7002 26.5C28.1002 26.5 29.2002 25.4 29.2002 24C29.2002 22.6 28.1002 21.5 26.7002 21.5Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\nexport const ESGPodcastIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M49.6998 30.32C49.6998 30.29 49.6998 30.27 49.6998 30.24C49.6998 20.48 41.7598 12.54 31.9998 12.54C22.2398 12.54 14.2998 20.48 14.2998 30.24C14.2998 30.27 14.2998 30.29 14.2998 30.32C14.2998 30.34 14.2998 30.35 14.2998 30.37C14.2998 30.38 14.2998 30.38 14.2998 30.39C14.3498 35.97 17.0598 41.26 21.5798 44.56C21.6698 44.62 21.7698 44.66 21.8698 44.66C22.0198 44.66 22.1798 44.59 22.2698 44.45C22.4298 44.23 22.3798 43.91 22.1598 43.75C17.8798 40.63 15.3098 35.61 15.2898 30.32C15.3198 21.13 22.7998 13.66 31.9898 13.66C41.1798 13.66 48.6598 21.13 48.6898 30.32C48.6598 35.57 46.1298 40.56 41.8998 43.69C41.6798 43.85 41.6298 44.17 41.7898 44.39C41.9498 44.61 42.2698 44.66 42.4898 44.5C46.9598 41.2 49.6398 35.94 49.6798 30.4C49.6798 30.39 49.6798 30.39 49.6798 30.38C49.6998 30.35 49.6998 30.33 49.6998 30.32Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42.0201 49.3801C41.8401 49.3801 41.6701 49.2901 41.5801 49.1201C41.4501 48.8801 41.5401 48.5701 41.7801 48.4401C48.4901 44.8301 52.6601 37.8501 52.6601 30.2401C52.6601 18.8501 43.3901 9.58008 32.0001 9.58008C20.6101 9.58008 11.3401 18.8501 11.3401 30.2401C11.3401 37.8301 15.4901 44.7901 22.1601 48.4101C22.4001 48.5401 22.4901 48.8501 22.3601 49.0901C22.2301 49.3301 21.9201 49.4201 21.6801 49.2901C14.6801 45.4901 10.3301 38.1901 10.3301 30.2401C10.3301 18.3001 20.0501 8.58008 31.9901 8.58008C43.9301 8.58008 53.6501 18.3001 53.6501 30.2401C53.6501 38.2201 49.2801 45.5301 42.2501 49.3201C42.1801 49.3601 42.1001 49.3801 42.0201 49.3801Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42.0199 54.0796C41.8299 54.0796 41.6399 53.9696 41.5599 53.7796C41.4499 53.5296 41.5699 53.2296 41.8199 53.1196C50.9799 49.1796 56.8899 40.1996 56.8899 30.2396C56.8899 16.5096 45.7199 5.34961 31.9999 5.34961C18.2699 5.34961 7.10986 16.5196 7.10986 30.2396C7.10986 40.1796 12.9999 49.1496 22.1299 53.0896C22.3799 53.1996 22.4999 53.4896 22.3899 53.7496C22.2799 53.9996 21.9899 54.1196 21.7299 54.0096C12.2399 49.9096 6.10986 40.5696 6.10986 30.2396C6.10986 15.9596 17.7199 4.34961 31.9999 4.34961C46.2799 4.34961 57.8899 15.9596 57.8899 30.2396C57.8899 40.5996 51.7399 49.9396 42.2099 54.0396C42.1499 54.0596 42.0799 54.0796 42.0199 54.0796Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M32.7298 27.79H32.4998V25.72C34.8898 25.47 36.7598 23.46 36.7598 21.01C36.7598 18.38 34.6198 16.25 31.9998 16.25C29.3798 16.25 27.2398 18.39 27.2398 21.01C27.2398 23.46 29.1098 25.47 31.4998 25.72V27.79H31.2698C28.1398 27.79 25.5898 30.34 25.5898 33.47V41.16C25.5898 43.2 26.6898 45.06 28.4798 46.08V59.73H35.5298V46.08C37.3198 45.06 38.4198 43.21 38.4198 41.16V33.47C38.4098 30.34 35.8598 27.79 32.7298 27.79ZM28.2398 21.01C28.2398 18.94 29.9298 17.25 31.9998 17.25C34.0798 17.25 35.7598 18.94 35.7598 21.01C35.7598 23.08 34.0698 24.77 31.9998 24.77C29.9298 24.77 28.2398 23.08 28.2398 21.01ZM37.4098 41.17C37.4098 42.94 36.4098 44.54 34.7998 45.34L34.5198 45.48V58.74H29.4698V45.47L29.1898 45.33C27.5798 44.52 26.5798 42.93 26.5798 41.16V33.47C26.5798 30.89 28.6798 28.79 31.2598 28.79H32.7198C35.2998 28.79 37.3998 30.89 37.3998 33.47V41.17H37.4098Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const ViewPortfolioIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M22.9999 21.2996C20.7999 21.2996 18.8999 19.4996 18.8999 17.1996C18.8999 14.9996 20.6999 13.0996 22.9999 13.0996C25.2999 13.0996 27.0999 14.8996 27.0999 17.1996C27.0999 19.4996 25.2999 21.2996 22.9999 21.2996ZM22.9999 14.1996C21.2999 14.1996 19.8999 15.5996 19.8999 17.2996C19.8999 18.9996 21.2999 20.3996 22.9999 20.3996C24.6999 20.3996 26.0999 18.9996 26.0999 17.2996C26.0999 15.5996 24.6999 14.1996 22.9999 14.1996Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path d=\"M23.5 20.5H22.5V23H23.5V20.5Z\" fill=\"black\" />\r\n      <path\r\n        d=\"M26.1001 49.6988H20.0001V38.1988C18.5001 37.2988 17.6001 35.7988 17.6001 33.9988V27.5988C17.6001 24.8988 19.8001 22.7988 22.4001 22.7988H23.6001C26.3001 22.7988 28.4001 24.9988 28.4001 27.5988V33.9988C28.4001 35.6988 27.5001 37.2988 26.0001 38.1988V49.6988H26.1001ZM21.0001 48.6988H25.1001V37.6988L25.4001 37.5988C26.7001 36.8988 27.5001 35.5988 27.5001 34.1988V27.7988C27.5001 25.6988 25.8001 23.9988 23.7001 23.9988H22.5001C20.4001 23.9988 18.7001 25.6988 18.7001 27.7988V34.1988C18.7001 35.5988 19.5001 36.9988 20.8001 37.5988L21.1001 37.6988V48.6988H21.0001Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M43.2002 37.0002C43.1002 37.0002 43.1002 37.0002 43.2002 37.0002C42.9002 37.0002 42.7002 36.7002 42.7002 36.5002L44.0002 13.9002C44.0002 13.7002 44.1002 13.6002 44.2002 13.5002C44.3002 13.4002 44.5002 13.4002 44.6002 13.4002L45.4002 13.6002L42.7002 9.50017L38.1002 11.6002L38.8002 11.8002C39.0002 11.8002 39.1002 12.0002 39.1002 12.1002C39.1002 12.2002 39.1002 12.4002 39.0002 12.6002L28.4002 28.0002C28.2002 28.2002 27.9002 28.3002 27.7002 28.1002C27.5002 27.9002 27.4002 27.6002 27.6002 27.4002L37.9002 12.7002L36.6002 12.3002C36.4002 12.2002 36.3002 12.1002 36.2002 11.9002C36.2002 11.7002 36.3002 11.5002 36.5002 11.4002L42.8002 8.50017C43.0002 8.40017 43.3002 8.50017 43.4002 8.70017L47.1002 14.3002C47.2002 14.5002 47.2002 14.7002 47.1002 14.9002C47.0002 15.1002 46.7002 15.0002 46.5002 15.0002L45.0002 14.5002L43.7002 36.5002C43.6002 36.8002 43.4002 37.0002 43.2002 37.0002Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M42.4 49.6996H12.1C11.9 49.6996 11.7 49.5996 11.7 49.3996C11.6 49.1996 11.6 48.9996 11.7 48.8996L20.1 37.5996C20.3 37.3996 20.6 37.2996 20.8 37.4996C21 37.6996 21.1 37.9996 20.9 38.1996L13.1 48.6996H41.9L42.3 42.7996C42.3 42.4996 42.5 42.2996 42.8 42.2996C43.1 42.2996 43.3 42.5996 43.3 42.7996L42.9 49.1996C42.9 49.4996 42.7 49.6996 42.4 49.6996Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M36.4 46.1002L35.5 45.6002C35.8 45.1002 36.5 44.2002 38.3 43.2002L39.1 42.8002C40.3 42.1002 41.1 41.6002 41.7 41.7002V42.7002C41.4 42.7002 40.5 43.2002 39.6 43.7002C39.4 43.8002 39.1 44.0002 38.8 44.1002C37.1 45.1002 36.6 45.9002 36.4 46.1002Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M35.9 43.3992L35.6 43.1992C35.4 42.9992 29.8 39.2992 30.1 34.5992C30.4 29.9992 35.5 22.5992 35.7 22.2992L36.1 21.6992L36.5 22.2992C36.7 22.5992 42 30.0992 41.8 34.6992C41.5 39.3992 36.5 42.9992 36.2 43.0992L35.9 43.3992ZM30.5 34.6992H31C30.8 38.2992 34.7 41.3992 35.8 42.1992C36.8 41.3992 40.5 38.3992 40.7 34.7992C40.9 31.2992 37.3 25.4992 36 23.5992C34.8 25.4992 31.2 31.1992 31 34.7992L30.5 34.6992Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M36.3387 42.3903L35.3389 42.4082L35.4591 49.1069L36.4589 49.0889L36.3387 42.3903Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.2999 43.3004C42.6999 43.3004 41.2999 42.8004 41.1999 42.8004L40.8999 42.7004V42.4004C40.8999 42.2004 40.6999 38.2004 42.9999 36.2004C45.1999 34.2004 51.0999 33.9004 51.3999 33.9004H52.0999L51.8999 34.6004C51.7999 34.8004 50.0999 40.4004 47.8999 42.3004C46.7999 43.1004 45.4999 43.3004 44.2999 43.3004ZM41.8999 42.0004C42.8999 42.3004 45.6999 42.8004 47.1999 41.5004C48.7999 40.1004 50.0999 36.5004 50.5999 34.9004C48.9999 35.1004 45.0999 35.6004 43.5999 36.9004C41.9999 38.3004 41.8999 41.0004 41.8999 42.0004Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const ViewHoldingsIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M31.9998 48.1012C22.1998 48.1012 14.2998 40.2012 14.2998 30.4012C14.2998 20.6012 22.1998 12.7012 31.9998 12.7012C41.7998 12.7012 49.6998 20.6012 49.6998 30.4012C49.6998 40.1012 41.7998 48.1012 31.9998 48.1012ZM31.9998 13.7012C22.7998 13.7012 15.2998 21.2012 15.2998 30.4012C15.2998 39.6012 22.7998 47.1012 31.9998 47.1012C41.1998 47.1012 48.6998 39.6012 48.6998 30.4012C48.6998 21.2012 41.1998 13.7012 31.9998 13.7012Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M31.9998 47.9C22.1998 47.9 14.2998 40 14.2998 30.2C14.2998 20.4 22.1998 12.5 31.9998 12.5C41.7998 12.5 49.6998 20.4 49.6998 30.2C49.6998 40 41.7998 47.9 31.9998 47.9ZM31.9998 13.5C22.7998 13.5 15.2998 21 15.2998 30.2C15.2998 39.4 22.7998 46.9 31.9998 46.9C41.1998 46.9 48.6998 39.4 48.6998 30.2C48.6998 21 41.1998 13.5 31.9998 13.5Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M59.7996 52.1008H4.19961C3.59961 52.1008 3.09961 51.6008 3.09961 51.0008V9.90078C3.09961 9.30078 3.59961 8.80078 4.19961 8.80078H59.6996C60.2996 8.80078 60.7996 9.30078 60.7996 9.90078V51.0008C60.8996 51.6008 60.3996 52.1008 59.7996 52.1008ZM4.19961 9.80078C4.09961 9.80078 4.09961 9.80078 4.09961 9.90078V51.0008C4.09961 51.1008 4.09961 51.1008 4.19961 51.1008H59.6996C59.7996 51.1008 59.7996 51.1008 59.7996 51.0008V9.90078C59.7996 9.80078 59.7996 9.80078 59.6996 9.80078H4.19961Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.0994 56.1016H20.3994C20.0994 56.1016 19.8994 55.9016 19.8994 55.6016C19.8994 55.3016 20.0994 55.1016 20.3994 55.1016H44.1994C44.4994 55.1016 44.6994 55.3016 44.6994 55.6016C44.6994 55.9016 44.3994 56.1016 44.0994 56.1016Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M41.9998 22.7012H34.2998C33.9998 22.7012 33.7998 22.5012 33.7998 22.2012C33.7998 21.9012 33.9998 21.7012 34.2998 21.7012H41.9998C42.2998 21.7012 42.4998 21.9012 42.4998 22.2012C42.4998 22.5012 42.1998 22.7012 41.9998 22.7012Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M41.9998 32.3008H34.2998C33.9998 32.3008 33.7998 32.1008 33.7998 31.8008C33.7998 31.5008 33.9998 31.3008 34.2998 31.3008H41.9998C42.2998 31.3008 42.4998 31.5008 42.4998 31.8008C42.4998 32.1008 42.1998 32.3008 41.9998 32.3008Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M41.9998 27.5H34.2998C33.9998 27.5 33.7998 27.3 33.7998 27C33.7998 26.7 33.9998 26.5 34.2998 26.5H41.9998C42.2998 26.5 42.4998 26.7 42.4998 27C42.4998 27.3 42.1998 27.5 41.9998 27.5Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M24.9996 39.7008H21.5996C21.2996 39.7008 21.0996 39.5008 21.0996 39.2008V35.3008C21.0996 35.0008 21.2996 34.8008 21.5996 34.8008H24.9996C25.2996 34.8008 25.4996 35.0008 25.4996 35.3008V39.2008C25.4996 39.5008 25.1996 39.7008 24.9996 39.7008ZM21.9996 38.7008H24.3996V35.8008H21.9996V38.7008Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M28.4 39.7008H25C24.7 39.7008 24.5 39.5008 24.5 39.2008V30.8008C24.5 30.5008 24.7 30.3008 25 30.3008H28.4C28.7 30.3008 28.9 30.5008 28.9 30.8008V39.2008C28.9 39.5008 28.7 39.7008 28.4 39.7008ZM25.5 38.7008H27.9V31.3008H25.5V38.7008Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M31.7994 39.7012H28.3994C28.0994 39.7012 27.8994 39.5012 27.8994 39.2012V33.2012C27.8994 32.9012 28.0994 32.7012 28.3994 32.7012H31.7994C32.0994 32.7012 32.2994 32.9012 32.2994 33.2012V39.2012C32.2994 39.5012 32.0994 39.7012 31.7994 39.7012ZM28.8994 38.7012H31.2994V33.7012H28.8994V38.7012Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M26.6992 27.5C24.7992 27.5 23.1992 25.9 23.1992 24C23.1992 22.1 24.7992 20.5 26.6992 20.5C28.5992 20.5 30.1992 22.1 30.1992 24C30.1992 25.9 28.5992 27.5 26.6992 27.5ZM26.6992 21.5C25.2992 21.5 24.1992 22.6 24.1992 24C24.1992 25.4 25.2992 26.5 26.6992 26.5C28.0992 26.5 29.1992 25.4 29.1992 24C29.1992 22.6 28.0992 21.5 26.6992 21.5Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const ExternalLink = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 32 32\">\r\n      <path\r\n        d=\"M18.1075 6.5H25.5004V13.9929L24.5004 14.9929V9.5V8.30927L23.6503 9.14303L13.2503 19.343L13.2503 19.343L13.2468 19.3464C13.0421 19.5512 12.7587 19.5512 12.5539 19.3464C12.3494 19.1419 12.3492 18.8589 12.5533 18.6542C12.5535 18.654 12.5537 18.6538 12.5539 18.6536L22.9522 8.35526L23.8158 7.5H22.6004H17.1075L18.1075 6.5Z\"\r\n        fill=\"black\"\r\n        stroke=\"black\"\r\n      />\r\n      <path\r\n        d=\"M25 26H6.5C5.9 26 5.5 25.6 5.5 25V7C5.5 6.4 5.9 6 6.5 6H13C13.6 6 14 6.4 14 7C14 7.6 13.6 8 13 8H7.5V24H24V20C24 19.4 24.4 19 25 19C25.6 19 26 19.4 26 20V25C26 25.6 25.5 26 25 26Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const YourDocumentsIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        d=\"M59.7699 52.1298H4.22988C3.61988 52.1298 3.12988 51.6398 3.12988 51.0298V9.93984C3.12988 9.32984 3.61988 8.83984 4.22988 8.83984H59.7699C60.3799 8.83984 60.8699 9.32984 60.8699 9.93984V51.0298C60.8699 51.6398 60.3799 52.1298 59.7699 52.1298ZM4.22988 9.83984C4.16988 9.83984 4.12988 9.87984 4.12988 9.93984V51.0298C4.12988 51.0798 4.16988 51.1298 4.22988 51.1298H59.7699C59.8299 51.1298 59.8699 51.0898 59.8699 51.0298V9.93984C59.8699 9.87984 59.8299 9.83984 59.7699 9.83984H4.22988Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M52.82 21.78H11.12C10.76 21.78 10.46 21.48 10.46 21.12V17.37C10.46 17.01 10.76 16.71 11.12 16.71H52.82C53.18 16.71 53.48 17.01 53.48 17.37V21.12C53.48 21.49 53.18 21.78 52.82 21.78ZM11.45 20.78H52.47V17.71H11.45V20.78Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M23.6697 46.9501H11.1497C10.7597 46.9501 10.4497 46.6401 10.4497 46.2501V25.8201C10.4497 25.4301 10.7597 25.1201 11.1497 25.1201H23.6597C24.0497 25.1201 24.3597 25.4301 24.3597 25.8201V46.2501C24.3697 46.6401 24.0497 46.9501 23.6697 46.9501ZM11.4497 45.9501H23.3597V26.1201H11.4497V45.9501Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M44.1399 56.0596H20.3599C20.0799 56.0596 19.8599 55.8396 19.8599 55.5596C19.8599 55.2796 20.0799 55.0596 20.3599 55.0596H44.1399C44.4199 55.0596 44.6399 55.2796 44.6399 55.5596C44.6399 55.8396 44.4199 56.0596 44.1399 56.0596Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M52.98 26.1201H27.79C27.51 26.1201 27.29 25.9001 27.29 25.6201C27.29 25.3401 27.51 25.1201 27.79 25.1201H52.97C53.25 25.1201 53.47 25.3401 53.47 25.6201C53.47 25.9001 53.25 26.1201 52.98 26.1201Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M52.98 31.7598H27.79C27.51 31.7598 27.29 31.5398 27.29 31.2598C27.29 30.9798 27.51 30.7598 27.79 30.7598H52.97C53.25 30.7598 53.47 30.9798 53.47 31.2598C53.47 31.5398 53.25 31.7598 52.98 31.7598Z\"\r\n        fill=\"black\"\r\n      />\r\n      <path\r\n        d=\"M52.98 37.3994H27.79C27.51 37.3994 27.29 37.1794 27.29 36.8994C27.29 36.6194 27.51 36.3994 27.79 36.3994H52.97C53.25 36.3994 53.47 36.6194 53.47 36.8994C53.47 37.1794 53.25 37.3994 52.98 37.3994Z\"\r\n        fill=\"black\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n\r\nexport const DocumentOnlyClientIcon = (props: any) => {\r\n  return (\r\n    <svg {...props} width={24} height={24} viewBox=\"0 0 24 24\">\r\n      <path d=\"M20.41 8.41L15.58 3.58C15.21 3.21 14.7 3 14.17 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V9.83C21 9.3 20.79 8.79 20.41 8.41ZM7 7H14V9H7V7ZM17 17H7V15H17V17ZM17 13H7V11H17V13Z\" fill=\"#00205B\"/>\r\n      <path d=\"M20.41 8.41L15.58 3.58C15.21 3.21 14.7 3 14.17 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V9.83C21 9.3 20.79 8.79 20.41 8.41ZM7 7H14V9H7V7ZM17 17H7V15H17V17ZM17 13H7V11H17V13Z\" fill=\"black\" fill-opacity=\"0.2\"/>\r\n    </svg>\r\n\r\n  );\r\n}\r\n\r\nexport const DarkDocumentOnlyClientIcon = (props: any) => {\r\n  return (\r\n    <svg {...props} width={20} height={20} viewBox=\"0 0 20 20\">\r\n      <path d=\"M17.0083 7.00833L12.9833 2.98333C12.675 2.675 12.25 2.5 11.8083 2.5H4.16667C3.25 2.5 2.5 3.25 2.5 4.16667V15.8333C2.5 16.75 3.25 17.5 4.16667 17.5H15.8333C16.75 17.5 17.5 16.75 17.5 15.8333V8.19167C17.5 7.75 17.325 7.325 17.0083 7.00833ZM5.83333 5.83333H11.6667V7.5H5.83333V5.83333ZM14.1667 14.1667H5.83333V12.5H14.1667V14.1667ZM14.1667 10.8333H5.83333V9.16667H14.1667V10.8333Z\" fill=\"white\"/>\r\n    </svg>\r\n  );\r\n}\r\n","import SvgIcon from '@material-ui/core/SvgIcon';\r\n\r\nexport const SpotifyIcon = (props: any) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 64 64\">\r\n      <path\r\n        fill=\"#1ED760\"\r\n        d=\"M32,0C14.3,0,0,14.3,0,32c0,17.7,14.3,32,32,32c17.7,0,32-14.3,32-32C64,14.3,49.7,0,32,0L32,0L32,0z\r\n        M46.7,46.2c-0.6,0.9-1.8,1.2-2.7,0.7c-7.5-4.6-17-5.6-28.1-3.1c-1.1,0.2-2.1-0.4-2.4-1.5c-0.2-1.1,0.4-2.1,1.5-2.4\r\n       c12.2-2.8,22.6-1.6,31.1,3.6C47,44,47.3,45.2,46.7,46.2L46.7,46.2z M50.6,37.4c-0.7,1.2-2.3,1.5-3.4,0.8c-8.6-5.3-21.7-6.8-31.9-3.7\r\n       c-1.3,0.4-2.7-0.3-3.1-1.7c-0.4-1.3,0.3-2.7,1.7-3.1c11.6-3.5,26.1-1.8,35.9,4.3C50.9,34.7,51.3,36.3,50.6,37.4L50.6,37.4L50.6,37.4\r\n       z M50.9,28.4c-10.3-6.1-27.3-6.7-37.2-3.7c-1.6,0.5-3.3-0.4-3.7-2c-0.5-1.6,0.4-3.3,2-3.7c11.3-3.4,30.1-2.8,42,4.3\r\n       c1.4,0.8,1.9,2.7,1,4.1C54.2,28.7,52.3,29.2,50.9,28.4L50.9,28.4L50.9,28.4z\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n","export const LightBulbIcon = (props: any) => {\r\n  return (\r\n    <svg {...props} width=\"48\" height=\"48\" viewBox=\"0 0 48 48\">\r\n      <path d=\"M29.3101 31.9049C30.2851 31.5599 30.9301 30.6449 30.9301 29.6249V27.8249C30.9151 27.0899 31.2301 26.3999 31.7851 25.9349C34.8601 23.4599 36.6301 19.7249 36.6001 15.7649C36.4801 8.90988 31.1101 3.29988 24.2551 2.89488C24.0451 2.87988 23.8501 2.87988 23.6401 2.87988L23.0251 2.89488C16.1701 3.29988 10.8001 8.90988 10.6801 15.7649C10.6501 19.7099 12.4201 23.4599 15.4951 25.9349C16.0501 26.3999 16.3651 27.1049 16.3501 27.8249V29.6249C16.3501 30.6449 17.0101 31.5599 17.9701 31.9049\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" fillOpacity={0} />\r\n      <path d=\"M19.6802 42.0298C19.8302 42.9448 20.2952 43.7698 20.9852 44.3848C22.4702 45.7048 24.8552 45.7348 26.3102 44.3848C27.0002 43.7698 27.4652 42.9448 27.6152 42.0298\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" fillOpacity={0} />\r\n      <path d=\"M18.2549 35.2051H29.3549\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n      <path d=\"M19.5303 38.6851H27.8553\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n      <path d=\"M26.8502 8.50488L21.2852 17.1599\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n      <path d=\"M28.1552 17.1597L21.6602 26.7447\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n      <path d=\"M21.3149 17.1299H27.8549\" stroke=\"#72246C\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"/>\r\n    </svg>\r\n  );\r\n}\r\n","import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\r\n\r\nexport const ExcelIcon = (props: SvgIconProps) => {\r\n  return (\r\n    <SvgIcon {...props} viewBox=\"0 0 32 32\">\r\n      <path\r\n        fill=\"black\"\r\n        d=\"M16.5006 21.4998L14.4006 21.3998L13.2006 18.3998L12.0006 21.1998L10.1006 21.0998L12.2006 15.9998L10.2006\r\n         10.9998H12.0006L13.2006 13.7998L14.4006 10.8998L16.5006 10.7998L14.3006 16.0998L16.5006 21.4998Z\"\r\n      />\r\n      <path\r\n        fill=\"black\"\r\n        d=\"M26.0004 6.3999H21.7004C21.6004 5.5999 21.0004 4.8999 20.2004 4.8999L6.30039 5.9999C5.50039 5.9999 4.90039\r\n         6.6999 4.90039 7.6999V24.2999C4.90039 25.1999 5.50039 25.9999 6.20039 25.9999L20.2004 26.9999C20.9004 26.9999\r\n         21.5004 26.3999 21.6004 25.6999H26.0004C26.6004 25.6999 27.0004 25.2999 27.0004 24.6999V7.3999C27.0004 6.8999\r\n         26.5004 6.3999 26.0004 6.3999ZM25.0004 15.3999H21.7004V12.5999H25.0004V15.3999ZM21.7004\r\n         16.9999H25.0004V19.6999H21.7004V16.9999ZM25.0004 10.9999H21.7004V8.3999H25.0004V10.9999ZM19.7004\r\n         24.9999L6.90039 23.9999V7.9999L19.7004 6.9999V24.9999ZM21.7004 23.6999V21.2999H25.0004V23.6999H21.7004Z\"\r\n      />\r\n    </SvgIcon>\r\n  );\r\n};\r\n","import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\r\n\r\nexport const PdfIcon = (props: SvgIconProps) => (\r\n  <SvgIcon {...props} viewBox=\"0 0 32 32\">\r\n    <path d=\"M8.40059 18.1996H7.60059V13.1996L9.00059 13.0996C9.20059 13.0996 9.40059 13.0996 9.60059 13.1996C9.80059 13.2996 9.90059 13.3996 10.1006 13.4996C10.2006 13.5996 10.3006 13.7996 10.4006 13.9996C10.5006 14.1996 10.5006 14.3996 10.5006 14.6996C10.5006 14.9996 10.5006 15.1996 10.4006 15.3996C10.3006 15.5996 10.2006 15.7996 10.1006 15.8996C10.0006 15.9996 9.80059 16.0996 9.60059 16.1996C9.40059 16.2996 9.20059 16.2996 9.00059 16.2996H8.40059V18.1996ZM8.40059 13.9996V15.2996H9.00059C9.20059 15.2996 9.30059 15.1996 9.50059 15.0996C9.60059 14.9996 9.70059 14.7996 9.70059 14.5996C9.70059 14.3996 9.60059 14.1996 9.50059 14.0996C9.30059 13.9996 9.20059 13.8996 9.00059 13.8996L8.40059 13.9996Z\" fill=\"black\"/>\r\n    <path d=\"M12.5008 18.3999H12.4008L10.8008 18.2999V12.9999L12.4008 12.8999C12.7008 12.8999 13.1008 12.8999 13.4008 13.0999C13.7008 13.1999 14.0008 13.3999 14.2008 13.6999C14.4008 13.8999 14.6008 14.1999 14.8008 14.5999C14.9008 14.8999 15.0008 15.2999 15.0008 15.6999C15.0008 16.0999 14.9008 16.4999 14.8008 16.7999C14.7008 17.0999 14.5008 17.3999 14.2008 17.6999C14.0008 17.8999 13.7008 18.0999 13.4008 18.2999C13.1008 18.2999 12.8008 18.3999 12.5008 18.3999ZM11.7008 17.3999H12.4008C12.6008 17.3999 12.8008 17.3999 13.0008 17.2999C13.2008 17.1999 13.4008 17.0999 13.5008 16.8999C13.6008 16.6999 13.8008 16.4999 13.8008 16.2999C13.9008 16.0999 13.9008 15.7999 13.9008 15.5999C13.9008 15.3999 13.9008 15.0999 13.8008 14.8999C13.7008 14.6999 13.6008 14.3999 13.5008 14.2999C13.0008 13.8999 12.8008 13.7999 13.0008 13.8999C13.2008 13.9999 12.6008 13.7999 12.4008 13.7999H11.7008V17.3999Z\" fill=\"black\"/>\r\n    <path d=\"M16.7002 18.5997H15.7002V12.8997L19.0002 12.6997V13.6997L16.7002 13.7997V15.1997H18.9002V16.1997H16.7002V18.5997Z\" fill=\"black\"/>\r\n    <path d=\"M26.8004 9.4999L24.5004 6.8999C24.3004 6.6999 24.1004 6.5999 23.8004 6.5999H23.7004H21.6004C21.6004 5.6999 21.0004 4.8999 20.1004 4.8999L6.30039 5.9999C5.50039 5.9999 4.90039 6.6999 4.90039 7.6999V24.2999C4.90039 25.1999 5.50039 25.9999 6.20039 25.9999L20.2004 26.9999C20.9004 26.9999 21.5004 26.3999 21.6004 25.6999H26.0004C26.6004 25.6999 27.0004 25.2999 27.0004 24.6999V9.9999C27.0004 9.7999 26.9004 9.5999 26.8004 9.4999ZM19.7004 24.9999L6.90039 23.9999V7.9999L19.7004 6.9999V24.9999ZM21.7004 23.6999V8.5999H23.1004V9.9999C23.1004 10.1999 23.2004 10.3999 23.3004 10.4999C23.4004 10.5999 23.7004 10.6999 23.9004 10.6999H25.0004V23.6999H21.7004Z\" fill=\"black\"/>\r\n  </SvgIcon>\r\n);\r\n","// TODO: comment\r\n\r\nimport { isObjectEmpty } from 'utils';\r\nimport { trigger } from '@abrdn/utils/events';\r\nimport { toast } from 'material-react-toastify';\r\n\r\nexport type QueryData = {\r\n  [key: string]: string | number | boolean | undefined | any[];\r\n};\r\n\r\nexport const withQuery = (\r\n  /**\r\n   *\r\n   */\r\n  uri: string,\r\n  /**\r\n   *\r\n   */\r\n  data: QueryData | null = null\r\n): string => {\r\n  if (data) {\r\n    const query = Object.keys(data)\r\n      .filter((k) => {\r\n        return data[k] !== undefined;\r\n      })\r\n      // @ts-ignore\r\n      .map((k) => {\r\n        if (Array.isArray(data[k])) {\r\n          // @ts-ignore\r\n          if (data[k].length) {\r\n            // @ts-ignore\r\n            return (data[k] as Array)\r\n              .map((item: any) => {\r\n                return `${encodeURIComponent(k)}=${encodeURIComponent(item)}`;\r\n              })\r\n              .join('&');\r\n          }\r\n          return '';\r\n        } else {\r\n          // @ts-ignore\r\n          return `${encodeURIComponent(k)}=${encodeURIComponent(data[k])}`;\r\n        }\r\n      })\r\n      .join('&');\r\n\r\n    if (query) {\r\n      return `${uri}?${query}`;\r\n    }\r\n  }\r\n\r\n  return uri;\r\n};\r\n\r\nexport type Response = {\r\n  headers: Headers;\r\n  json: <T>() => Promise<T>;\r\n  status: number;\r\n};\r\n\r\n// TODO: check that this works, and update\r\nconst getCookieValue = (\r\n  /**\r\n   *\r\n   */\r\n  key: string\r\n) => {\r\n  var equalities = document.cookie.split('; ');\r\n\r\n  for (var i = 0; i < equalities.length; i++) {\r\n    if (!equalities[i]) {\r\n      continue;\r\n    }\r\n\r\n    var splitted = equalities[i].split('=');\r\n    if (splitted.length !== 2) {\r\n      continue;\r\n    }\r\n\r\n    if (decodeURIComponent(splitted[0]) === key) {\r\n      return decodeURIComponent(splitted[1] || '');\r\n    }\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nexport const handleResponse = async <T>(\r\n  /**\r\n   *\r\n   */\r\n  response: Response,\r\n  /**\r\n   *\r\n   */\r\n  url?: string\r\n): Promise<T> => {\r\n  const headers = response.headers;\r\n\r\n  const sessionHeader: string | null = headers.get(\r\n    'fsg.focus360.cehsite.f360session'\r\n  );\r\n\r\n  if (sessionHeader) {\r\n    setSessionHeader(sessionHeader);\r\n  }\r\n\r\n  // handling errors\r\n  if (response.status < 200 || response.status > 299) {\r\n    if (response.status === 401) {\r\n      if (url && url.indexOf('login') === -1) {\r\n        trigger('api:unauthorized');\r\n      }\r\n      throw new Error('Unauthorized');\r\n    }\r\n\r\n    if (response.status === 404) {\r\n      throw new Error('404');\r\n    }\r\n\r\n    if (response.status === 500) {\r\n      throw new Error('Server Error');\r\n    }\r\n\r\n    //\r\n    try {\r\n      // get the actual json response\r\n      const res: any = await response.json();\r\n\r\n      if (res) {\r\n        let errors = '';\r\n\r\n        if (res.errors && res.errors.ValidationErrors) {\r\n          if (res.detail) {\r\n            errors += `<p>${res.detail}</p>`;\r\n          }\r\n\r\n          if (res.errors.ValidationErrors.length > 0) {\r\n            errors += `<ul><li>${res.errors.ValidationErrors.join(\r\n              '</li><li>'\r\n            )}</li></ul>`;\r\n          } else {\r\n            errors += res.errors.ValidationErrors.join(', ');\r\n          }\r\n        }\r\n\r\n        if (res.title) {\r\n          throw new Error(`${res.title}${errors ? ` ${errors}` : ''}`);\r\n        }\r\n      }\r\n    } catch (e: any) {\r\n      throw new Error(e.message);\r\n    }\r\n\r\n    throw new Error('An unknown error occurred');\r\n  }\r\n\r\n  // in some instances an empty reponse is sent back, with a successful header\r\n  // so we may not always be able to parse it as json\r\n  try {\r\n    const res: T = await response.json();\r\n\r\n    return res;\r\n  } catch (e) {\r\n    // send back an empty json response\r\n    return {} as T;\r\n  }\r\n};\r\n\r\nexport const downloadFile = async (\r\n  uri: string,\r\n  filename: string,\r\n  notification?: any\r\n): Promise<boolean> => {\r\n  const toastId = notification && toast.dark(notification, {\r\n    autoClose: false,\r\n  });\r\n\r\n  try {\r\n    const fileData = await fetch(withQuery(uri), withHeaders({}));\r\n\r\n    if (fileData.status >= 200 && fileData.status < 300) {\r\n      const data = await fileData.blob();\r\n\r\n      // It is necessary to create a new blob object with mime-type explicitly\r\n      // set otherwise only Chrome works like it should\r\n      const blob = new Blob([data], {\r\n        type: data.type || 'application/octet-stream',\r\n      });\r\n\r\n      // @ts-ignore\r\n      if (typeof window.navigator.msSaveBlob !== 'undefined') {\r\n        // IE doesn't allow using a blob object directly as link href.\r\n        // Workaround for \"HTML7007: One or more blob URLs were\r\n        // revoked by closing the blob for which they were created.\r\n        // These URLs will no longer resolve as the data backing\r\n        // the URL has been freed.\"\r\n\r\n        // @ts-ignore\r\n        window.navigator.msSaveBlob(blob, filename);\r\n\r\n        return true;\r\n      }\r\n\r\n      // Other browsers\r\n      // Create a link pointing to the ObjectURL containing the blob\r\n      const blobURL = window.URL.createObjectURL(blob);\r\n\r\n      const tempLink = document.createElement('a');\r\n      tempLink.style.display = 'none';\r\n      tempLink.href = blobURL;\r\n      tempLink.setAttribute('download', filename);\r\n\r\n      // Safari thinks _blank anchor are pop ups. We only want to set _blank\r\n      // target if the browser does not support the HTML5 download attribute.\r\n      // This allows you to download files in desktop safari if pop up blocking\r\n      // is enabled.\r\n      if (typeof tempLink.download === 'undefined') {\r\n        tempLink.setAttribute('target', '_blank');\r\n      }\r\n\r\n      document.body.appendChild(tempLink);\r\n\r\n      tempLink.click();\r\n\r\n      document.body.removeChild(tempLink);\r\n      setTimeout(() => {\r\n        // For Firefox it is necessary to delay revoking the ObjectURL\r\n        window.URL.revokeObjectURL(blobURL);\r\n      }, 100);\r\n\r\n      // update the toast message to show the success message\r\n      if (toastId) {\r\n        toast.update(toastId, {\r\n          type: toast.TYPE.SUCCESS,\r\n          render: `Downloaded ${filename}`,\r\n          autoClose: 5000,\r\n        });\r\n      }\r\n\r\n      return true;\r\n    }\r\n  } catch (e) {\r\n    if (toastId) {\r\n      toast.update(toastId, {\r\n        type: toast.TYPE.ERROR,\r\n        render: `Error downloading ${filename}`,\r\n        autoClose: 5000,\r\n      });\r\n    }\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\n// for logging\r\nconst REQUESTS: any = {};\r\nconst CACHE: any = {};\r\n\r\n/**\r\n * Generates a timestamp\r\n * @returns string\r\n */\r\nconst getTimeStamp = (): string => {\r\n  // get the current date\r\n  const now: Date = new Date();\r\n\r\n  return `${String(now.getHours()).padStart(2, '0')}:${String(\r\n    now.getMinutes()\r\n  ).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`;\r\n};\r\n\r\nlet REQUEST_QUEUE: string[] = [];\r\n\r\nexport const sendApiRequest = async <T>(\r\n  url: string,\r\n  query?: QueryData | null,\r\n  request: any = {},\r\n  cache: boolean | number = false\r\n): Promise<T> => {\r\n  const currentTime: number = new Date().getTime();\r\n\r\n  // get the current timestamp\r\n  const timestamp = getTimeStamp();\r\n\r\n  // make a nice url by replacing http(s)://...\r\n  const niceUrl: string = url.replace(process.env.REACT_APP_API_URL || '', '');\r\n\r\n  // work out if there are query params sent in the request, if there are, stringify\r\n  // them to build up an ideitifier for the request\r\n  const params =\r\n    query && !isObjectEmpty(query) ? ` ${JSON.stringify(query)}` : '';\r\n\r\n  // work out the type of request\r\n  const requestType: string = (request?.method || 'GET').toUpperCase();\r\n\r\n  // build an identifier for the request (url & query)\r\n  const requestId: string = `${requestType} ${niceUrl}${params}`;\r\n\r\n  // can we cache the result\r\n  const cacheable = cache && requestType === 'GET';\r\n\r\n  // if we can cache the data and the data has been stored\r\n  if (cache && CACHE[requestId]) {\r\n    // check that the cache item is still valid\r\n    if (\r\n      typeof cache === 'number' &&\r\n      CACHE[requestId].timestamp + cache < currentTime\r\n    ) {\r\n      if (process.env.NODE_ENV !== 'production') {\r\n        console.info(`%cInvalid cache  ${requestId}`, 'color: #ffa200');\r\n      }\r\n    } else {\r\n      // debugging\r\n      if (process.env.NODE_ENV !== 'production') {\r\n        console.log(\r\n          `%c[${timestamp}](--) ${requestId} (cached)`,\r\n          'color: #0042ff'\r\n        );\r\n      }\r\n\r\n      // return the cached contents\r\n      return CACHE[requestId].data;\r\n    }\r\n  }\r\n\r\n  // debugging\r\n  if (process.env.NODE_ENV === 'development') {\r\n    // if the request has recently been made\r\n    if (REQUEST_QUEUE.indexOf(requestId) > -1) {\r\n      console.warn(`Multiple Requests ${requestId} `);\r\n    }\r\n\r\n    // add the latest request to the front of the queue\r\n    REQUEST_QUEUE.unshift(requestId);\r\n\r\n    // trim the request queue\r\n    REQUEST_QUEUE = REQUEST_QUEUE.slice(0, 3);\r\n  }\r\n\r\n  // get the headers to send in the request\r\n  const headers: any = withHeaders(request);\r\n\r\n  try {\r\n    // make the request\r\n    const response: Response = await fetch(withQuery(`${url}`, query), headers);\r\n\r\n    // get the data\r\n    const data = await handleResponse<T>(response, url);\r\n\r\n    // debugging\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      // set up a blank/empty request count\r\n      if (!REQUESTS[requestId]) {\r\n        REQUESTS[requestId] = 0;\r\n      }\r\n\r\n      // increase the request count\r\n      REQUESTS[requestId]++;\r\n\r\n      // get the count for the current request\r\n      const count: string = REQUESTS[requestId].toString().padStart(2, '0');\r\n\r\n      // start a group to debug all the information\r\n      console.groupCollapsed(\r\n        `%c[${timestamp}](${count}) ${requestId}${\r\n          cacheable ? ' (cacheable)' : ''\r\n        }`,\r\n        cacheable ? 'color: green' : ''\r\n      );\r\n\r\n      // if there is a query/request, output that data\r\n      if (params) {\r\n        console.log('req', query);\r\n      }\r\n\r\n      // output any headers\r\n      if (headers && !isObjectEmpty(headers)) {\r\n        console.log('hed', headers);\r\n      }\r\n\r\n      // output the result\r\n      console.log('res', data);\r\n\r\n      // close the group\r\n      console.groupEnd();\r\n    }\r\n\r\n    // if the data can be cached, and the request type is a GET, store the result for future\r\n    if (cacheable) {\r\n      CACHE[requestId] = { timestamp: new Date().getTime(), data };\r\n    }\r\n\r\n    return data;\r\n  } catch (e: any) {\r\n    // debugging\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      console.groupCollapsed(`%c[${timestamp}] ${requestId}`, 'color: red');\r\n\r\n      // if there is a query/request, output that data\r\n      if (params) {\r\n        console.log('req', query);\r\n      }\r\n\r\n      // output any headers\r\n      if (headers && !isObjectEmpty(headers)) {\r\n        console.log('hed', headers);\r\n      }\r\n\r\n      // log the actual error\r\n      console.error(e);\r\n\r\n      // close the group\r\n      console.groupEnd();\r\n    }\r\n\r\n    throw new Error(e.message);\r\n  }\r\n};\r\n\r\nconst getSessionHeader = (): string => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const session = localStorage.getItem('session');\r\n\r\n    if (session) {\r\n      return JSON.parse(session);\r\n    }\r\n  }\r\n\r\n  return '';\r\n};\r\n\r\nconst setSessionHeader = (key: string) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.setItem('session', JSON.stringify(key));\r\n  }\r\n};\r\n\r\nexport const withHeaders = (data: any = {}) => {\r\n  data = {\r\n    ...data,\r\n    ...{\r\n      mode: 'cors',\r\n    },\r\n  };\r\n\r\n  if (!data['headers']) {\r\n    data['headers'] = {};\r\n  }\r\n\r\n  data['headers']['accept'] = '*/*';\r\n  data['headers']['user-agent'] = navigator.userAgent;\r\n\r\n  const sessionHeader = getSessionHeader();\r\n  if (sessionHeader) {\r\n    data['headers']['fsg.focus360.cehsite.f360session'] = sessionHeader;\r\n  }\r\n\r\n  if (process.env.NODE_ENV !== 'development') {\r\n    // X-CSRF-TOKEN\r\n    // transfer the anti-forgery cookie to a header\r\n    const csrfCookie = getCookieValue('XSRF-TOKEN');\r\n\r\n    if (csrfCookie) {\r\n      data['headers']['X-XSRF-TOKEN'] = csrfCookie;\r\n    }\r\n  }\r\n\r\n  return data;\r\n};\r\n","// TODO: comment\r\nimport { States } from '@abrdn-latest/config';\r\nimport { getClientSummary } from 'api';\r\nimport { ClientAccountSummary, Party } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport type AllPartiesResponse = Party[];\r\n\r\n/**\r\n * Get a list of the users accounts\r\n */\r\nexport const getAllParties = async (): Promise<AllPartiesResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/parties/all`;\r\n\r\n  try {\r\n    const response = await sendApiRequest<AllPartiesResponse>(endpoint);\r\n\r\n    // return [...response, ...response, ...response, ...response, ...response]\r\n    //   .sort((a, b) => {\r\n    //     return a.preferredName.localeCompare(b.preferredName);\r\n    //   })\r\n    //   .slice(0, 16);\r\n\r\n    return response;\r\n  } catch (e) {\r\n    return [];\r\n  }\r\n};\r\n\r\nexport const getDocumentOnlyParties = async (): Promise<AllPartiesResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/parties/documentsonly/all`;\r\n\r\n  return await sendApiRequest<AllPartiesResponse>(endpoint);\r\n};\r\n\r\nexport interface UserClientDetail extends Party, ClientAccountSummary {\r\n  state: string;\r\n}\r\n\r\nexport type UserClientDetails = UserClientDetail[];\r\n\r\nlet clientList: UserClientDetails;\r\n\r\n/**\r\n * Get a list of parties and client details if populated\r\n */\r\nexport const getUsersClientDetails = async (): Promise<UserClientDetails> => {\r\n  if (clientList) {\r\n    return clientList;\r\n  }\r\n\r\n  // get all the parties\r\n  const parties = await getAllParties();\r\n\r\n  //\r\n  const blankList: UserClientDetail = {\r\n    ...{ id: '', preferredName: '', currencyCodes: [], clientReference: '' },\r\n    ...{\r\n      state: States.Idle,\r\n      accounts: [],\r\n      client: {\r\n        id: '',\r\n        name: '',\r\n      },\r\n      currencyCodes: [],\r\n      valuation: {\r\n        currencyCode: '',\r\n        date: '',\r\n        value: 0,\r\n      },\r\n    },\r\n  };\r\n\r\n  clientList = [];\r\n\r\n  // loop through all the parties and populate them with blank data\r\n  for (let counter = 0; counter < parties.length; counter++) {\r\n    clientList.push({ ...blankList, ...parties[counter] });\r\n  }\r\n\r\n  return clientList;\r\n};\r\n\r\nexport interface DocumentOnlyClientDetail extends UserClientDetail {\r\n  documentOnly: true;\r\n}\r\n\r\nexport type DocumentOnlyClientDetails = DocumentOnlyClientDetail[];\r\n\r\nlet documentOnlyClientList: DocumentOnlyClientDetails;\r\n\r\nexport const getDocumentOnlyClientDetails = async (): Promise<DocumentOnlyClientDetails> => {\r\n  if (documentOnlyClientList) {\r\n    return documentOnlyClientList;\r\n  }\r\n\r\n  // get document only parties\r\n  const documentOnlyParties = await getDocumentOnlyParties();\r\n\r\n  //\r\n  const blankList: UserClientDetail = {\r\n    ...{ id: '', preferredName: '', currencyCodes: [], clientReference: '' },\r\n    ...{\r\n      state: States.Idle,\r\n      accounts: [],\r\n      client: {\r\n        id: '',\r\n        name: '',\r\n      },\r\n      currencyCodes: [],\r\n      valuation: {\r\n        currencyCode: '',\r\n        date: '',\r\n        value: 0,\r\n      },\r\n    },\r\n  };\r\n\r\n  documentOnlyClientList = [];\r\n\r\n  // loop through parties and populate them with blank data\r\n  for (const documentOnlyParty of documentOnlyParties) {\r\n    documentOnlyClientList.push({\r\n      ...blankList,\r\n      ...documentOnlyParty,\r\n      documentOnly: true,\r\n    });\r\n  }\r\n\r\n  return documentOnlyClientList;\r\n};\r\n\r\n/**\r\n *\r\n */\r\nexport const getPartiallyPopulatedClients = async (): Promise<any> => {\r\n  // get all the parties\r\n  const clients = await getUsersClientDetails();\r\n  const partiallyPopulatedClients = []\r\n\r\n  const clientDetails = await Promise.allSettled(\r\n    clients.map(client => {\r\n      return client.state === States.Idle\r\n        ? getClientSummary(client.id)\r\n        : null;\r\n    })\r\n  );\r\n\r\n  // loop through the parties, to populate\r\n  for (let i = 0; i < clients.length; i++) {\r\n    const client = clients[i];\r\n    const detail = clientDetails[i];\r\n\r\n    if (detail.status === 'fulfilled') {\r\n      if (detail.value) {\r\n        partiallyPopulatedClients.push({\r\n          ...client,\r\n          ...detail.value,\r\n          state: States.Success,\r\n        });\r\n      } else {\r\n        partiallyPopulatedClients.push(client);\r\n      }\r\n    } else {\r\n      partiallyPopulatedClients.push({\r\n        ...client,\r\n        state: States.Error,\r\n      });\r\n    }\r\n  }\r\n\r\n  clientList = partiallyPopulatedClients;\r\n\r\n  return partiallyPopulatedClients;\r\n};\r\n","// TODO: comment\r\nimport { CountryList } from 'api/types';\r\nimport { reverseLookup } from 'utils';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get a list of countries for user registration\r\n */\r\nexport const getCountryList = async (): Promise<CountryList> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/registration/countries`;\r\n\r\n  const response = await sendApiRequest<CountryList>(endpoint, null, {}, true);\r\n\r\n  return response;\r\n};\r\n\r\n/**\r\n *\r\n * @param value\r\n * @returns\r\n */\r\nexport const getCountryValue = async (value: string): Promise<string> => {\r\n  const countries = await getCountryList();\r\n\r\n  return reverseLookup(countries, value, 'code', 'displayText');\r\n};\r\n","// TODO: comment\r\nimport { InvestorTypeList } from 'api/types';\r\nimport { reverseLookup } from 'utils';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get a list of investor types for user registration\r\n */\r\nexport const getInvestorTypes = async (): Promise<InvestorTypeList> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/registration/investor-types`;\r\n\r\n  const response = await sendApiRequest<InvestorTypeList>(\r\n    endpoint,\r\n    null,\r\n    {},\r\n    true\r\n  );\r\n  return response;\r\n};\r\n\r\n/**\r\n *\r\n * @param value\r\n * @returns\r\n */\r\nexport const getInvestorTypeValue = async (value: string): Promise<string> => {\r\n  const investorTypes = await getInvestorTypes();\r\n\r\n  return reverseLookup(investorTypes, value, 'code', 'displayText');\r\n};\r\n","// TODO: comment\r\nimport { MyDetailsResponse } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get details for the current logged in user\r\n * @returns\r\n */\r\nexport const getUserDetails = async (): Promise<MyDetailsResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/my-details`;\r\n\r\n  const response = await sendApiRequest<MyDetailsResponse>(\r\n    endpoint,\r\n    null,\r\n    {},\r\n    true\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Log the user out of the Focus Solutions 360 session\r\n */\r\nexport const setLogout = async (): Promise<boolean> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/logout`;\r\n\r\n  const response = await sendApiRequest<boolean>(endpoint, null, {\r\n    method: 'POST',\r\n  });\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\nimport { ChangePasswordResponse } from './types';\r\n\r\nexport const changePassword = async (\r\n  /**\r\n   * Gets or sets the current password.\r\n   */\r\n  currentPassword: string,\r\n  /**\r\n   * Gets or sets the new password.\r\n   */\r\n  newPassword: string\r\n): Promise<ChangePasswordResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/change-password`;\r\n\r\n  try {\r\n    await sendApiRequest<ChangePasswordResponse>(endpoint, null, {\r\n      method: 'POST',\r\n      body: JSON.stringify({\r\n        currentPassword,\r\n        newPassword,\r\n      }),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    });\r\n\r\n    return {\r\n      success: true,\r\n    };\r\n\r\n    // return response;\r\n  } catch (e: any) {\r\n    return {\r\n      success: false,\r\n      errorMessage: e.message,\r\n    };\r\n  }\r\n};\r\n","// TODO: comment\r\nimport { handleResponse } from '../utils';\r\n\r\nexport const getAppSettings = async (): Promise<any> => {\r\n  const response = await fetch(\r\n    process.env.NODE_ENV === 'development'\r\n      ? 'config.development.json'\r\n      : 'config.json'\r\n  ).then(handleResponse);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { MemorableQuestions } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const getMemorableQuestions = async (): Promise<MemorableQuestions> => {\r\n  const response = await sendApiRequest<MemorableQuestions>(\r\n    `${process.env.REACT_APP_API_URL}api/account/memorable-questions`\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\nimport { isAuthenticatedResponse } from './types';\r\n\r\ninterface LoginRequest {\r\n  password: string;\r\n  username: string;\r\n  validationToken: string;\r\n}\r\n\r\nexport const login = async ({\r\n  username,\r\n  password,\r\n  validationToken = '',\r\n}: LoginRequest): Promise<isAuthenticatedResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/login`;\r\n\r\n  const response = await sendApiRequest<isAuthenticatedResponse>(\r\n    endpoint,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      body: JSON.stringify({\r\n        username,\r\n        password,\r\n        validationToken,\r\n      }),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { RegisterResponse } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const registerAccount = async (\r\n  /**\r\n   *\r\n   */\r\n  emailAddress: string,\r\n  /**\r\n   *\r\n   */\r\n  forename: string,\r\n  /**\r\n   *\r\n   */\r\n  surname: string,\r\n  /**\r\n   *\r\n   */\r\n  regionCode: string,\r\n  /**\r\n   *\r\n   */\r\n  countryCode: string,\r\n  /**\r\n   *\r\n   */\r\n\r\n  investorTypeCode: string,\r\n  /**\r\n   *\r\n   */\r\n  termsAndConditions: string\r\n): Promise<RegisterResponse> => {\r\n  const data: any = {\r\n    forename,\r\n    surname,\r\n    emailAddress,\r\n    regionCode,\r\n    countryCode,\r\n    investorTypeCode,\r\n    termsAndConditions: {\r\n      termsAndConditions,\r\n    },\r\n  };\r\n\r\n  return sendApiRequest<RegisterResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/account/registration`,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      body: JSON.stringify(data),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { SuccessResponse } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const setMemorableQuestions = async (\r\n  currentPassword: string,\r\n  /**\r\n   *\r\n   */\r\n  question_one: number,\r\n  /**\r\n   *\r\n   */\r\n  answer_one: string,\r\n  /**\r\n   *\r\n   */\r\n  question_two: number,\r\n  /**\r\n   *\r\n   */\r\n  answer_two: string\r\n): Promise<SuccessResponse> => {\r\n  const data = {\r\n    currentPassword,\r\n    question1: {\r\n      id: question_one,\r\n      answer: answer_one,\r\n    },\r\n    question2: {\r\n      id: question_two,\r\n      answer: answer_two,\r\n    },\r\n  };\r\n\r\n  const response = await sendApiRequest<SuccessResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/account/change-memorable-questions`,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      body: JSON.stringify(data),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\nimport { isAuthenticatedResponse } from './types';\r\n\r\nexport const userStatus = async (): Promise<isAuthenticatedResponse> => {\r\n  const response = await sendApiRequest<isAuthenticatedResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/account/is-authenticated`\r\n  );\r\n\r\n  // response.oneTimePasswordRequired = false;\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest, withQuery } from '../utils';\r\n\r\n/**\r\n *\r\n * @param clientId\r\n * @param valuationDate\r\n * @param format\r\n * @returns\r\n */\r\nexport const getClientAccountAccountsDownload = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId?: string | null | undefined,\r\n  /**\r\n   * Gets or sets the start date.\r\n   */\r\n  valuationDate?: Date | null | undefined,\r\n  /**\r\n   * Gets or sets the format. Defaults to XLSX (Excel).\r\n   */\r\n  format: string = 'XLSX'\r\n): Promise<any> => {\r\n  const response = await sendApiRequest<any>(\r\n    getClientAccountAccountsDownloadUri(\r\n      clientId,\r\n      undefined,\r\n      valuationDate,\r\n      format\r\n    )\r\n  );\r\n\r\n  return response;\r\n};\r\n\r\n/**\r\n *\r\n * @param clientId\r\n * @param valuationDate\r\n * @param format\r\n * @returns\r\n */\r\nexport const getClientAccountAccountsDownloadUri = (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId?: string | null | undefined,\r\n\r\n  /**\r\n   * Gets or sets the start date.\r\n   */\r\n  valuationDate?: Date | null | undefined,\r\n\r\n  /**\r\n   *\r\n   */\r\n  currencyCode?: string,\r\n\r\n  /**\r\n   * Gets or sets the format. Defaults to XLSX (Excel).\r\n   */\r\n  format: string = 'XLSX'\r\n) => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/download`;\r\n\r\n  const data: any = {\r\n    accountId,\r\n    format: format.toUpperCase(),\r\n  };\r\n\r\n  if (currencyCode) {\r\n    data.currencyCode = currencyCode;\r\n  }\r\n\r\n  if (valuationDate) {\r\n    data.valuationDate = dayjs(valuationDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  return withQuery(endpoint, data);\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\nimport { AccountDetail } from './types';\r\n\r\n/**\r\n * Gets detailed account information for the specified client/account, optionally at the specified valuation date.\r\n */\r\nexport const getClientAccountDetail = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n\r\n  /**\r\n   * Gets or sets the valuation date.\r\n   */\r\n  valuationDate?: Date | null | undefined,\r\n\r\n  /**\r\n   *\r\n   */\r\n  currencyCode?: string\r\n): Promise<AccountDetail> => {\r\n  // endpoint\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/${accountId}`;\r\n\r\n  // data to post\r\n  const data: any = {};\r\n\r\n  if (valuationDate) {\r\n    data.valuationDate = dayjs(valuationDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  if (currencyCode) {\r\n    data.currencyCode = currencyCode;\r\n  }\r\n\r\n  // send the request, and wait for the response\r\n  const response = await sendApiRequest<AccountDetail>(endpoint, data);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { FundResponse } from 'api/types';\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Returns the detail of the latest Client Holdings for the fund code provided, including a paginated list of holdings.\r\n * Optional valuation date can be supplied to select a specific date for the data.\r\n */\r\nexport const getClientAccountHoldings = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n  /**\r\n   * Gets or sets the valuation date.\r\n   */\r\n  valuationDate?: Date | null | undefined,\r\n  /**\r\n   * The page number of the holdings to return.\r\n   */\r\n  pageNumber: number = 0,\r\n  /**\r\n   * Size of the page of holdings to return. Optional. Defaults to 50.\r\n   */\r\n  pageSize: number = 50,\r\n  /**\r\n   * Holdings sort clause. Optional. One of: assetclass, marketvalue or countryofissue with optional {_asc} or {_desc} suffix.\r\n   */\r\n  pageSortBy: string = '',\r\n  /**\r\n   * Gets or sets the page sort by clause. Optional. One of: assetclass, marketvalue or countryofissue with optional _asc or _desc suffix.\r\n   */\r\n  pageSortOrder: 'asc' | 'desc' = 'asc',\r\n  /**\r\n   * Holdings filter clause. Optional. Case insensitive.\r\n   */\r\n  pageFilter: string = ''\r\n): Promise<FundResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/${accountId}/holdings`;\r\n\r\n  const data = {\r\n    //\r\n    valuationDate: valuationDate\r\n      ? dayjs(valuationDate).format('YYYY-MM-DD')\r\n      : undefined,\r\n    // the api is not zero based, so adjust it\r\n    pageNumber: pageNumber + 1,\r\n    pageSize,\r\n    pageSortBy: pageSortBy ? `${pageSortBy}_${pageSortOrder}` : undefined,\r\n    pageFilter: pageFilter || undefined,\r\n  };\r\n\r\n  const response = await sendApiRequest<FundResponse>(endpoint, data);\r\n\r\n  if (response) {\r\n    // adjust the response to page the paging zero based\r\n    response.paging.pageNumber = response.paging.pageNumber - 1;\r\n  }\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest, withQuery } from '../utils';\r\n\r\nexport const getClientAccountHoldingsDownload = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n  /**\r\n   * The valuation date. Optional. Defaults to latest available\r\n   */\r\n  valuationDate?: string,\r\n  /**\r\n   * The download format. Optional. Defaults to XLSX (Excel).\r\n   */\r\n  format: string = 'XLSX'\r\n): Promise<any> => {\r\n  const response = await sendApiRequest<any>(\r\n    getClientAccountHoldingsDownloadUri(\r\n      clientId,\r\n      accountId,\r\n      valuationDate,\r\n      format\r\n    )\r\n  );\r\n  return response;\r\n};\r\n\r\n/**\r\n * Downloads Account Holding details for the specified client/account/date range in the specified format.\r\n */\r\nexport const getClientAccountHoldingsDownloadUri = (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n  /**\r\n   * The valuation date. Optional. Defaults to latest available\r\n   */\r\n  valuationDate?: string,\r\n  /**\r\n   * The download format. Optional. Defaults to XLSX (Excel).\r\n   */\r\n  format: string = 'XLSX'\r\n) => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/${accountId}/holdings/download`;\r\n\r\n  const data: any = {\r\n    valuationDate,\r\n    format,\r\n  };\r\n\r\n  return withQuery(endpoint, data);\r\n};\r\n","// TODO: comment\r\nimport { FundSummaryResponse } from 'api/portfolio-holdings/types';\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Gets a summary of holdings for the specified client/account, optionally at the specified valuation date.\r\n */\r\nexport const getClientAccountSummary = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n  /**\r\n   * Gets or sets the valuation date.\r\n   */\r\n  valuationDate?: Date | null | undefined,\r\n  /**\r\n   * Gets or sets the size of the instrument asset class.\r\n   */\r\n  instrumentAssetClassSize?: number,\r\n  /**\r\n   * Gets or sets the size of the country of issue.\r\n   */\r\n  countryOfIssueSize?: number\r\n): Promise<FundSummaryResponse> => {\r\n  // endpoint\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/${accountId}/holdings/summary`;\r\n\r\n  // data to post\r\n  const data: any = {};\r\n\r\n  if (valuationDate) {\r\n    data.valuationDate = dayjs(valuationDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  if (instrumentAssetClassSize) {\r\n    data.instrumentAssetClassSize = instrumentAssetClassSize;\r\n  }\r\n\r\n  if (countryOfIssueSize) {\r\n    data.countryOfIssueSize = countryOfIssueSize;\r\n  }\r\n\r\n  // send the request, and wait for the response\r\n  const response = await sendApiRequest<FundSummaryResponse>(endpoint, data);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\nimport { AccountTransactions } from './types';\r\n\r\n/**\r\n * Gets a paginated list of account transactions for the specified client/account/date range.\r\n */\r\nexport const getClientAccountTransactions = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n  /**\r\n   * Gets or sets the start date.\r\n   */\r\n  startDate: Date | null | undefined,\r\n  /**\r\n   * Gets or sets the end date.\r\n   */\r\n  endDate: Date | null | undefined,\r\n\r\n  /**\r\n   * Gets or sets the page sort by clause. Optional. One of: transactiondate, transactiontype or fundname with optional _asc or _desc suffix\r\n   */\r\n  pageSortBy: 'transactiondate' | 'transactiontype' | 'fundname' | '' = '',\r\n\r\n  /**\r\n   * Gets or sets the page sort by clause. Optional. One of: assetclass, marketvalue or countryofissue with optional _asc or _desc suffix.\r\n   */\r\n  pageSortOrder: 'asc' | 'desc' = 'asc',\r\n\r\n  /**\r\n   * Gets or sets the page filter. Optional. Case insensitive free text\r\n   */\r\n  pageFilter?: string,\r\n\r\n  /**\r\n   * The start index of the rows to return (zero-based)\r\n   */\r\n  startRowIndex: number = 0,\r\n  /**\r\n   * The maximum rows to return.\r\n   */\r\n  maximumRows: number = 50\r\n): Promise<AccountTransactions> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/${accountId}/transactions`;\r\n\r\n  const data: any = {\r\n    startRowIndex,\r\n    maximumRows,\r\n    pageSortBy: pageSortBy ? `${pageSortBy}_${pageSortOrder}` : undefined,\r\n    pageFilter: pageFilter || undefined,\r\n  };\r\n\r\n  if (startDate) {\r\n    data.startDate = dayjs(startDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  if (endDate) {\r\n    data.endDate = dayjs(endDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  const response = await sendApiRequest<AccountTransactions>(endpoint, data);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest, withQuery } from '../utils';\r\n\r\n/**\r\n *\r\n * @param clientId \"Downloads Client Holdings transactions for the specified client/account/date range in the specified format.\r\n * If {accountId} is missing the download contains transactions from all accounts for the client.\"\r\n * @param accountId\r\n * @param startDate\r\n * @param endDate\r\n * @returns\r\n */\r\nexport const getClientAccountTransactionsDownload = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId?: string | null | undefined,\r\n  /**\r\n   * Gets or sets the start date.\r\n   */\r\n  startDate?: Date | null | undefined,\r\n  /**\r\n   * Gets or sets the end date.\r\n   */\r\n  endDate?: Date | null | undefined,\r\n  /**\r\n   *\r\n   */\r\n  format: string = 'XLSX'\r\n): Promise<any> => {\r\n  const response = await sendApiRequest<any>(\r\n    getClientAccountTransactionsDownloadUri(\r\n      clientId,\r\n      accountId,\r\n      startDate,\r\n      endDate\r\n    )\r\n  );\r\n\r\n  return response;\r\n};\r\n\r\n/**\r\n * Downloads Client Holdings transactions for the specified client/account/date range in the specified format.\r\n * If {accountId} is missing the download contains transactions from all accounts for the client.\r\n */\r\nexport const getClientAccountTransactionsDownloadUri = (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId?: string | null | undefined,\r\n  /**\r\n   * Gets or sets the start date.\r\n   */\r\n  startDate?: Date | null | undefined,\r\n  /**\r\n   * Gets or sets the end date.\r\n   */\r\n  endDate?: Date | null | undefined,\r\n  /**\r\n   * Gets or sets the format. Defaults to XLSX (Excel)\r\n   */\r\n  format: string = 'XLSX'\r\n) => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/transactions/download`;\r\n\r\n  const data: any = {\r\n    accountId: accountId || undefined,\r\n    format: format.toUpperCase(),\r\n  };\r\n\r\n  if (startDate) {\r\n    data.startDate = dayjs(startDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  if (endDate) {\r\n    data.endDate = dayjs(endDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  return withQuery(endpoint, data);\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\nimport { ClientAccountSummary } from './types';\r\n\r\n/**\r\n * Gets summary account information for the specified client, optionally at the specified valuation date.\r\n */\r\nexport const getClientSummary = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n\r\n  /**\r\n   * Gets or sets the valuation date.\r\n   * TODO: make required\r\n   */\r\n  valuationDate?: Date | null,\r\n\r\n  /**\r\n   * Gets or sets the currency code.\r\n   * TODO: make required\r\n   */\r\n  currencyCode?: string | null\r\n): Promise<ClientAccountSummary> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}`;\r\n\r\n  const data: any = {};\r\n\r\n  if (valuationDate) {\r\n    data.valuationDate = dayjs(valuationDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  if (currencyCode) {\r\n    data.currencyCode = currencyCode;\r\n  }\r\n\r\n  const response = await sendApiRequest<ClientAccountSummary>(\r\n    endpoint,\r\n    data,\r\n    {},\r\n    10000\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\nimport { ClientAccountSummary, ValuationsResponse } from './types';\r\n\r\nexport type ClientResponse = ClientAccountSummary[];\r\n\r\n/**\r\n * Gets the account valuations for the specified client/account/date range.\r\n */\r\nexport const getValuations = async (\r\n  /**\r\n   * Gets or sets the client identifier.\r\n   */\r\n  clientId: string,\r\n\r\n  /**\r\n   * Gets or sets the account identifier.\r\n   */\r\n  accountId: string,\r\n\r\n  /**\r\n   *\r\n   */\r\n  currencyCode?: string,\r\n\r\n  /**\r\n   * Gets or sets the start date.\r\n   */\r\n  startDate?: Date | null | undefined,\r\n\r\n  /**\r\n   * Gets or sets the end date\r\n   */\r\n  endDate?: Date | null | undefined\r\n): Promise<ValuationsResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/client-holdings/clients/${clientId}/accounts/${accountId}/valuations`;\r\n\r\n  const data: any = {};\r\n\r\n  if (currencyCode) {\r\n    data.currencyCode = currencyCode;\r\n  }\r\n\r\n  if (startDate) {\r\n    data.startDate = dayjs(startDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  if (endDate) {\r\n    data.endDate = dayjs(endDate).format('YYYY-MM-DD');\r\n  }\r\n\r\n  const response = await sendApiRequest<ValuationsResponse>(endpoint, data);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { Progress } from 'components/ui';\r\nimport { toast } from 'material-react-toastify';\r\nimport React from 'react';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const createDocument = async (\r\n  /**\r\n   *\r\n   */\r\n  file: any,\r\n  /**\r\n   *\r\n   */\r\n  description: string,\r\n  /**\r\n   *\r\n   */\r\n  filename: string,\r\n  /**\r\n   *\r\n   */\r\n  mimeType: string\r\n) => {\r\n  const toastId = toast.dark(<Progress label={`Uploading ${filename}`} />, {\r\n    autoClose: false,\r\n  });\r\n\r\n  try {\r\n    const response = await sendApiRequest<any>(\r\n      `${process.env.REACT_APP_API_URL}api/documents`,\r\n      {\r\n        description,\r\n        filename,\r\n        mimeType,\r\n      },\r\n      {\r\n        method: 'POST',\r\n        body: file,\r\n        headers: { 'Content-Type': 'application/octet-stream' },\r\n      }\r\n    );\r\n\r\n    // update the toast message to show the success message\r\n    toast.update(toastId, {\r\n      type: toast.TYPE.SUCCESS,\r\n      render: `Uploaded ${filename}`,\r\n      autoClose: 5000,\r\n    });\r\n\r\n    return response;\r\n  } catch (e) {\r\n    // there has been an error uploading the document; update the toast message\r\n    toast.update(toastId, {\r\n      type: toast.TYPE.ERROR,\r\n      render: `Error uploading ${filename}`,\r\n      autoClose: 5000,\r\n    });\r\n\r\n    // pass on the error\r\n    throw new Error('DOCUMENT UPLOAD ERROR');\r\n  }\r\n};\r\n","// TODO: comment\r\nimport { toast } from 'material-react-toastify';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const deleteDocument = async (\r\n  /**\r\n   *\r\n   */\r\n  id: string,\r\n  /**\r\n   *\r\n   */\r\n  showToast: boolean = true\r\n) => {\r\n  const response = await sendApiRequest<any>(\r\n    `${process.env.REACT_APP_API_URL}api/documents/${id}`,\r\n    null,\r\n    {\r\n      method: 'DELETE',\r\n    }\r\n  );\r\n\r\n  if (showToast) {\r\n    toast.dark('Document Deleted');\r\n  }\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { deleteDocument } from 'api';\r\nimport { toast } from 'material-react-toastify';\r\n\r\nexport const deleteDocuments = async (\r\n  /**\r\n   *\r\n   */\r\n  ids: string[]\r\n): Promise<string[]> => {\r\n  const deletedIds: string[] = [];\r\n\r\n  for (let counter = 0; counter < ids.length; counter++) {\r\n    try {\r\n      const resp: any = await deleteDocument(ids[counter], false);\r\n\r\n      if (resp) {\r\n        deletedIds.push(resp.id);\r\n      } else {\r\n      }\r\n    } catch (e) {}\r\n  }\r\n\r\n  if (ids.length > 1) {\r\n    toast.success(`Documents deleted`);\r\n  } else {\r\n    toast.success(`Documents deleted`);\r\n  }\r\n\r\n  return new Promise((resolve, reject) => {\r\n    if (!ids || deletedIds.length === ids.length) {\r\n      resolve(deletedIds);\r\n    } else {\r\n      reject('Failed to delete documents(s)');\r\n    }\r\n  });\r\n};\r\n","// TODO: comment\r\n\r\nimport { getClientSummary } from 'api/client-holdings';\r\nimport { getDocumentsPerPage } from '../constants';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const getDocuments = async (\r\n  /** */\r\n  start: number = 0,\r\n  /** */\r\n  max: number = getDocumentsPerPage(),\r\n  /** */\r\n  documentTypeCode?: string,\r\n  /**  */\r\n  clientId?: string\r\n) => {\r\n  const data: any = {\r\n    startRowIndex: start,\r\n    maximumRows: max,\r\n  };\r\n\r\n  if (documentTypeCode && documentTypeCode !== 'all') {\r\n    data.documentTypeCode = documentTypeCode;\r\n  }\r\n\r\n  if (clientId && clientId !== 'all') {\r\n    // TODO: async await account ids\r\n    const summary = await getClientSummary(clientId);\r\n\r\n    if (summary) {\r\n      data.accountIds = summary.accounts.map((account) => account.id);\r\n    }\r\n  }\r\n\r\n  try {\r\n    const response = await sendApiRequest<any>(\r\n      `${process.env.REACT_APP_API_URL}api/documents`,\r\n      data\r\n    );\r\n\r\n    return response;\r\n  } catch (e: any) {\r\n    return {\r\n      pagination: {\r\n        maximumRows: max,\r\n        minimumTotalRows: 0,\r\n        startRowIndex: start,\r\n        totalRows: 0,\r\n      },\r\n      documents: [],\r\n    };\r\n  }\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const getDocumentTypes = async () => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/documents/document-types`;\r\n\r\n  const response = await sendApiRequest<any>(endpoint, null, {}, true);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { DocumentUploadRestrictionsResponse } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const getDocumentUploadRestrictions =\r\n  async (): Promise<DocumentUploadRestrictionsResponse> => {\r\n    const endpoint: string = `${process.env.REACT_APP_API_URL}api/documents/document-upload-restrictions`;\r\n\r\n    const response = await sendApiRequest<DocumentUploadRestrictionsResponse>(\r\n      endpoint,\r\n      null,\r\n      {},\r\n      true\r\n    );\r\n\r\n    return response;\r\n  };\r\n","// TODO: comment\r\nexport const getDocumentUri = (\r\n  /**\r\n   *\r\n   */\r\n  id: string\r\n) => {\r\n  return `${process.env.REACT_APP_API_URL}api/documents/${id}`;\r\n};\r\n","// TODO: comment\r\nimport { createDocument } from 'api';\r\nimport { UploadDocumentsData } from 'api/types';\r\nimport { toast } from 'material-react-toastify';\r\n\r\nexport const uploadDocuments = async (\r\n  /**\r\n   *\r\n   */\r\n  files: UploadDocumentsData[]\r\n): Promise<string[]> => {\r\n  const uploadedIds: string[] = [];\r\n\r\n  if (files) {\r\n    for (let counter = 0; counter < files.length; counter++) {\r\n      const file = files[counter].file[0];\r\n      const description = files[counter].description;\r\n\r\n      if (file) {\r\n        const filename = file.name;\r\n        const mimeType = file.type;\r\n\r\n        try {\r\n          const resp: any = await createDocument(\r\n            file,\r\n            description,\r\n            filename,\r\n            mimeType\r\n          );\r\n\r\n          if (resp) {\r\n            uploadedIds.push(resp.id);\r\n          } else {\r\n          }\r\n        } catch (e) {}\r\n      }\r\n    }\r\n\r\n    if (uploadedIds.length > 1) {\r\n      toast.success(`Files uploaded`);\r\n    }\r\n  }\r\n\r\n  return new Promise((resolve, reject) => {\r\n    if (!files || uploadedIds.length === files.length) {\r\n      resolve(uploadedIds);\r\n    } else {\r\n      reject('Document failed to upload');\r\n    }\r\n  });\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from 'api/utils';\r\n\r\n/**\r\n * Represents the response to a request to create a new message\r\n */\r\nexport interface CreateMessageResponse {\r\n  /**\r\n   * Gets or sets the identifier of the new message\r\n   */\r\n  id: string;\r\n}\r\n\r\nexport const createMessage = async (\r\n  /**\r\n   * The subject identifier\r\n   */\r\n  subjectId: string,\r\n\r\n  /**\r\n   * The body of the message\r\n   */\r\n  body: string,\r\n\r\n  /**\r\n   * Gets or sets the document identifiers to attach to this message\r\n   */\r\n  documentIds?: string[]\r\n): Promise<CreateMessageResponse> => {\r\n  const response = await sendApiRequest<CreateMessageResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages`,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      body: JSON.stringify({\r\n        subjectId,\r\n        body,\r\n        documentIds,\r\n      }),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Represents the response to a request to reply to an existing received message\r\n */\r\nexport interface ReplyToReceivedMessageResponse {\r\n  /**\r\n   * Gets or sets the identifier of the new message\r\n   */\r\n  id: string;\r\n}\r\n\r\nexport const createReply = async (\r\n  /**\r\n   *\r\n   */\r\n  id: string,\r\n\r\n  /**\r\n   * Gets or sets the subject\r\n   */\r\n  subject: string,\r\n\r\n  /**\r\n   * The body of the message\r\n   */\r\n  body: string,\r\n\r\n  /**\r\n   * Gets or sets the document identifiers to attach to this message\r\n   */\r\n  documentIds?: string[]\r\n): Promise<ReplyToReceivedMessageResponse> => {\r\n  const response = await sendApiRequest<ReplyToReceivedMessageResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/${id}/reply`,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      body: JSON.stringify({\r\n        subject,\r\n        body,\r\n        documentIds,\r\n      }),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { toast } from 'material-react-toastify';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const deleteReceivedMessage = async (\r\n  /**\r\n   *\r\n   */\r\n  id: string,\r\n  /**\r\n   *\r\n   */\r\n  showToast: boolean = true\r\n) => {\r\n  const response = await sendApiRequest<any>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/${id}`,\r\n    null,\r\n    { method: 'DELETE' }\r\n  );\r\n\r\n  if (showToast) {\r\n    toast.dark('Message Deleted');\r\n  }\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { deleteReceivedMessage } from 'api';\r\nimport { toast } from 'material-react-toastify';\r\n\r\nexport const deleteReceivedMessages = async (\r\n  /**\r\n   *\r\n   */\r\n  ids: string[]\r\n): Promise<string[]> => {\r\n  const deletedIds: string[] = [];\r\n\r\n  for (let counter = 0; counter < ids.length; counter++) {\r\n    try {\r\n      const resp: any = await deleteReceivedMessage(ids[counter], false);\r\n\r\n      if (resp) {\r\n        deletedIds.push(resp.id);\r\n      } else {\r\n      }\r\n    } catch (e) {}\r\n  }\r\n\r\n  if (ids.length > 1) {\r\n    toast.success(`Messages deleted`);\r\n  } else {\r\n    toast.success(`Message deleted`);\r\n  }\r\n\r\n  return new Promise((resolve, reject) => {\r\n    if (!ids || deletedIds.length === ids.length) {\r\n      resolve(deletedIds);\r\n    } else {\r\n      reject('Failed to delete message(s)');\r\n    }\r\n  });\r\n};\r\n","// TODO: comment\r\nimport { toast } from 'material-react-toastify';\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const deleteSentMessage = async (\r\n  /**\r\n   *\r\n   */\r\n  id: string,\r\n  /**\r\n   *\r\n   */\r\n  showToast: boolean = true\r\n) => {\r\n  const response = await sendApiRequest<any>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/sent/${id}`,\r\n    null,\r\n    {\r\n      method: 'DELETE',\r\n    }\r\n  );\r\n\r\n  if (showToast) {\r\n    toast.dark('Message Deleted');\r\n  }\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { deleteSentMessage } from 'api';\r\nimport { toast } from 'material-react-toastify';\r\n\r\nexport const deleteSentMessages = async (\r\n  /**\r\n   *\r\n   */\r\n  ids: string[]\r\n): Promise<string[]> => {\r\n  const deletedIds: string[] = [];\r\n\r\n  for (let counter = 0; counter < ids.length; counter++) {\r\n    try {\r\n      const resp: any = await deleteSentMessage(ids[counter], false);\r\n\r\n      if (resp) {\r\n        deletedIds.push(resp.id);\r\n      } else {\r\n      }\r\n    } catch (e) {}\r\n  }\r\n\r\n  if (ids.length > 1) {\r\n    toast.success(`Messages deleted`);\r\n  } else {\r\n    toast.success(`Message deleted`);\r\n  }\r\n\r\n  return new Promise((resolve, reject) => {\r\n    if (!ids || deletedIds.length === ids.length) {\r\n      resolve(deletedIds);\r\n    } else {\r\n      reject('Failed to delete message(s)');\r\n    }\r\n  });\r\n};\r\n","// TODO: comment\r\nimport { GetActionMessageCountResponse } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get the number of received messages that need action required since the users last login\r\n */\r\nexport const getActionRequiredCount = async (\r\n  /**\r\n   * The maximum number of items to return\r\n   */\r\n  max: number = 10\r\n): Promise<GetActionMessageCountResponse> => {\r\n  const response = await sendApiRequest<GetActionMessageCountResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/action-required/count-since-last-login`,\r\n    {\r\n      maximumRows: max,\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { getReceivedMessage } from 'api';\r\nimport { ReceivedMessage } from '../types';\r\n\r\n/**\r\n * Get the received message from the action required section\r\n */\r\nexport const getActionRequiredMessage = async (\r\n  /**\r\n   * Message ID\r\n   */\r\n  id: string\r\n): Promise<ReceivedMessage> => {\r\n  return getReceivedMessage(id);\r\n};\r\n","// TODO: comment\r\nimport { getMessagesPerPage } from '../constants';\r\nimport { GetReceivedMessagesResponse } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get an array of received messages that require the logged in users attention\r\n */\r\nexport const getActionRequiredMessages = async (\r\n  /**\r\n   * Row offset of accounts\r\n   */\r\n  start: number = 0,\r\n  /**\r\n   * Maximum items to return in the request\r\n   */\r\n  max: number = getMessagesPerPage()\r\n): Promise<GetReceivedMessagesResponse> => {\r\n  const response = await sendApiRequest<GetReceivedMessagesResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/action-required`,\r\n    {\r\n      startRowIndex: start,\r\n      maximumRows: max,\r\n    }\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { Subjects } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get a list of possible message subjects for new message creation\r\n */\r\nexport const getMessageSubjects = async (): Promise<Subjects> => {\r\n  const response = await sendApiRequest<Subjects>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/subjects`,\r\n    null,\r\n    {},\r\n    true\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { ReceivedMessage } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get the received message in the users inbox\r\n */\r\nexport const getReceivedMessage = async (\r\n  /**\r\n   * Message ID\r\n   */\r\n  id: string\r\n): Promise<ReceivedMessage> => {\r\n  const response = await sendApiRequest<ReceivedMessage>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/${id}`\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { getMessagesPerPage } from '../constants';\r\nimport { GetReceivedMessagesResponse } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n/**\r\n * Get an array of received messages from the users inbox\r\n */\r\nexport const getReceivedMessages = async (\r\n  /**\r\n   * Row offset of accounts\r\n   */\r\n  start: number = 0,\r\n  /**\r\n   * Maximum items to return in the request\r\n   */\r\n  max: number = getMessagesPerPage()\r\n): Promise<GetReceivedMessagesResponse> => {\r\n  const response = await sendApiRequest<GetReceivedMessagesResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received`,\r\n    {\r\n      startRowIndex: start,\r\n      maximumRows: max,\r\n    }\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { SentMessage } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n/**\r\n * Get a message from the users sent items\r\n */\r\nexport const getSentMessage = async (\r\n  /**\r\n   * Message ID\r\n   */\r\n  id: string\r\n): Promise<SentMessage> => {\r\n  const response = await sendApiRequest<SentMessage>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/sent/${id}`\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { getMessagesPerPage } from '../constants';\r\nimport { GetSentMessagesResponse } from '../types';\r\nimport { sendApiRequest } from '../utils';\r\n/**\r\n * Get an array of sent messages\r\n */\r\nexport const getSentMessages = async (\r\n  /**\r\n   * Row offset of accounts\r\n   */\r\n  start: number = 0,\r\n  /**\r\n   * Maximum items to return in the request\r\n   */\r\n  max: number = getMessagesPerPage()\r\n): Promise<GetSentMessagesResponse> => {\r\n  const response = await sendApiRequest<GetSentMessagesResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/sent`,\r\n    {\r\n      startRowIndex: start,\r\n      maximumRows: max,\r\n    }\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\n\r\nexport const getUnreadMessageCount = async (\r\n  /**\r\n   *\r\n   */\r\n  max: number = 10\r\n) => {\r\n  const response = await sendApiRequest<any>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/unread-count`,\r\n    {\r\n      maximumRows: max,\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\n\r\nimport { sendApiRequest } from '../utils';\r\n\r\ninterface UpdateActionRequiredRequest {\r\n  actionRequired: boolean;\r\n}\r\n\r\ninterface MarkReceivedMessageAsReadResponse {\r\n  id: string;\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport const setActionRequired = async (\r\n  /** Message ID */\r\n  id: string,\r\n\r\n  /** ... */\r\n  payload: UpdateActionRequiredRequest\r\n): Promise<MarkReceivedMessageAsReadResponse> => {\r\n  const response = await sendApiRequest<MarkReceivedMessageAsReadResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/${id}/set-actionrequired`,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      body: JSON.stringify(payload),\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\n\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Represents the response to a request to mark a received message as being \"read\"\r\n */\r\nexport interface MarkReceivedMessageAsReadResponse {\r\n  /**\r\n   * Gets or sets the identifier of the message\r\n   */\r\n  id: string;\r\n}\r\n\r\n/**\r\n * Mark a received message as read\r\n */\r\nexport const setMessageAsRead = async (\r\n  /**\r\n   * Message ID\r\n   */\r\n  id: string\r\n): Promise<MarkReceivedMessageAsReadResponse> => {\r\n  const response = await sendApiRequest<MarkReceivedMessageAsReadResponse>(\r\n    `${process.env.REACT_APP_API_URL}api/messages/received/${id}/mark-as-read`,\r\n    null,\r\n    {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application/json' },\r\n    }\r\n  );\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { OurThinkingModel } from './types';\r\n\r\nexport const getArticle = async (articleId: string) => {\r\n  const data: OurThinkingModel = {\r\n    id: articleId,\r\n    title: 'Attractive income from listed alternative investments',\r\n    image: '',\r\n    date: '05-04-2001',\r\n    readTime: '5 mins',\r\n    format: 'doc',\r\n    excerpt:\r\n      'Tony Foster, Investment Director with the Diversified Assets team, retires in April 2021. He looks back at some of the turning points in his fund',\r\n  };\r\n\r\n  return data;\r\n};\r\n","// TODO: comment\r\nimport { OurThinkingModel } from './types';\r\n\r\nexport const getArticles = async () => {\r\n  const data: OurThinkingModel[] = [\r\n    {\r\n      id: 'item-1',\r\n      title: 'Attractive income from listed alternative investments',\r\n      image: 'https://picsum.photos/400/200',\r\n      date: '05-04-2001',\r\n      readTime: '5 mins',\r\n      format: 'doc',\r\n      excerpt:\r\n        'Tony Foster, Investment Director with the Diversified Assets team, retires in April 2021. He looks back at some of the turning points in his fund',\r\n    },\r\n    {\r\n      id: 'item-2',\r\n      title:\r\n        'Macro Matters: what rising bond yields mean for markets and the economy',\r\n      image: 'https://picsum.photos/400/200',\r\n      date: '05-04-2001',\r\n      readTime: '5 mins',\r\n      format: 'doc',\r\n      excerpt:\r\n        'Are higher bond yields a headwind to the economic recovery and financial markets, or justified by the improvement in economic prospects as',\r\n    },\r\n    {\r\n      id: 'item-3',\r\n      title: 'From small- to large-caps – the case for European equities',\r\n      image: 'https://picsum.photos/400/200',\r\n      date: '05-04-2001',\r\n      readTime: '5 mins',\r\n      format: 'doc',\r\n      excerpt:\r\n        'The Covid-19 crisis is unlike anything we have ever faced. However, we are starting to see a glimmer of hope. Markets, too, appear to be over the',\r\n    },\r\n    {\r\n      id: 'item-4',\r\n      title: 'Investing for Net Zero',\r\n      date: '05-04-2001',\r\n      readTime: '5 mins',\r\n      format: 'doc',\r\n    },\r\n    {\r\n      id: 'item-5',\r\n      title: 'UK mid-caps – far from middle of the road',\r\n      date: '05-04-2001',\r\n      readTime: '5 mins',\r\n      format: 'doc',\r\n    },\r\n  ];\r\n\r\n  return data;\r\n};\r\n","// TODO: comment\r\nimport { GetPartiesResponse } from 'api/types';\r\nimport { getPartiesPerPage } from '../constants';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n * Get a list of the users accounts\r\n * @param start\r\n * @param max\r\n * @returns\r\n */\r\nexport const getAccounts = async (\r\n  /**\r\n   * Row offset of accounts\r\n   */\r\n  start: number = 0,\r\n  /**\r\n   * Maximum items to return in the request\r\n   */\r\n  max: number = getPartiesPerPage()\r\n): Promise<GetPartiesResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/parties`;\r\n\r\n  const data = {\r\n    startRowIndex: start,\r\n    maximumRows: max,\r\n  };\r\n\r\n  const response = await sendApiRequest<GetPartiesResponse>(endpoint, data);\r\n  return response;\r\n};\r\n","import { getUserDetails } from 'api';\r\nimport { hash } from 'utils';\r\n\r\n// TODO: comment\r\nexport const removeFromFavourites = async (\r\n  /**\r\n   *\r\n   */\r\n  userId: string,\r\n  /**\r\n   *\r\n   */\r\n  fundCode: string\r\n) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const stored = await getStoredFavourites();\r\n\r\n    // remove the possible item from favourites\r\n    const items: string[] = stored.filter((item) => item !== fundCode);\r\n\r\n    // save to local storage\r\n    window.localStorage.setItem(userId, JSON.stringify(items));\r\n  }\r\n};\r\n\r\nexport const addToFavourites = async (\r\n  /**\r\n   *\r\n   */\r\n  userId: string,\r\n  /**\r\n   *\r\n   */\r\n  fundCode: string\r\n) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const stored = await getStoredFavourites();\r\n\r\n    // remove the possible item from favourites - to avoid duplicates\r\n    const items: string[] = stored.filter((item) => item !== fundCode);\r\n\r\n    // add the item in\r\n    items.push(fundCode);\r\n\r\n    // save to local storage\r\n    window.localStorage.setItem(userId, JSON.stringify(items));\r\n  }\r\n};\r\n\r\nexport const getStoredFavourites = async (): Promise<string[]> => {\r\n  const userDetails = await getUserDetails();\r\n\r\n  const userId: string = hash(userDetails.emailAddress);\r\n\r\n  if (typeof Storage !== 'undefined') {\r\n    // TODO: get this list based on some kind of logged in user key\r\n    const savedList: null | string = window.localStorage.getItem(userId);\r\n\r\n    if (savedList) {\r\n      return JSON.parse(savedList);\r\n    }\r\n  }\r\n\r\n  return [];\r\n};\r\n\r\n/**\r\n *\r\n */\r\nexport const favouriteFund = async (\r\n  /**\r\n   *\r\n   */\r\n  fundCode: string,\r\n  /**\r\n   *\r\n   */\r\n  save: boolean\r\n): Promise<boolean> => {\r\n  // get the user details\r\n  const userDetails = await getUserDetails();\r\n\r\n  const userId: string = hash(userDetails.emailAddress);\r\n\r\n  save\r\n    ? addToFavourites(userId, fundCode)\r\n    : removeFromFavourites(userId, fundCode);\r\n\r\n  return new Promise((resolve, reject) => {\r\n    resolve(save);\r\n  });\r\n};\r\n","// TODO: comment\r\nimport { AllFilters } from 'api/types';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n *\r\n */\r\nexport const getFilters = async (\r\n  /**\r\n   * Investor Type\r\n   */\r\n  investorType?: string,\r\n  /**\r\n   * Country\r\n   */\r\n  countryCode?: string\r\n): Promise<AllFilters> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/portfolio-holdings/fund-filters`;\r\n\r\n  const data = {\r\n    investorType: investorType ? investorType : undefined,\r\n    countryCode: countryCode ? countryCode : undefined,\r\n  };\r\n\r\n  const response = await sendApiRequest<AllFilters>(endpoint, data, {}, true);\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\nimport { FundSummaryResponse } from './types';\r\n\r\n/**\r\n *\r\n */\r\nexport const getFundSummary = async (\r\n  /**\r\n   * The fund code.\r\n   */\r\n  fundCode: string,\r\n  /**\r\n   * The valuation date. Optional. Defaults to latest available.\r\n   */\r\n  valuationDate?: Date | null | undefined,\r\n  /**\r\n   * Size of the instrument asset class. Optional.\r\n   */\r\n  instrumentAssetClassSize?: number | null | undefined,\r\n  /**\r\n   * Size of the country of issue. Optional.\r\n   */\r\n  countryOfIssueSize?: number | null | undefined\r\n): Promise<FundSummaryResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/portfolio-holdings/funds/${fundCode}/summary`;\r\n\r\n  const data: any = {};\r\n\r\n  if (valuationDate) {\r\n    data.valuationDate = (() => {\r\n      const selectedDate = new Date(\r\n        valuationDate.getFullYear(),\r\n        valuationDate.getMonth() + 1,\r\n        0\r\n      );\r\n\r\n      return dayjs(selectedDate).format('YYYY-MM-DD');\r\n    })();\r\n  }\r\n\r\n  if (instrumentAssetClassSize) {\r\n    data.instrumentAssetClassSize = instrumentAssetClassSize;\r\n  }\r\n\r\n  if (countryOfIssueSize) {\r\n    data.countryOfIssueSize = countryOfIssueSize;\r\n  }\r\n\r\n  try {\r\n    const response = await sendApiRequest<FundSummaryResponse>(endpoint, data);\r\n\r\n    return response;\r\n  } catch (e) {\r\n    return {\r\n      fundObjective: null,\r\n      instrumentAssetClassSummary: [],\r\n      countryOfIssueSummary: [],\r\n    };\r\n  }\r\n};\r\n","// TODO: comment\r\nimport { FundResponse } from 'api/types';\r\nimport dayjs from 'dayjs';\r\nimport { sendApiRequest } from '../utils';\r\n\r\n/**\r\n *\r\n */\r\nexport const getFundData = async (\r\n  /**\r\n   * The fund code\r\n   */\r\n  fundCode: string,\r\n  /**\r\n   * The valuation date\r\n   */\r\n  valuationDate: Date | null | undefined,\r\n  /**\r\n   * The page number of the holdings to return.\r\n   */\r\n  pageNumber: number = 0,\r\n  /**\r\n   * Size of the page of holdings to return. Optional. Defaults to 50.\r\n   */\r\n  pageSize: number = 50,\r\n  /**\r\n   * Holdings sort clause. Optional. One of: assetclass, marketvalue or countryofissue with optional {_asc} or {_desc} suffix.\r\n   */\r\n  pageSortBy: string = '',\r\n  /**\r\n   *\r\n   */\r\n  pageSortOrder: 'asc' | 'desc' = 'asc',\r\n  /**\r\n   * Holdings filter clause. Optional. Case insensitive.\r\n   */\r\n  pageFilter: string = ''\r\n): Promise<FundResponse> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/portfolio-holdings/funds/${fundCode}`;\r\n\r\n  const data = {\r\n    //\r\n    valuationDate: valuationDate\r\n      ? (() => {\r\n          const selectedDate = new Date(\r\n            valuationDate.getFullYear(),\r\n            valuationDate.getMonth() + 1,\r\n            0\r\n          );\r\n\r\n          return dayjs(selectedDate).format('YYYY-MM-DD');\r\n        })()\r\n      : undefined,\r\n    // the api is not zero based, so adjust it\r\n    pageNumber: pageNumber + 1,\r\n    pageSize,\r\n    pageSortBy: pageSortBy ? `${pageSortBy}_${pageSortOrder}` : undefined,\r\n    pageFilter: pageFilter || undefined,\r\n  };\r\n\r\n  const response = await sendApiRequest<FundResponse>(endpoint, data);\r\n\r\n  if (response) {\r\n    // adjust the response to page the paging zero based\r\n    response.paging.pageNumber = response.paging.pageNumber - 1;\r\n  }\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest } from '../utils';\r\nimport { FundlistingProps } from './types';\r\n\r\n/**\r\n *\r\n */\r\nexport const getFundList = async (\r\n  /**\r\n   * One or more fund codes to filter the funds.\r\n   */\r\n  fundCode?: string[],\r\n  /**\r\n   * Fund name to filter the funds.\r\n   */\r\n  fundName?: string,\r\n  /**\r\n   * One or more fund ranges to filter the funds.\r\n   */\r\n  fundRange?: string[],\r\n  /**\r\n   * One or more product types to filter the funds.\r\n   */\r\n  productType?: string[],\r\n  /**\r\n   * One or more fund asset classes to filter the funds.\r\n   */\r\n  fundAssetClass?: string[],\r\n  /**\r\n   * Investor Type\r\n   */\r\n  investorType?: string,\r\n  /**\r\n   * Country\r\n   */\r\n  countryCode?: string\r\n): Promise<FundlistingProps> => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/portfolio-holdings/funds`;\r\n\r\n  const data = {\r\n    fundCode: fundCode || undefined,\r\n    fundName: fundName || undefined,\r\n    fundRange: fundRange || undefined,\r\n    productType: productType || undefined,\r\n    fundAssetClass: fundAssetClass || undefined,\r\n    investorType: investorType ? investorType : undefined,\r\n    countryCode: countryCode ? countryCode : undefined,\r\n  };\r\n\r\n  const response = await sendApiRequest<FundlistingProps>(endpoint, data);\r\n\r\n  return response;\r\n};\r\n","// TODO: comment\r\nimport { sendApiRequest, withQuery } from '../utils';\r\n\r\nexport const getPortfolioHoldingDownload = async (\r\n  /**\r\n   * The fund code\r\n   */\r\n  fundCode: string,\r\n  /**\r\n   * The valuation date. Optional. Defaults to latest available\r\n   */\r\n  valuationDate?: string,\r\n  /**\r\n   * The download format. Optional. Defaults to XLSX (Excel).\r\n   */\r\n  format: string = 'XLSX'\r\n): Promise<any> => {\r\n  const response = await sendApiRequest<any>(\r\n    getPortfolioHoldingDownloadUri(fundCode, valuationDate, format)\r\n  );\r\n  return response;\r\n};\r\n\r\nexport const getPortfolioHoldingDownloadUri = (\r\n  /**\r\n   * The fund code\r\n   */\r\n  fundCode: string,\r\n  /**\r\n   * The valuation date. Optional. Defaults to latest available\r\n   */\r\n  valuationDate?: string,\r\n  /**\r\n   * The download format. Optional. Defaults to XLSX (Excel).\r\n   */\r\n  format: string = 'XLSX'\r\n) => {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/portfolio-holdings/funds/${fundCode}/download`;\r\n\r\n  const data: any = {\r\n    valuationDate,\r\n    format,\r\n  };\r\n\r\n  return withQuery(endpoint, data);\r\n};\r\n","// TODO: comment\r\nimport { getStoredFavourites } from '.';\r\n\r\n/**\r\n *\r\n */\r\nexport const getSavedFundList = async (): Promise<string[]> => {\r\n  const data = await getStoredFavourites();\r\n\r\n  return new Promise((resolve, reject) => {\r\n    resolve(data);\r\n  });\r\n};\r\n","// TODO: comment\r\n// TODO: apply grid\r\nimport { FormControl, Select } from '@material-ui/core';\r\nimport PaginationItem from '@material-ui/lab/PaginationItem';\r\nimport React, { Fragment } from 'react';\r\nimport './Pagination.scss';\r\n\r\ninterface Props {\r\n  maximumRows: number;\r\n  minimumTotalRows: number;\r\n  onPageChange(items: number): void;\r\n  onPagination(page: number, rowsPerPage: number): void;\r\n  pagesToShow?: number;\r\n  rowsPerPage: number;\r\n  rowsPerPageOptions?: number[];\r\n  showSelector?: boolean;\r\n  startRowIndex: number;\r\n  totalRows: number;\r\n}\r\n\r\nexport const Pagination = ({\r\n  onPagination,\r\n  onPageChange,\r\n  rowsPerPage,\r\n  startRowIndex,\r\n  maximumRows,\r\n  minimumTotalRows,\r\n  pagesToShow = 7,\r\n  showSelector = true,\r\n  rowsPerPageOptions = [5, 10, 25],\r\n  totalRows,\r\n}: Props) => {\r\n  const currentPage: number = Math.floor(startRowIndex / maximumRows);\r\n  const lastPage: number = Math.ceil(minimumTotalRows / maximumRows);\r\n\r\n  let start: number =\r\n    lastPage > pagesToShow\r\n      ? Math.max(currentPage - Math.floor(pagesToShow / 2), 0)\r\n      : 0;\r\n\r\n  const end: number = Math.min(start + pagesToShow, lastPage);\r\n\r\n  //\r\n  if (end - start < pagesToShow) {\r\n    start = Math.max(0, end - pagesToShow);\r\n  }\r\n\r\n  const pages = [];\r\n\r\n  for (let i: number = start; i < end; i++) {\r\n    pages.push(\r\n      <PaginationItem\r\n        color=\"primary\"\r\n        page={i + 1}\r\n        variant=\"text\"\r\n        key={`page-${i}`}\r\n        onClick={() => {\r\n          onPagination(i, rowsPerPage);\r\n        }}\r\n        selected={i === currentPage}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <div className=\"pagination\">\r\n        {minimumTotalRows > maximumRows && (\r\n          <div className=\"pagination__pages\">\r\n            <PaginationItem\r\n              variant=\"text\"\r\n              type=\"previous\"\r\n              color=\"primary\"\r\n              page={currentPage - 1}\r\n              onClick={() => {\r\n                onPagination(currentPage - 1, rowsPerPage);\r\n              }}\r\n              disabled={currentPage - 1 < 0}\r\n            />\r\n\r\n            {pages}\r\n\r\n            <PaginationItem\r\n              variant=\"text\"\r\n              type=\"next\"\r\n              color=\"primary\"\r\n              page={currentPage + 1}\r\n              onClick={() => {\r\n                onPagination(currentPage + 1, rowsPerPage);\r\n              }}\r\n              disabled={currentPage + 1 >= lastPage}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {showSelector && minimumTotalRows > rowsPerPageOptions[0] && (\r\n          <div className=\"pagination__selector\">\r\n            <label>Rows per page</label>\r\n            <FormControl variant=\"outlined\">\r\n              <Select\r\n                native\r\n                value={rowsPerPage}\r\n                onChange={(ev: any) => {\r\n                  onPageChange(Number(ev.target.value));\r\n                }}\r\n                inputProps={{\r\n                  name: 'page',\r\n                  id: 'page-size',\r\n                }}\r\n              >\r\n                {rowsPerPageOptions.map((item: number) => {\r\n                  return (\r\n                    <option key={item} value={item}>\r\n                      {item}\r\n                    </option>\r\n                  );\r\n                })}\r\n              </Select>\r\n            </FormControl>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nexport const validCharacters = (value: any) => {\r\n  return String(value).match(/[.:/]+/gi) === null && noHTML(value);\r\n};\r\n\r\nexport const noHTML = (value: any) => {\r\n  const isNotHTML = String(value).match(/(<[A-Za-z!/?])/gi) === null;\r\n  const isNotEscaped = String(value).match(/(&#)/gi) === null;\r\n\r\n  return isNotHTML && isNotEscaped;\r\n};\r\n","// TODO: comment\r\nconst SI_SYMBOL = ['', 'k', 'mn', 'bn', 'T', 'P', 'E'];\r\n\r\nexport const abbreviateNumber = (\r\n  number: number,\r\n  decimalPlaces: number = 1\r\n): string => {\r\n  // what tier? (determines SI symbol)\r\n  const tier = (Math.log10(Math.abs(number)) / 3) | 0;\r\n\r\n  // if zero, we don't need a suffix\r\n  if (tier === 0) {\r\n    return String(number);\r\n  }\r\n\r\n  // get suffix and determine scale\r\n  const suffix = SI_SYMBOL[tier];\r\n  const scale = Math.pow(10, tier * 3);\r\n\r\n  // scale the number\r\n  const scaled = number / scale;\r\n\r\n  const value = String(scaled.toFixed(decimalPlaces)).replace(\r\n    /([0-9])([0]+)$/g,\r\n    '$1'\r\n  );\r\n\r\n  // format number and add suffix\r\n  return `${value}${suffix}`;\r\n};\r\n","// TODO: comment\r\nexport const delayFire = (callback: any, ms: number = 100) => {\r\n  setTimeout(callback, ms);\r\n};\r\n","// TODO: comment\r\nexport const formatMoney = (\r\n  /**\r\n   *\r\n   */\r\n  value: number,\r\n  /**\r\n   *\r\n   */\r\n  currency: string = 'GBP',\r\n  /**\r\n   *\r\n   */\r\n  decimalPlaces: number = 2\r\n): string => {\r\n  return value.toLocaleString('en-GB', {\r\n    style: 'currency',\r\n    currency,\r\n    minimumFractionDigits: decimalPlaces,\r\n  });\r\n};\r\n","// TODO: comment\r\nexport const formatNumber = (\r\n  /**\r\n   *\r\n   */\r\n  value: number,\r\n  /**\r\n   *\r\n   */\r\n  currency: string = 'GBP',\r\n  /**\r\n   *\r\n   */\r\n  decimalPlaces: number = 2\r\n): string => {\r\n  return value.toLocaleString('en-GB', {\r\n    currency,\r\n    minimumFractionDigits: decimalPlaces,\r\n  });\r\n};\r\n","// TODO: comment\r\nexport type Keys = {\r\n  [key: string]: string | number;\r\n};\r\n\r\nexport const formatString = (str: string, keys: Keys = {}): string => {\r\n  Object.keys(keys).forEach((key) => {\r\n    str = str.replace(`{${key}}`, String(keys[key]));\r\n  });\r\n\r\n  return str;\r\n};\r\n","// TODO: comment\r\nimport { getLocalisedDate } from './';\r\n\r\nexport const getDateFormat = (\r\n  date: string | Date,\r\n  format: string = 'DD MMM YYYY'\r\n): string => {\r\n  // get the parsed date\r\n  return getLocalisedDate(date).format(format);\r\n};\r\n","// TODO: comment\r\nimport { getLocalisedDate } from './';\r\n\r\nexport const getFormattedDate = (\r\n  date: string | Date,\r\n  showTime: boolean = true,\r\n  showToday: boolean = true\r\n): string => {\r\n  // get todays date\r\n  const today = getLocalisedDate().format('DD MMM YYYY');\r\n\r\n  const localized = getLocalisedDate(date);\r\n\r\n  // get the parsed date\r\n  const parsed = localized.format('DD MMM YYYY');\r\n\r\n  // if the dates match, only show the time\r\n  if (showToday && today === parsed) {\r\n    if (showTime) {\r\n      return `Today ${localized.format('HH:mm')}`;\r\n    }\r\n\r\n    return 'Today';\r\n  }\r\n\r\n  // return full date\r\n  return parsed;\r\n};\r\n","// TODO: comment\r\nimport { getLocalisedDate } from './';\r\n\r\nexport const getFormattedMonth = (date: string): string => {\r\n  return getLocalisedDate(date).format('MMM YY');\r\n};\r\n","import dayjs from 'dayjs';\r\n\r\nexport const getLocalisedDate = (\r\n  date: string | Date | undefined = undefined\r\n) => {\r\n  try {\r\n    return dayjs(date).tz('Europe/London');\r\n  } catch (e) {\r\n    return dayjs(date);\r\n  }\r\n};\r\n","// TODO: comment\r\nimport { getLocalisedDate } from './';\r\n\r\nexport const getSpecificFormattedDate = (date: string): string => {\r\n  const d = getLocalisedDate(date);\r\n\r\n  return `${d.format('DD MMM YYYY')} at ${d.format('HH:mm')}`;\r\n};\r\n","import * as CryptoJS from 'crypto-js';\r\n\r\nexport const hash = (s: string, prefix: string = 'usr'): string => {\r\n  let h: number = 0;\r\n\r\n  for (let i = 0; i < s.length; i++)\r\n    h = (Math.imul(31, h) + s.charCodeAt(i)) | 0;\r\n\r\n  return `${prefix}-${Math.abs(h)}`;\r\n};\r\n\r\nexport function sha256(input: string) {\r\n  return CryptoJS.SHA256(input).toString(CryptoJS.enc.Hex);\r\n}\r\n","export const getLocalStorageItem = <T>(name: string, defaultValue: T): T => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const item = localStorage.getItem(name);\r\n\r\n    if (item) {\r\n      return JSON.parse(item);\r\n    }\r\n  }\r\n\r\n  return defaultValue;\r\n};\r\n\r\nexport const setLocalStorageItem = (name: string, value: unknown) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.setItem(name, JSON.stringify(value));\r\n  }\r\n};\r\n\r\nexport const deleteLocalStorageItem = (name: string) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.removeItem(name);\r\n  }\r\n};\r\n\r\nexport const deleteLocalStorageItems = () => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.clear();\r\n  }\r\n};\r\n\r\nexport const getSessionStorageItem = <T>(name: string, defaultValue: T): T => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const item = sessionStorage.getItem(name);\r\n\r\n    if (item) {\r\n      return JSON.parse(item);\r\n    }\r\n  }\r\n\r\n  return defaultValue;\r\n};\r\n\r\nexport const setSessionStorageItem = (name: string, value: unknown) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    sessionStorage.setItem(name, JSON.stringify(value));\r\n  }\r\n};\r\n\r\nexport const deleteSessionStorageItem = (name: string) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    sessionStorage.removeItem(name);\r\n  }\r\n};\r\n\r\nexport const deleteSessionStorageItems = () => {\r\n  if (typeof Storage !== 'undefined') {\r\n    sessionStorage.clear();\r\n  }\r\n};\r\n","export const isObjectEmpty = (object?: any): boolean => {\r\n  return !!(\r\n    object &&\r\n    Object.keys(object).length === 0 &&\r\n    Object.getPrototypeOf(object) === Object.prototype\r\n  );\r\n};\r\n","export const reverseLookup = (\r\n  items: any[],\r\n  value: string,\r\n  search: string,\r\n  respond: string\r\n) => {\r\n  const match = items.filter((item) => {\r\n    return item[search] === value;\r\n  });\r\n\r\n  if (match && match.length > 0) {\r\n    return match[0][respond];\r\n  }\r\n\r\n  return value;\r\n};\r\n","// TODO: comment\r\n\r\nexport const THOUSAND_UNIT: string = 'k';\r\nexport const MILLION_UNIT: string = 'mn';\r\nexport const BILLION_UNIT: string = 'bn';\r\n\r\nconst MoneyDefaults = {\r\n  billion: {\r\n    decimal: 1,\r\n    unit: BILLION_UNIT,\r\n  },\r\n  million: {\r\n    decimal: 1,\r\n    unit: MILLION_UNIT,\r\n  },\r\n  thousand: {\r\n    decimal: 1,\r\n    unit: THOUSAND_UNIT,\r\n  },\r\n};\r\n\r\nexport const roundMoney = (value: number, options: any = MoneyDefaults) => {\r\n  let number = Math.abs(Number(value));\r\n\r\n  // Nine zeros for Billions\r\n  if (Number(number) >= 1.0e9) {\r\n    return (\r\n      (number / 1.0e9).toFixed(options.billion.decimal) +\r\n      `${options.billion.unit}`\r\n    );\r\n  }\r\n\r\n  // Six zeros for Millions\r\n  if (Number(number) >= 1.0e6) {\r\n    return (\r\n      (number / 1.0e6).toFixed(options.million.decimal) +\r\n      `${options.million.unit}`\r\n    );\r\n  }\r\n\r\n  // Thrhee zeros for Thousands\r\n  if (Number(number) >= 1.0e3) {\r\n    return (\r\n      (number / 1.0e3).toFixed(options.thousand.decimal) +\r\n      `${options.thousand.unit}`\r\n    );\r\n  }\r\n\r\n  return number;\r\n};\r\n","export const escapeStringForRegEx = (str: string): string => {\r\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\r\n};\r\n","// TODO: comment\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { Box, Container, Paper } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport clsx from 'clsx';\r\nimport React from 'react';\r\nimport { ThemeDark } from 'styles';\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n  imagePath?: string;\r\n}\r\n\r\nexport const Banner = ({ children, imagePath }: Props) => {\r\n  const { isSmall } = useWidth();\r\n\r\n  const useStyles = makeStyles(() => ({\r\n    banner: {\r\n      position: 'relative',\r\n      zIndex: 0,\r\n      background: `#1C2939`,\r\n    },\r\n\r\n    bannerImage: {\r\n      background: `#1C2939 url(${imagePath}) no-repeat 50% 50%`,\r\n      backgroundSize: 'cover',\r\n\r\n      '&::before': {\r\n        content: '\"\"',\r\n        position: 'absolute',\r\n        top: 0,\r\n        left: 0,\r\n        right: '40%',\r\n        bottom: 0,\r\n        zIndex: 10,\r\n        background:\r\n          'linear-gradient(90deg, #1C2939 66.15%, rgba(28, 41, 57, 0) 100%)',\r\n      },\r\n    },\r\n    bannerMobile: {\r\n      '&::after': {\r\n        content: '\"\"',\r\n        position: 'absolute',\r\n        top: 0,\r\n        left: 0,\r\n        right: 0,\r\n        bottom: 0,\r\n        zIndex: 9,\r\n        background: 'rgba(28, 41, 57, .5)',\r\n      },\r\n    },\r\n    main: { position: 'relative', zIndex: 10 },\r\n  }));\r\n\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <ThemeDark>\r\n      <Paper>\r\n        <Box\r\n          paddingY={7}\r\n          className={clsx(classes.banner, {\r\n            [classes.bannerImage]: !!imagePath,\r\n            [classes.bannerMobile]: isSmall,\r\n          })}\r\n        >\r\n          <Container>\r\n            <Box className={classes.main}>{children}</Box>\r\n          </Container>\r\n        </Box>\r\n      </Paper>\r\n    </ThemeDark>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, BoxProps, Paper } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React from 'react';\r\n\r\ninterface Props extends BoxProps {\r\n  children: React.ReactNode;\r\n  elevation?: number;\r\n  paper?: boolean;\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  paper: {\r\n    border: '1px solid #D9D9D6',\r\n  },\r\n}));\r\n\r\nexport const AbrdnBox = ({\r\n  paper = true,\r\n  children,\r\n  elevation = 0,\r\n  ...rest\r\n}: Props) => {\r\n  const classes = useStyles();\r\n\r\n  if (paper) {\r\n    return (\r\n      <Paper className={classes.paper} elevation={elevation}>\r\n        <Box padding={3} {...rest}>\r\n          {children}\r\n        </Box>\r\n      </Paper>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box padding={3} {...rest}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box } from '@material-ui/core';\r\nimport React from 'react';\r\ninterface Props {\r\n  cols?: number;\r\n  pallette?: string[];\r\n  rows?: number;\r\n}\r\n\r\nexport const Balls = ({\r\n  rows = 12,\r\n  cols = 6,\r\n  pallette = ['#00205B', '#A7A8A9', '#0057B7', '#00C1D4'],\r\n}: Props) => {\r\n  const size: number = 9;\r\n\r\n  const vals: number[] = Array.from({ length: rows * cols }, () =>\r\n    Math.round(Math.random())\r\n  );\r\n\r\n  let y: number = 0;\r\n\r\n  return (\r\n    <Box>\r\n      <svg\r\n        width={cols * (size * 2)}\r\n        height={rows * (size * 2)}\r\n        viewBox={`0 0 ${cols * (size * 2)} ${rows * (size * 2)}`}\r\n        fill=\"none\"\r\n      >\r\n        {vals.map((item, index: number) => {\r\n          const x: number = index % cols;\r\n\r\n          if ((index + 1) % cols === 0) {\r\n            y++;\r\n          }\r\n\r\n          const px: number = x * (size * 2) + size;\r\n          const py: number = y * (size * 2) + size;\r\n\r\n          if (!item) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            <circle\r\n              key={`c-${index}`}\r\n              r={size}\r\n              cx={px}\r\n              cy={py}\r\n              fill={pallette[Math.floor(Math.random() * pallette.length)]}\r\n            />\r\n          );\r\n        })}\r\n      </svg>\r\n    </Box>\r\n  );\r\n};\r\n","import { Box, Grid, Typography } from '@material-ui/core';\r\nimport { FundSummaryResponse } from 'api/types';\r\nimport { BarChart, ChartData, PieChart } from 'components/chart';\r\nimport React from 'react';\r\n\r\nconst content = {\r\n  title: 'Fund composition',\r\n  assetClassTitle: 'By Asset Class',\r\n  countryOfIssueTitle: 'By Country of Issue',\r\n};\r\n\r\ninterface Props {\r\n  assetMapping: any;\r\n  summary: FundSummaryResponse | undefined;\r\n}\r\n\r\nexport const FundSummary = ({ summary, assetMapping = {} }: Props) => {\r\n  const drawAssetClass: boolean = !!(\r\n    summary &&\r\n    summary.instrumentAssetClassSummary &&\r\n    summary.instrumentAssetClassSummary.length > 0\r\n  );\r\n\r\n  const drawCountry: boolean = !!(\r\n    summary &&\r\n    summary.countryOfIssueSummary &&\r\n    summary.countryOfIssueSummary.length > 0\r\n  );\r\n\r\n  if (!drawAssetClass && !drawCountry) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box paddingBottom={2}>\r\n      <Typography variant=\"h4\">{content.title}</Typography>\r\n      <Grid container spacing={8}>\r\n        {summary && drawAssetClass && (\r\n          <Grid item xs={12} md={6}>\r\n            <BarChart\r\n              title={content.assetClassTitle}\r\n              mapping={assetMapping}\r\n              data={\r\n                summary.instrumentAssetClassSummary.map((item) => {\r\n                  return {\r\n                    title: item.instrumentAssetClass,\r\n                    value: item.totalMarketValuePercentage * 100,\r\n                  };\r\n                }) as ChartData[]\r\n              }\r\n            />\r\n          </Grid>\r\n        )}\r\n        {summary && drawCountry && (\r\n          <Grid item xs={12} md={6}>\r\n            <PieChart\r\n              title={content.countryOfIssueTitle}\r\n              data={\r\n                summary.countryOfIssueSummary.map((item) => {\r\n                  return {\r\n                    title: item.countryOfIssueName,\r\n                    value: item.totalMarketValuePercentage * 100,\r\n                  };\r\n                }) as ChartData[]\r\n              }\r\n            />\r\n          </Grid>\r\n        )}\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell as MuiTableCell,\r\n  TableContainer,\r\n  TableFooter,\r\n  TableHead,\r\n  TableRow as MuiTableRow,\r\n  TableSortLabel,\r\n} from '@material-ui/core';\r\nimport { withStyles } from '@material-ui/core/styles';\r\n\r\nexport {\r\n  Table,\r\n  TableBody,\r\n  TableContainer,\r\n  TableFooter,\r\n  TableHead,\r\n  TableSortLabel,\r\n};\r\n\r\nexport const TableCell = withStyles((theme) => ({\r\n  head: {\r\n    backgroundColor: theme.palette.common.black,\r\n    color: theme.palette.common.white,\r\n  },\r\n  body: {\r\n    fontSize: 14,\r\n  },\r\n}))(MuiTableCell);\r\n\r\nexport const TableRow = withStyles((theme) => ({\r\n  root: {\r\n    '&:nth-of-type(odd)': {\r\n      //backgroundColor: theme.palette.action.hover,\r\n      backgroundColor: '#eee',\r\n    },\r\n    '&:nth-of-type(even)': {\r\n      //backgroundColor: theme.palette.action.hover,\r\n      backgroundColor: '#E0E0E0',\r\n    },\r\n  },\r\n}))(MuiTableRow);\r\n","export const isIE = (): boolean => {\r\n  // @ts-ignore\r\n  if (navigator.userAgentData) {\r\n    return false;\r\n  } else {\r\n    return (\r\n      navigator.userAgent.indexOf('MSIE') !== -1 ||\r\n      navigator.appVersion.indexOf('Trident/') > -1\r\n    );\r\n  }\r\n};\r\n","// cookie tracking name\r\nconst COOKIE_NAME: string = 'OptanonConsent';\r\n\r\nfunction getCookie(cname: string) {\r\n  let name = cname + '=';\r\n  let decodedCookie = decodeURIComponent(document.cookie);\r\n  let ca = decodedCookie.split(';');\r\n  for (let i = 0; i < ca.length; i++) {\r\n    let c = ca[i];\r\n    while (c.charAt(0) == ' ') {\r\n      c = c.substring(1);\r\n    }\r\n    if (c.indexOf(name) == 0) {\r\n      return c.substring(name.length, c.length);\r\n    }\r\n  }\r\n  return '';\r\n}\r\n\r\nconst getOneTrustCookies = (): string[] => {\r\n    const oneTrust = getCookie(COOKIE_NAME);\r\n\r\n    if (oneTrust === '') {\r\n        return [];\r\n    }\r\n\r\n  const obj = JSON.parse(\r\n    '{\"' + oneTrust.replace(/&/g, '\",\"').replace(/=/g, '\":\"') + '\"}',\r\n    function (key, value) {\r\n      return key === '' ? value : decodeURIComponent(value);\r\n    }\r\n  );\r\n\r\n  return obj && obj.groups\r\n    ? obj.groups.split(',').map((group: string) => {\r\n        return group;\r\n      })\r\n    : [];\r\n};\r\n\r\nexport const canSetEssentialCookies = (): boolean => {\r\n  return true;\r\n};\r\n\r\nexport const canSetPerformanceCookies = (): boolean => {\r\n  // C0002\r\n  return getOneTrustCookies().indexOf('C0002:1') > -1;\r\n};\r\n\r\nexport const canSetFunctionalCookies = (): boolean => {\r\n  // C0003\r\n  return getOneTrustCookies().indexOf('C0003:1') > -1;\r\n};\r\n\r\nexport const canSetTargetingCookies = (): boolean => {\r\n  // C0004\r\n  return getOneTrustCookies().indexOf('C0004:1') > -1;\r\n};\r\n","// TODO: comment\r\nimport { Fade, Paper, CircularProgress, Box } from '@material-ui/core';\r\nimport React, { useEffect, useState } from 'react';\r\nimport './Splash.scss';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\ninterface Props {\r\n  fadeOut?: boolean;\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  img: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 260,\r\n    height: 56,\r\n    backgroundImage: () => `url(\"${getPublicPath('images/abrdn.svg')}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n}));\r\n\r\nexport const Splash = ({ fadeOut }: Props) => {\r\n  const [visible, setVisible] = useState(true);\r\n  const classes = useStyles();\r\n\r\n  useEffect(() => {\r\n    if (fadeOut) {\r\n      setTimeout(() => {\r\n        setVisible(false);\r\n      }, 1500);\r\n    }\r\n  }, [fadeOut]);\r\n\r\n  return (\r\n    <Fade in={visible}>\r\n      <Paper className=\"app-loader\">\r\n        <div className={classes.img} />\r\n        <Box mt={4}>\r\n          <CircularProgress />\r\n        </Box>\r\n      </Paper>\r\n    </Fade>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { createContext, useContext } from 'react';\r\nimport { SalesforceAuthActions } from '../api/auth/types';\r\n\r\ninterface AuthState {\r\n  authMessage?: string | null;\r\n  error?: boolean;\r\n  isAuthenticated?: boolean;\r\n  isConnectAuthenticated?: boolean;\r\n  salesforceAuth?: SalesforceAuthActions;\r\n  salesforceUrl?: string;\r\n  screens?: any;\r\n}\r\ninterface Context {\r\n  authMethods: any;\r\n  authState: AuthState;\r\n  settings: any | null;\r\n}\r\n\r\nconst SecurityContext = createContext<Context>({\r\n  authState: {},\r\n  authMethods: {},\r\n  settings: null,\r\n});\r\n\r\nexport const useSecurity = (): Context => useContext(SecurityContext);\r\n\r\nexport const SecurityProvider = SecurityContext.Provider;\r\n","import { dequal as deepEqual } from 'dequal';\r\nimport {\r\n  DependencyList,\r\n  EffectCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n} from 'react';\r\n\r\ntype UseEffectReturn = ReturnType<typeof useEffect>;\r\n\r\nconst checkDeps = (deps: DependencyList) => {\r\n  if (!deps || !deps.length) {\r\n    throw new Error(\r\n      'useDeepCompareEffect should not be used with no dependencies. Use React.useEffect instead.'\r\n    );\r\n  }\r\n\r\n  // if (deps.every(isPrimitive)) {\r\n  //   throw new Error(\r\n  //     'useDeepCompareEffect should not be used with dependencies that are all primitive values. Use React.useEffect instead.'\r\n  //   );\r\n  // }\r\n};\r\n\r\nconst isPrimitive = (val: unknown): boolean => {\r\n  return val == null || /^[sbn]/.test(typeof val);\r\n};\r\n\r\n/**\r\n * @param value the value to be memoized (usually a dependency list)\r\n * @returns a momoized version of the value as long as it remains deeply equal\r\n */\r\nexport const useDeepCompareMemoize = <T>(value: T) => {\r\n  const ref = useRef<T>(value);\r\n  const signalRef = useRef<number>(0);\r\n\r\n  if (!deepEqual(value, ref.current)) {\r\n    ref.current = value;\r\n    signalRef.current += 1;\r\n  }\r\n\r\n  return useMemo(() => ref.current, [signalRef.current]);\r\n};\r\n\r\nexport const useDeepCompareEffect = (\r\n  callback: EffectCallback,\r\n  dependencies: DependencyList\r\n): UseEffectReturn => {\r\n  if (process.env.NODE_ENV !== 'production') {\r\n    checkDeps(dependencies);\r\n  }\r\n\r\n  return useEffect(callback, useDeepCompareMemoize(dependencies));\r\n};\r\n\r\nexport const useDeepCompareEffectNoCheck = (\r\n  callback: EffectCallback,\r\n  dependencies: DependencyList\r\n): UseEffectReturn => {\r\n  return useEffect(callback, useDeepCompareMemoize(dependencies));\r\n};\r\n","// TODO: comment\r\nimport { useEffect, useRef } from 'react';\r\n\r\nexport const useDidMountEffect = (func: any, deps: any) => {\r\n  const didMount = useRef(false);\r\n\r\n  useEffect(() => {\r\n    if (didMount.current) {\r\n      func();\r\n    } else {\r\n      didMount.current = true;\r\n    }\r\n  }, deps);\r\n};\r\n","import { isApiSupported } from '@abrdn-latest/utils';\r\nimport { useEffect, useRef } from 'react';\r\n\r\nexport const useEventListener = (\r\n  eventType: string,\r\n  callback: any,\r\n  element: any = window\r\n) => {\r\n  // Create a ref that stores handler\r\n  const savedHandler = useRef<any>();\r\n\r\n  // Update ref.current value if handler changes.\r\n  // This allows our effect below to always get latest handler ...\r\n  // ... without us needing to pass it in effect deps array ...\r\n  // ... and potentially cause effect to re-run every render.\r\n  useEffect(() => {\r\n    savedHandler.current = callback;\r\n  }, [callback]);\r\n\r\n  useEffect(() => {\r\n    // Make sure element supports addEventListener\r\n\r\n    const isSupported = isApiSupported('addEventListener', element);\r\n\r\n    if (!isSupported) {\r\n      return;\r\n    }\r\n\r\n    // Create event listener that calls handler function stored in ref\r\n    const handler = (e: any) => savedHandler.current(e);\r\n\r\n    // Add event listener\r\n    element.addEventListener(eventType, handler);\r\n\r\n    // Remove event listener on cleanup\r\n    return () => {\r\n      element.removeEventListener(eventType, handler);\r\n    };\r\n  }, [eventType, element]);\r\n};\r\n","import { useEffect, useReducer, useRef } from 'react';\r\n\r\ninterface State<T> {\r\n  data?: T;\r\n  error?: Error;\r\n}\r\n\r\ntype Cache<T> = { [url: string]: T };\r\n\r\n// discriminated union type\r\ntype Action<T> =\r\n  | { type: 'loading' }\r\n  | { payload: T; type: 'fetched' }\r\n  | { payload: Error; type: 'error' };\r\n\r\nfunction useFetch<T = unknown>(url?: string, options?: RequestInit): State<T> {\r\n  const cache = useRef<Cache<T>>({});\r\n\r\n  // Used to prevent state update if the component is unmounted\r\n  const cancelRequest = useRef<boolean>(false);\r\n\r\n  const initialState: State<T> = {\r\n    error: undefined,\r\n    data: undefined,\r\n  };\r\n\r\n  // Keep state logic separated\r\n  const fetchReducer = (state: State<T>, action: Action<T>): State<T> => {\r\n    switch (action.type) {\r\n      case 'loading':\r\n        return { ...initialState };\r\n      case 'fetched':\r\n        return { ...initialState, data: action.payload };\r\n      case 'error':\r\n        return { ...initialState, error: action.payload };\r\n      default:\r\n        return state;\r\n    }\r\n  };\r\n\r\n  const [state, dispatch] = useReducer(fetchReducer, initialState);\r\n\r\n  useEffect(() => {\r\n    // Do nothing if the url is not given\r\n    if (!url) return;\r\n\r\n    const fetchData = async () => {\r\n      dispatch({ type: 'loading' });\r\n\r\n      // If a cache exists for this url, return it\r\n      if (cache.current[url]) {\r\n        dispatch({ type: 'fetched', payload: cache.current[url] });\r\n        return;\r\n      }\r\n\r\n      try {\r\n        const response = await fetch(url, options);\r\n        if (!response.ok) {\r\n          throw new Error(response.statusText);\r\n        }\r\n\r\n        const data = (await response.json()) as T;\r\n        cache.current[url] = data;\r\n        if (cancelRequest.current) return;\r\n\r\n        dispatch({ type: 'fetched', payload: data });\r\n      } catch (error) {\r\n        if (cancelRequest.current) return;\r\n\r\n        dispatch({ type: 'error', payload: error as Error });\r\n      }\r\n    };\r\n\r\n    void fetchData();\r\n\r\n    // Use the cleanup function for avoiding a possibly...\r\n    // ...state update after the component was unmounted\r\n    return () => {\r\n      cancelRequest.current = true;\r\n    };\r\n  }, [url]);\r\n\r\n  return state;\r\n}\r\n\r\nexport default useFetch;\r\n","import { useState } from 'react';\r\nimport { useEventListener } from './';\r\n\r\nexport const useOnlineStatus = (): boolean => {\r\n  const [online, setOnline] = useState<boolean>(navigator.onLine);\r\n\r\n  useEventListener('online', () => setOnline(navigator.onLine));\r\n  useEventListener('offline', () => setOnline(navigator.onLine));\r\n\r\n  return online;\r\n};\r\n","// TODO: comment\r\nimport queryString from 'query-string';\r\nimport { useMemo } from 'react';\r\nimport {\r\n  useHistory,\r\n  useLocation,\r\n  useParams,\r\n  useRouteMatch,\r\n} from 'react-router-dom';\r\n\r\nexport const useRouter = () => {\r\n  const params = useParams();\r\n  const location = useLocation();\r\n  const history = useHistory();\r\n  const match = useRouteMatch();\r\n\r\n  // Return our custom router object\r\n  // Memoize so that a new object is only returned if something changes\r\n  return useMemo(() => {\r\n    return {\r\n      // For convenience add push(), replace(), pathname at top level\r\n      push: history.push,\r\n      replace: history.replace,\r\n      pathname: location.pathname,\r\n      // Merge params and parsed query string into single \"query\" object\r\n      // so that they can be used interchangeably.\r\n      // Example: /:topic?sort=popular -> { topic: \"react\", sort: \"popular\" }\r\n      query: {\r\n        ...queryString.parse(location.search), // Convert string to object\r\n        ...params,\r\n      },\r\n      // Include match, location, history objects so we have\r\n      // access to extra React Router functionality if needed.\r\n      match,\r\n      location,\r\n      history,\r\n    };\r\n  }, [params, match, location, history]);\r\n};\r\n","import { useCallback, useEffect, useRef } from 'react';\r\n\r\nexport const useTimeout = (callback: any, delay: number) => {\r\n  const callbackRef = useRef(callback);\r\n  const timeoutRef: any = useRef();\r\n\r\n  useEffect(() => {\r\n    callbackRef.current = callback;\r\n  }, [callback]);\r\n\r\n  const set = useCallback(() => {\r\n    timeoutRef.current = setTimeout(() => callbackRef.current(), delay);\r\n  }, [delay]);\r\n\r\n  const clear = useCallback(() => {\r\n    timeoutRef.current && clearTimeout(timeoutRef.current);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    set();\r\n    return clear;\r\n  }, [delay, set, clear]);\r\n\r\n  const reset = useCallback(() => {\r\n    clear();\r\n    set();\r\n  }, [clear, set]);\r\n\r\n  return { reset, clear };\r\n};\r\n","// TODO: comment\r\nimport { useMediaQuery, useTheme } from '@material-ui/core';\r\nimport { useMemo } from 'react';\r\n\r\nexport const useWidth = () => {\r\n  // get the theme settings\r\n  const theme = useTheme();\r\n\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\r\n  const isXSmall = useMediaQuery(theme.breakpoints.down('xs'));\r\n  const isSmall = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n  // Return our custom router object\r\n  // Memoize so that a new object is only returned if something changes\r\n  return useMemo(() => {\r\n    return {\r\n      isXSmall,\r\n      isSmall,\r\n      isMobile,\r\n      isDesktop: !isMobile,\r\n    };\r\n  }, [isMobile, isXSmall, isSmall]);\r\n};\r\n","// TODO: comment\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { Box, Typography } from '@material-ui/core';\r\nimport { useSecurity } from 'authentication';\r\nimport { Confirmation } from 'components/confirmation';\r\nimport { canSetEssentialCookies } from 'components/cookies';\r\nimport React, { useEffect } from 'react';\r\nimport { Cookies } from 'react-cookie';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n  getActionRequired,\r\n  selectActionRequiredCount,\r\n} from 'redux/reducers/messages';\r\nimport { delayFire } from 'utils';\r\n\r\n// cookie name to store\r\nexport const COOKIE_NAME: string = 'actionRequiredDismissed';\r\n\r\nexport const deleteActionRequiredCookie = () => {\r\n  const cookies = new Cookies();\r\n\r\n  cookies.remove(COOKIE_NAME);\r\n};\r\n\r\nexport const ActionRequiredModal = () => {\r\n  const { authState } = useSecurity();\r\n\r\n  const cookies = new Cookies();\r\n\r\n  const router = useRouter();\r\n  const dispatch = useDispatch();\r\n  // get the number of messages that need action required\r\n  const action = useSelector(selectActionRequiredCount);\r\n\r\n  // only fire checking events when the user is fully authenticated\r\n  useEffect(() => {\r\n    if (authState.isAuthenticated) {\r\n      delayFire(() => {\r\n        dispatch(getActionRequired());\r\n      });\r\n    }\r\n  }, [authState.isAuthenticated]);\r\n\r\n  if (!authState.isAuthenticated) {\r\n    return null;\r\n  }\r\n\r\n  /**\r\n   * function to flag the message as 'seen' on a session basis\r\n   */\r\n  const dismiss = () => {\r\n    if (canSetEssentialCookies()) {\r\n      cookies.set(COOKIE_NAME, 'on', { path: '/' });\r\n    }\r\n  };\r\n\r\n  /**\r\n   *\r\n   */\r\n  const handleReject = () => {\r\n    dismiss();\r\n  };\r\n\r\n  /**\r\n   *\r\n   */\r\n  const handleConfirm = () => {\r\n    dismiss();\r\n\r\n    router.history.push('/messages/action-required');\r\n  };\r\n\r\n  return (\r\n    <Confirmation\r\n      isOpen={!!(action && !cookies.get(COOKIE_NAME))}\r\n      rejectText=\"View later\"\r\n      onReject={handleReject}\r\n      confirmText=\"View now\"\r\n      onConfirm={handleConfirm}\r\n    >\r\n      <Box textAlign=\"center\">\r\n        <Typography variant=\"h4\">Just to remind you.</Typography>\r\n        <Typography paragraph>\r\n          You have message(s) that require your action\r\n        </Typography>\r\n      </Box>\r\n    </Confirmation>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Link as MaterialLink } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { ExternalLink } from 'icons';\r\nimport React, { CSSProperties } from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  anchor: {\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    color: 'inherit',\r\n  },\r\n  link: {\r\n    textDecoration: 'underline',\r\n    //border: '1px solid red',\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n\r\n    '&:hover': {\r\n      textDecoration: 'none',\r\n    },\r\n  },\r\n  linkButton: {\r\n    textDecoration: 'underline',\r\n    //border: '1px solid green',\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    background: 'transparent',\r\n    padding: 0,\r\n    verticalAlign: 'inherit',\r\n    '&:hover': {\r\n      textDecoration: 'none',\r\n    },\r\n\r\n    '&[disabled]': {\r\n      cursor: 'default',\r\n      opacity: 0.6,\r\n      textDecoration: 'none',\r\n    },\r\n  },\r\n}));\r\n\r\nexport const Anchor = (props: any) => {\r\n  const classes = useStyles();\r\n\r\n  const { to } = props;\r\n\r\n  if (to) {\r\n    return (\r\n      <MaterialLink\r\n        component={RouterLink}\r\n        color=\"primary\"\r\n        className={classes.link}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <MaterialLink\r\n      component=\"button\"\r\n      color=\"primary\"\r\n      className={classes.linkButton}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\ninterface ExternalProps {\r\n  icon?: boolean;\r\n  label: string;\r\n  style?: CSSProperties;\r\n  target?: string;\r\n  to: string;\r\n}\r\n\r\nexport const ExternalAnchor = ({ to, label, style, icon = true, target='_blank' }: ExternalProps) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <MaterialLink href={to} className={classes.link} style={style} target={target}>\r\n      {icon && <ExternalLink style={{ marginRight: 5 }} />} {label}\r\n    </MaterialLink>\r\n  );\r\n};\r\n","export * from './interface';\r\nexport * from './Provider';\r\nexport * from './Table';\r\nexport * from './TableHeader';\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_SENDING,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport {\r\n  Box,\r\n  Button,\r\n  FormHelperText,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { changePassword } from 'api';\r\nimport { ValidationProvider } from 'components/file-selector';\r\nimport { Form, Password } from 'components/form';\r\nimport { ReplayIcon } from 'icons';\r\nimport { FormMessage } from 'interfaces';\r\nimport { toast } from 'material-react-toastify';\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { FormProvider, useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport * as yup from 'yup';\r\nimport { AuthProps, ClickEvent } from './';\r\ninterface Props extends AuthProps {\r\n  isPage?: boolean;\r\n  onLoginClick?: boolean | ClickEvent;\r\n}\r\n\r\nexport const ChangePasswordForm = ({\r\n  hideTitle,\r\n  onComplete,\r\n  onLoginClick = true,\r\n  persistForm,\r\n  buttonLabel = 'Update my Password',\r\n  isPage = false,\r\n}: Props) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  // form messaging\r\n  const [message, setMessage] = useState<FormMessage | null>(null);\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n\r\n  const schema = yup.object().shape({\r\n    reset_password_current: yup\r\n      .string()\r\n      .required('Current Password is required'),\r\n    reset_password: yup.string().required('Password is required'),\r\n    reset_repeat: yup\r\n      .string()\r\n      .required('Password repeat is required')\r\n      .oneOf([yup.ref('reset_password'), null], 'Passwords must match'),\r\n  });\r\n\r\n  const [data, setData] = useState({\r\n    reset_password_current: '',\r\n    reset_password: '',\r\n    reset_repeat: '',\r\n  });\r\n\r\n  const methods = useForm({\r\n    defaultValues: {\r\n      reset_password_current: data.reset_password_current,\r\n      reset_password: data.reset_password,\r\n      reset_repeat: data.reset_repeat,\r\n    },\r\n    mode: 'onChange',\r\n    resolver: yupResolver(schema),\r\n  });\r\n\r\n  const { register, handleSubmit, errors, reset } = methods;\r\n\r\n  useEffect(() => {\r\n    window.dispatchEvent(new Event('resize'));\r\n  }, [message, errors]);\r\n\r\n  const onSubmit = async (data: any) => {\r\n    setData(data);\r\n\r\n    setFormStatus(STATUS_SENDING);\r\n\r\n    changePassword(data.reset_password_current, data.reset_password).then(\r\n      (res) => {\r\n        if (res.success) {\r\n          toast.success(\r\n            t('common:forms.change-password.messages.toast-success')\r\n          );\r\n\r\n          setMessage({\r\n            type: 'success',\r\n            message: t('common:forms.change-password.messages.success'),\r\n          });\r\n\r\n          setFormStatus(STATUS_SENT);\r\n\r\n          if (onComplete) {\r\n            onComplete();\r\n          }\r\n\r\n          // TODO: possibly clear the form message after x seconds\r\n          reset();\r\n        } else {\r\n          setFormStatus(STATUS_FAILED);\r\n\r\n          setMessage({\r\n            type: 'error',\r\n            message: res.errorMessage ? (\r\n              <div\r\n                dangerouslySetInnerHTML={{\r\n                  __html: res.errorMessage,\r\n                }}\r\n              />\r\n            ) : (\r\n              t('common:forms.change-password.messages.error')\r\n            ),\r\n          });\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Paper>\r\n      <Box padding={4}>\r\n        {!hideTitle && (\r\n          <Typography variant=\"h4\" component=\"h3\">\r\n            {t('common:forms.change-password.title')}\r\n          </Typography>\r\n        )}\r\n\r\n        {message && (\r\n          <Box marginBottom={2}>\r\n            <Alert severity={message.type}>{message.message}</Alert>\r\n          </Box>\r\n        )}\r\n\r\n        {(formStatus !== STATUS_SENT || persistForm) && (\r\n          <ValidationProvider schema={schema}>\r\n            <FormProvider {...methods}>\r\n              <Form onSubmit={handleSubmit(onSubmit)}>\r\n                <Password\r\n                  ref={register}\r\n                  id=\"reset_password_current\"\r\n                  label=\"Current Password\"\r\n                  name=\"reset_password_current\"\r\n                  error={!!errors.reset_password_current}\r\n                  helperText={errors?.reset_password_current?.message}\r\n                />\r\n\r\n                {!isPage && (\r\n                  <FormHelperText>\r\n                    Note: This may be your temporary password\r\n                  </FormHelperText>\r\n                )}\r\n\r\n                <Password\r\n                  ref={register}\r\n                  id=\"reset_password\"\r\n                  label=\"Password\"\r\n                  name=\"reset_password\"\r\n                  error={!!errors.reset_password}\r\n                  helperText={errors?.reset_password?.message}\r\n                />\r\n\r\n                <Password\r\n                  ref={register}\r\n                  id=\"reset_repeat\"\r\n                  label=\"Repeat Password\"\r\n                  name=\"reset_repeat\"\r\n                  error={!!errors.reset_repeat}\r\n                  helperText={errors?.reset_repeat?.message}\r\n                />\r\n\r\n                <Box paddingY={2} textAlign={isPage ? 'right' : undefined}>\r\n                  <Button\r\n                    size=\"large\"\r\n                    disabled={formStatus === STATUS_SENDING}\r\n                    variant=\"contained\"\r\n                    type=\"submit\"\r\n                    color=\"primary\"\r\n                  >\r\n                    {buttonLabel}\r\n                  </Button>\r\n                </Box>\r\n              </Form>\r\n            </FormProvider>\r\n          </ValidationProvider>\r\n        )}\r\n\r\n        {formStatus === STATUS_SENT && isPage === false && (\r\n          <Fragment>\r\n            <Grid container spacing={1} justify=\"space-between\">\r\n              <Grid item sm={true}>\r\n                <Button\r\n                  size=\"large\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  component={RouterLink}\r\n                  to={`/auth/login`}\r\n                  onClick={\r\n                    typeof onLoginClick === 'function'\r\n                      ? onLoginClick\r\n                      : undefined\r\n                  }\r\n                >\r\n                  Login\r\n                </Button>\r\n              </Grid>\r\n              <Grid item>\r\n                <IconButton\r\n                  aria-label=\"reset\"\r\n                  onClick={() => {\r\n                    reset();\r\n                    setFormStatus('');\r\n                    setMessage(null);\r\n                  }}\r\n                >\r\n                  <ReplayIcon />\r\n                </IconButton>\r\n              </Grid>\r\n            </Grid>\r\n          </Fragment>\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n","// TODO: comment\r\nfunction on(eventType: string, listener: any) {\r\n  document.addEventListener(eventType, listener);\r\n}\r\n\r\nfunction off(eventType: string, listener: any) {\r\n  document.removeEventListener(eventType, listener);\r\n}\r\n\r\nfunction once(eventType: string, listener: any) {\r\n  on(eventType, handleEventOnce);\r\n\r\n  function handleEventOnce(event: any) {\r\n    listener(event);\r\n    off(eventType, handleEventOnce);\r\n  }\r\n}\r\n\r\nfunction trigger(eventType: string, data?: any) {\r\n  const event = new CustomEvent(eventType, { detail: data });\r\n  document.dispatchEvent(event);\r\n}\r\n\r\nexport { on, once, off, trigger };\r\n","// TODO: comment\r\nimport { Banner } from '@abrdn/banner';\r\nimport { Box, Container, Typography } from '@material-ui/core';\r\nimport { Breadcrumbs } from 'components/navigation';\r\nimport React, { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const TermsAndConditions = () => {\r\n  return (\r\n    <Fragment>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        1. ABOUT US AND THESE TERMS\r\n      </Typography>\r\n      <Typography paragraph>\r\n        ABRDN CONNECT is operated by abrdn plc. WE are registered in Scotland\r\n        under company number SC286832 and have our registered office at 1 George\r\n        Street, Edinburgh EH2 2LL. Our main trading address is 1 George Street,\r\n        Edinburgh EH2 2LL. Our VAT number is GB270347469.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        By clicking YOUR acceptance the first time YOU log in and by continuing\r\n        to use ABRDN CONNECT thereafter, YOU are confirming that YOU are\r\n        accepting these TERMS.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        These TERMS and the legal information notice (available{' '}\r\n        <a\r\n          target=\"_blank\"\r\n          rel=\"noreferrer\"\r\n          href={'https://www.abrdn.com/en/uk/institutional/legal-notice'}\r\n          style={{ color: 'inherit' }}\r\n        >\r\n          here\r\n        </a>\r\n        ) apply between you and US in connection with use by YOU of ABRDN\r\n        CONNECT. How we process personal data is set out at paragraph 16.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        These TERMS are in addition to, and do not replace or supersede, any\r\n        other agreements YOU have entered to with US or a member of the ABRDN\r\n        GROUP in relation to your INVESTMENTS or otherwise (including any\r\n        investment management agreements).\r\n      </Typography>\r\n      <Typography paragraph>\r\n        YOU can view these TERMS (and any subsequent updates made to them) in\r\n        ABRDN CONNECT at any time.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        Words which are in capital letters in these TERMS have a specific\r\n        meaning, as set out in the glossary at the end of these TERMS:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        Please note paragraphs 2 and 9 below, which include important\r\n        information on ABRDN CONNECT and OUR liability to YOU.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        2. ABRDN CONNECT\r\n      </Typography>\r\n      <Typography paragraph>\r\n        2.1 ABRDN CONNECT allows YOU to interact and engage with US online by\r\n        providing a digital channel to view information in relation to\r\n        INVESTMENTS, communicate with us, and access other content relevant to\r\n        YOU.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        2.2 ABRDN CONNECT allows YOU and individual users to access information\r\n        on INVESTMENTS internationally.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        2.3 Not all of the INVESTMENTS displayed on ABRDN CONNECT may be\r\n        available for YOU to invest in. This may be due to the location of the\r\n        investment or the prevailing terms of the provider of the investment.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        2.4 Availability of the content (including information on INVESTMENTS)\r\n        in ABRDN CONNECT is not to be deemed as marketing of the investments.\r\n        Neither the SERVICES nor the INFORMATION will be deemed to constitute an\r\n        offer or solicitation to sell investments in any jurisdiction.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        2.5 WE are authorised and regulated by the FCA. WE do not provide\r\n        investment advice or tax advice to you or your clients through the\r\n        SERVICES.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        3. Intended audience and use\r\n      </Typography>\r\n      <Typography paragraph>\r\n        3.1 ABRDN CONNECT is intended for use by clients of US who have\r\n        INVESTMENTS with US or a member of the ABRDN GROUP, or by members of the\r\n        general public who are interested in OUR fund information, and the\r\n        INFORMATION provided on ABRDN CONNECT reflects this.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        3.2 As ABRDN CONNECT, the SERVICES and the INFORMATION are issued in the\r\n        UK, these may not be fully compliant with any local laws or regulations\r\n        outside the UK, the Channel Islands and the Isle of Man\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        4. YOUR Registration\r\n      </Typography>\r\n      <Typography paragraph>\r\n        4.1 YOU must ensure that the information and details YOU submit to US on\r\n        the ONLINE REGISTRATION and when using ABRDN CONNECT and the SERVICES is\r\n        current, relevant and accurate. YOU must notify US as soon as possible\r\n        if YOU become aware of any changes to the information or details.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        4.2 WE may have to pass information relating to YOU and YOUR INVESTMENTS\r\n        to other members of ABRDN GROUP. If YOU do not wish to agree to the\r\n        sharing of YOUR information with ABRDN GROUP, do not proceed with YOUR\r\n        registration (or if YOU have already registered, please let US know as\r\n        soon as possible that YOU would like to cancel YOUR registration). Data\r\n        protection is explained further in paragraph 16.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        4.3 Subject to any laws, rules and regulations applicable to US, WE have\r\n        full discretion to accept, or not to accept, an application to register\r\n        and WE reserve the right to reject YOUR application without giving a\r\n        reason for doing so.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        5. YOUR USE OF ABRDN CONNECT\r\n      </Typography>\r\n      <Typography paragraph>\r\n        5.1 YOU will act lawfully, honestly and in a professional and diligent\r\n        manner in YOUR use of ABRDN CONNECT and SERVICES. YOU will ensure that\r\n        YOU do not act in a manner which could adversely affect our reputation.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        5.2 Any documentation YOU upload to ABRDN CONNECT must:\r\n      </Typography>\r\n      <Typography paragraph>· be accurate (where it states facts).</Typography>\r\n      <Typography paragraph>\r\n        · comply with the law applicable in England and Wales and in any country\r\n        from which it is posted,\r\n      </Typography>\r\n      <Typography paragraph>and must not:</Typography>\r\n      <Typography paragraph>\r\n        · infringe any intellectual property rights (for example copyright,\r\n        database rights or trademarks) of any other person.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · breach any legal duty owed to a third party, such as a contractual\r\n        duty or a duty of confidence.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        YOU agree that no other types of documentation or data may be uploaded\r\n        to ABRDN CONNECT.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        If YOU upload any data or documents which do not comply with this\r\n        paragraph, YOU agree to contact US immediately at the details set out in\r\n        paragraph 18.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        5.3 YOU must use ABRDN CONNECT, the SERVICES and the INFORMATION solely\r\n        for YOUR own purposes and must not make these available to third parties\r\n        without the prior written consent of US.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        5.4 YOU must not access or attempt to access any INFORMATION other than\r\n        INFORMATION relating to YOU as a user of ABRDN CONNECT and the SERVICES.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        5.5 YOU must log out of ABRDN CONNECT that YOU have accessed and close\r\n        YOUR web browser when YOU have finished using ABRDN CONNECT and the\r\n        SERVICES. If YOU do not do this, INFORMATION about YOU may appear on the\r\n        screen of the computer when it is next used and WE cannot be held\r\n        responsible for third parties having access to this INFORMATION.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        6. Security\r\n      </Typography>\r\n      <Typography paragraph>\r\n        6.1 YOU must ensure that the USERNAME, PASSWORD and answers to YOUR\r\n        security questions are memorised and that all reasonable precautions are\r\n        taken to prevent these from being obtained by anyone else. For instance,\r\n        these details must not:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · be written down and/or disclosed to anyone else;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · be recorded in such a way that these could be understood by anyone\r\n        else; or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · be stored on a computer so that the computer remembers them\r\n        automatically.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        6.2 The PASSWORD and the answers to YOUR security questions must not be\r\n        disclosed to any staff of ABRDN GROUP. OUR staff should never ask for\r\n        the PASSWORD or the answers to YOUR security questions to be disclosed\r\n        to them.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        6.3 If YOU believe that someone else knows the PASSWORD or is using the\r\n        PASSWORD to access the SERVICES without permission, YOU must ensure\r\n        that:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · the PASSWORD is changed using our online facility. YOU must ensure\r\n        that this is done immediately or, where this occurs during ABRDN CONNECT\r\n        down time, immediately upon ABRDN CONNECT becoming available again; and\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · WE are informed by phone as soon as possible (please see paragraph 18\r\n        for how to contact US).\r\n      </Typography>\r\n      <Typography paragraph>\r\n        6.4 Some organisations may offer AGGREGATION SERVICES and may ask YOU to\r\n        disclose to them the USERNAME and PASSWORD and/or appoint them as YOUR\r\n        agent. YOU must not:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · disclose the USERNAME or PASSWORD to a provider of AGGREGATION\r\n        SERVICES; and/or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · appoint a third party as YOUR agent to access the SERVICES using the\r\n        USERNAME and PASSWORD.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        6.5 WE have no control over AGGREGATION SERVICES and cannot ensure the\r\n        accuracy of data displayed or instructions transferred to US by an\r\n        AGGREGATION SERVICE. WE cannot ensure the security of any data, USERNAME\r\n        or PASSWORD held by an AGGREGATION SERVICE.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        6.6 If YOU do provide the USERNAME and/or PASSWORD to an AGGREGATION\r\n        SERVICE, WE will not be responsible for any loss or expense suffered by\r\n        YOU as a result of this disclosure.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        7. Availability of the client portal and the services\r\n      </Typography>\r\n      <Typography paragraph>\r\n        7.1 ABRDN CONNECT and the SERVICES are provided during the hours stated\r\n        on ABRDN CONNECT or as otherwise indicated by US, however, WE cannot\r\n        guarantee that ABRDN CONNECT or the SERVICES will always be available\r\n        during the times stated. ABRDN CONNECT and/or the SERVICES may be\r\n        temporarily unavailable or restricted for administrative or other\r\n        reasons. If this happens WE will endeavour to restore their availability\r\n        as quickly as possible.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        7.2 WE may for security reasons restrict or remove YOUR access to ABRDN\r\n        CONNECT and the SERVICES at our reasonable discretion if:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · the incorrect USERNAME or PASSWORD is keyed in on successive logon\r\n        attempts;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · YOU or WE suspect that an unauthorised person is attempting to access\r\n        ABRDN CONNECT and/or the SERVICES using the USERNAME; or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · for valid operational or security reasons, YOU or WE believe it is\r\n        necessary and appropriate to do so.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        8. Accuracy of information\r\n      </Typography>\r\n      <Typography paragraph>\r\n        8.1 WE will take all reasonable care to ensure that all the INFORMATION\r\n        provided by US is accurate, current and complies with relevant UK laws\r\n        and regulations (as applicable) as at the date of issue.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        8.2 Although carefully verified, WE do not accept liability or\r\n        responsibility for the completeness or accuracy of the INFORMATION and\r\n        WE simply make this available to YOU for YOUR convenience.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        9. General liability\r\n      </Typography>\r\n      <Typography paragraph>\r\n        9.1 Irrespective of the other provisions in these TERMS, WE are\r\n        responsible to YOU for:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · any claim YOU may have against US for death or personal injury that\r\n        has been caused as a direct result of our negligence;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · losses YOU suffer as a result of any fraud committed by US;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · losses YOU suffer as a result of any intentional failure by US to\r\n        fulfil our obligations under these TERMS.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        9.2 WE and YOU will comply at all times with all relevant laws and\r\n        applicable regulations relating to ABRDN CONNECT and/or the services.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        9.3 WE and YOU agree to co-operate with each other in connection with\r\n        the application of any relevant laws and regulations.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        9.4 Nothing in these TERMS will exclude or limit any duty or liability\r\n        WE may have under the regulatory system as defined by the FCA RULES.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        9.5 Nothing in these TERMS will exclude or limit any obligation WE may\r\n        have in common law, and in particular for fraud or for misrepresentation\r\n        as to a fundamental matter.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        10. Intellectual property\r\n      </Typography>\r\n      <Typography paragraph>\r\n        10.1 Intellectual property (including copyright) in:\r\n      </Typography>\r\n      <Typography paragraph>· the pages of ABRDN CONNECT;</Typography>\r\n      <Typography paragraph>\r\n        · the screens displaying the pages of ABRDN CONNECT; and\r\n      </Typography>\r\n      <Typography paragraph>· the INFORMATION and its arrangement</Typography>\r\n      <Typography paragraph>\r\n        is owned by or licensed to members of ABRDN GROUP, unless otherwise\r\n        indicated.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        10.2 &apos;abrdn&apos; and the related logos are registered trademarks\r\n        of members of ABRDN GROUP. Members of ABRDN GROUP may also claim trade\r\n        mark rights in other marks contained in the INFORMATION or on ABRDN\r\n        CONNECT from time to time.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        10.3 Reproduction of any part of our copyright or trade mark materials,\r\n        or the look and feel of ABRDN CONNECT, without the prior written consent\r\n        of a member of ABRDN GROUP, is strictly prohibited unless this is for\r\n        YOUR proper use of ABRDN CONNECT or the SERVICES or for private,\r\n        non-commercial viewing or downloading purposes.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        11. Downloads\r\n      </Typography>\r\n      <Typography paragraph>\r\n        11.1 Any software, multimedia files, photographs, reports and other\r\n        documents made available through ABRDN CONNECT are downloaded at YOUR\r\n        own risk. WE do not warrant the suitability of any such downloads and\r\n        accept no liability for any problems with YOUR computer or mobile\r\n        equipment, computer or mobile programs, data, systems or other\r\n        proprietary material that may arise as a result. If YOU are in any doubt\r\n        as to the suitability of any such downloads for YOUR computer, it is\r\n        recommended that YOU obtain specialist advice before downloading.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        12. Third party websites\r\n      </Typography>\r\n      <Typography paragraph>\r\n        12.1 WE may provide YOU with links to websites operated or owned by\r\n        third parties, which allow YOU to access and use third party material\r\n        and information. WE do not have any control over these third party\r\n        websites or the information contained on them and do not accept any\r\n        responsibility or liability in connection with access or use of them. WE\r\n        do not endorse, authorise or sponsor, nor are WE affiliated to, such\r\n        websites or their content, owners or providers.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        13. Computer misuse\r\n      </Typography>\r\n      <Typography paragraph>\r\n        13.1 YOU must not perform any DENIAL-OF-SERVICE ATTACK on ABRDN CONNECT.\r\n        YOU must not:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · misuse ABRDN CONNECT by knowingly introducing computer viruses or any\r\n        other material which is malicious or technologically harmful; or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · attempt to gain unauthorised access to ABRDN CONNECT, the server on\r\n        which ABRDN CONNECT is stored or any server, computer or database\r\n        connected to ABRDN CONNECT.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        13.2 By breaching these provisions YOU may commit a criminal offence\r\n        under the Computer Misuse Act 1990 or similar law or regulation in\r\n        another jurisdiction (as applicable). WE will report any such breach to\r\n        the relevant law enforcement authorities and will co-operate with those\r\n        authorities and may disclose YOUR identity to them. In the event of such\r\n        a breach, YOUR access to ABRDN CONNECT will be revoked immediately.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        13.3 WE recommend that YOU employ reasonable virus detection and\r\n        protection measures when accessing ABRDN CONNECT. WE will not be\r\n        responsible for any loss or damage resulting from:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · any attack by a third party on our systems; or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · any computer virus or other malicious or technologically harmful\r\n        material that may infect YOUR computer or mobile equipment, computer or\r\n        mobile programs, data, systems or other proprietary material due to use\r\n        of ABRDN CONNECT, or due to downloading of any material posted on ABRDN\r\n        CONNECT or any website linked to them.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        14. Electronic communications\r\n      </Typography>\r\n      <Typography paragraph>\r\n        14.1 WE consider electronic communications (including emails and\r\n        messages sent through ABRDN CONNECT) to have the same legal status as\r\n        documents sent to US by post. YOU agree not to contest the validity or\r\n        enforceability of an electronic communication (including an email or\r\n        other form of secure message) which relates to an instruction. YOU also\r\n        expressly agree not to use the absence of a printed or hand written\r\n        document as an excuse not to comply with YOUR obligations under these\r\n        TERMS.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        14.2 If YOU choose to send US an electronic communication (including an\r\n        email or message), YOU do so at YOUR own risk as there can be no\r\n        guarantee that WE will receive it, or that its content will remain\r\n        private or unaltered during its transmission to US. WE will accept no\r\n        liability for any loss or damage YOU may suffer as a result of this. If\r\n        this causes concern, YOU may prefer to contact US by phone or post.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        14.3 WE reserve the right to monitor the use and content of electronic\r\n        communications (including emails and other forms of secure message)\r\n        which are sent from and received by US for the purposes of ensuring\r\n        compliance with OUR own electronic communications policy, and\r\n        identifying and taking action against unlawful or improper use of, or\r\n        attacks on, OUR systems.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        14.4 Where possible, WE virus scan and retain all electronic\r\n        communications (including emails), but WE will not be responsible for\r\n        any damage caused by a virus or alteration by a third party, after an\r\n        email or electronic message has been sent by US. WE recommend that YOU\r\n        employ reasonable virus detection and protection measures when accessing\r\n        any emails or electronic messages from US.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        15. Changes to these terms\r\n      </Typography>\r\n      <Typography paragraph>\r\n        15.1 WE can make reasonable and appropriate changes to these TERMS (or\r\n        issue a replacement set of terms and conditions in their place) by\r\n        notifying you through ABRDN CONNECT at any time:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · if changes to the legal or regulatory requirements applying to ABRDN\r\n        CONNECT, the SERVICES or the INFORMATION need to be reflected in these\r\n        TERMS;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · if new industry guidance and codes of practice which are there to\r\n        raise standards of customer protection need to be reflected in these\r\n        TERMS;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · if it becomes impossible or impractical, in OUR reasonable opinion, to\r\n        carry out any of these TERMS as a result of a change in the law or\r\n        regulation or other circumstances beyond OUR control;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · to reflect improvements to ABRDN CONNECT, the SERVICES and/or the\r\n        INFORMATION that technological, service or propositional enhancements\r\n        have allowed US to make;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · if WE reasonably believe that the changes are necessary in the\r\n        interests of OUR business; or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · to improve the clarity of any of these TERMS.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        15.2 WE will let YOU know of any change made to these TERMS that may be\r\n        to YOUR disadvantage. If YOU object to a change made by US please\r\n        contact US (see paragraph 18 for how to contact US), however, please\r\n        note YOUR only recourse may be to terminate these TERMS (as explained in\r\n        paragraph 17).\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        16. Use of personal data\r\n      </Typography>\r\n      <Typography paragraph>\r\n        16.1 WE will collect and use limited personal data about YOU and if\r\n        applicable YOUR employees and representatives ( i.e. YOUR name, contact\r\n        email) in order to verify YOUR identity, to provide access to the\r\n        SERVICES and to comply with relevant laws and regulations. Personal data\r\n        has the meaning given under applicable DATA PROTECTION LAWS.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        16.2 WE will share your data with other members of ABRDN GROUP and other\r\n        companies WE work with to support us in the provision of services to\r\n        YOU.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        16.3 WE will only share personal data: (i) where it’s necessary and\r\n        lawful to do so; and (ii) in line with our obligations under applicable\r\n        DATA PROTECTION LAWS in order to keep this information safe and secure.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        17. Termination\r\n      </Typography>\r\n      <Typography paragraph>\r\n        17.1 YOU can terminate these TERMS by giving US notice of this, in the\r\n        manner outlined in paragraph 17.3.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        17.2 WE may terminate these TERMS and YOUR right to use ABRDN CONNECT\r\n        and the SERVICES:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · by giving YOU 30 days&apos; notice, as outlined in paragraph 17.3. WE\r\n        will notify YOU of the options available to YOU at the time;\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · by notifying YOU, as outlined in paragraph 17.3, if YOU commit a\r\n        material breach of these TERMS and (if it is remediable) YOU fail to\r\n        remedy the breach within 10 working days of being asked by US to do so;\r\n        or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        · by giving YOU as much advance notice as possible, as outlined in\r\n        paragraph 17.3, in the event that WE have to withdraw ABRDN CONNECT\r\n        and/or the SERVICES for ABRDN CONNECT security, legal, commercial or\r\n        regulatory reasons.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        17.3 The notices that either WE or YOU are required to serve on the\r\n        other under this paragraph 17 must be in writing and can be served\r\n        either by email or by first class post to the last notified address of\r\n        the party (see paragraph 18 for details of our contact address). If a\r\n        notice is served by email, it will be deemed to be delivered on the day\r\n        it was sent provided no non-delivery message is received by the sender.\r\n        If a notice is served by first class post, it will be deemed delivered\r\n        two working days after being posted and in proving such service it shall\r\n        be sufficient to prove that the envelope was properly addressed, stamped\r\n        and posted.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        17.4 YOUR access to ABRDN CONNECT will be revoked upon termination of\r\n        these TERMS, howsoever occurring.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        18. How to contact us\r\n      </Typography>\r\n      <Typography paragraph>\r\n        18.1 If YOU have any questions about ABRDN CONNECT or the SERVICES, YOU\r\n        can contact YOUR Relationship Manager.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        18.2 Calls may be monitored and/or recorded to protect both YOU and US\r\n        and to help with OUR training. Call charges will vary.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        18.3 Our main contact address is abrdn plc, 1 George Street, Edinburgh,\r\n        EH2 2LL.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        19. Complaints\r\n      </Typography>\r\n      <Typography paragraph>\r\n        19.1 If YOU have a concern or complaint about ABRDN CONNECT and/or the\r\n        SERVICES, please contact US (see paragraph 18 for how to contact US). We\r\n        will acknowledge your complaint with 5 business days and liaise with YOU\r\n        regarding your issue and attempt to fully resolve it during this time.\r\n        In some cases we may require additional information and continue with\r\n        the investigation into your complaint, however will try to send a final\r\n        response within 4 weeks of receipt of your complaint. If we are unable\r\n        to provide you with a final response within this time we will send you\r\n        an update. We will endeavour to send a final response to you within 8\r\n        weeks of receipt of your complaint. If we are unable to provide you with\r\n        a final response within this time frame, we will write to you explaining\r\n        why and advise you when you can expect a final response.\r\n      </Typography>\r\n      <Typography paragraph>\r\n        19.2 Complaints received from professional clients and eligible\r\n        counterparties will be handled in the same way as complaints received\r\n        from retail clients. However, professional clients and eligible\r\n        counterparties may not meet the definition of “eligible complainant” and\r\n        therefore may not have access the applicable Alternative Dispute\r\n        Resolution service within their jurisdiction.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        20. Cookies\r\n      </Typography>\r\n      <Typography paragraph>\r\n        20.1 ABRDN CONNECT uses cookies. For more information, please read OUR{' '}\r\n        <a\r\n          target=\"_blank\"\r\n          rel=\"noreferrer\"\r\n          href={'https://www.abrdn.com/en/uk/institutional/cookie-policy'}\r\n          style={{ color: 'inherit' }}\r\n        >\r\n          cookie policy\r\n        </a>{' '}\r\n        at the LEGAL INFORMATION NOTICE.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        21. ABRDN GROUP\r\n      </Typography>\r\n      <Typography paragraph>\r\n        21.1 Each member of ABRDN GROUP shall be entitled to recover any loss\r\n        suffered by it and generally to enforce these TERMS in its own right in\r\n        accordance with the provisions of the Contract (Rights of Third Parties\r\n        Act) 1999.\r\n      </Typography>\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        22. Governing law\r\n      </Typography>\r\n      <Typography paragraph>\r\n        22.1 If TERMS shall be governed by the laws of England and Wales, and\r\n        YOU and WE shall be deemed to submit to the exclusive jurisdiction of\r\n        the courts of England and Wales.\r\n      </Typography>\r\n\r\n      {/* Glossary */}\r\n      <Typography variant=\"h5\" component=\"h2\">\r\n        23. GLOSSARY\r\n      </Typography>\r\n      <Typography paragraph>\r\n        23.1 In these terms, these capitalised words have the following\r\n        meanings:\r\n      </Typography>\r\n\r\n      <Typography paragraph>AGGREGATION SERVICES</Typography>\r\n      <Typography paragraph>\r\n        are services offered by third parties where the third party will:\r\n      </Typography>\r\n      <Typography paragraph>\r\n        collect and manage YOUR financial account information for YOU and\r\n        display this information for YOU in one place such as a single web page;\r\n        and/or\r\n      </Typography>\r\n      <Typography paragraph>\r\n        carry out transactions for YOU using the USERNAME and PASSWORD.\r\n      </Typography>\r\n      <Typography paragraph>CORPORATE ENTITY</Typography>\r\n      <Typography paragraph>\r\n        includes a limited company, a sole trader, a partnership or limited\r\n        liability partnership, a club, a society, a recognised or registered\r\n        charity, and any other entity which has its own legal identity that is\r\n        distinct from the individuals that work for it.\r\n      </Typography>\r\n      <Typography paragraph>DATA PROTECTION LAWS</Typography>\r\n      <Typography paragraph>\r\n        means any laws or regulations that apply from time to time to the\r\n        PROCESSING of PERSONAL DATA by either party under these TERMS and to\r\n        include without limitation Regulation (EU) 2016/679 of 27 April 2016\r\n        (GDPR), all national implementing legislation (including the Data\r\n        Protection Act 2018) and subordinate legislation in the United Kingdom\r\n        and any applicable decisions and guidance made under them.\r\n      </Typography>\r\n      <Typography paragraph>DENIAL-OF-SERVICE ATTACK</Typography>\r\n      <Typography paragraph>\r\n        means an attempt to make a computer resource unavailable to its intended\r\n        users.\r\n      </Typography>\r\n      <Typography paragraph>FCA</Typography>\r\n      <Typography paragraph>\r\n        means the Financial Conduct Authority or any successor regulator which\r\n        regulates our investment business. The FCA can be contacted at 25 The\r\n        North Colonnade, Canary Wharf, London E14 5HS. The FCA can be contacted\r\n        at 12 Endeavour Square, London, E20 1JN.\r\n      </Typography>\r\n      <Typography paragraph>FCA RULES</Typography>\r\n      <Typography paragraph>\r\n        means the Handbook of Rules and Guidance of the FCA, as amended from\r\n        time to time.\r\n      </Typography>\r\n      <Typography paragraph>INFORMATION</Typography>\r\n      <Typography paragraph>\r\n        means any and all information contained on ABRDN CONNECT being\r\n        registered for or provided as part of the SERVICES.\r\n      </Typography>\r\n      <Typography paragraph>INVESTMENTS</Typography>\r\n      <Typography paragraph>\r\n        means funds or other investment products offered by US or other members\r\n        of the ABRDN GROUP\r\n      </Typography>\r\n      <Typography paragraph>ONLINE REGISTRATION</Typography>\r\n      <Typography paragraph>\r\n        means the online registration completed by YOU as part of the\r\n        registration process to enable YOU to use ABRDN CONNECT and the\r\n        SERVICES.\r\n      </Typography>\r\n      <Typography paragraph>PASSWORD</Typography>\r\n      <Typography paragraph>\r\n        means the password chosen by YOU during registration (or any subsequent\r\n        reset) that, together with the USERNAME, enables individual access to\r\n        ABRDN CONNECT and the SERVICES.\r\n      </Typography>\r\n      <Typography paragraph>SERVICES</Typography>\r\n      <Typography paragraph>\r\n        means the provision of online services through ABRDN CONNECT.\r\n      </Typography>\r\n      <Typography paragraph>ABRDN GROUP</Typography>\r\n      <Typography paragraph>\r\n        means abrdn plc which is registered in Scotland (company number\r\n        SC286832), together with its subsidiaries, subsidiary undertakings and\r\n        associated companies (whether direct or indirect) from time to time and\r\n        a member of ABRDN GROUP shall mean abrdn plc or any of its subsidiaries,\r\n        subsidiary undertakings or associated companies (whether direct or\r\n        indirect) from time to time.\r\n      </Typography>\r\n      <Typography paragraph>TERMS</Typography>\r\n      <Typography paragraph>\r\n        means the terms and conditions contained in this online document.\r\n      </Typography>\r\n      <Typography paragraph>USERNAME</Typography>\r\n      <Typography paragraph>\r\n        means the username chosen by YOU during registration (or any subsequent\r\n        resets) that, together with the PASSWORD, enables individual access to\r\n        ABRDN CONNECT and the SERVICES.\r\n      </Typography>\r\n      <Typography paragraph>UK</Typography>\r\n      <Typography paragraph>\r\n        means the United Kingdom of Great Britain and Northern Ireland,\r\n        excluding the Isle of Man and the Channel Islands.\r\n      </Typography>\r\n      <Typography paragraph>YOU</Typography>\r\n      <Typography paragraph>\r\n        means the person (including a private individual or CORPORATE ENTITY)\r\n        who may have INVESTMENTS, and who is specified as the user of ABRDN\r\n        CONNECT and SERVICES on the ONLINE REGISTRATION (and YOUR shall be\r\n        construed accordingly).\r\n      </Typography>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nconst PageTermsAndConditions = () => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>{t('common:titles.terms')}</title>\r\n      </Helmet>\r\n\r\n      <Banner>\r\n        <Breadcrumbs\r\n          inBanner\r\n          trail={[\r\n            { label: 'Home', href: '/home' },\r\n            { label: 'Terms & Conditions' },\r\n          ]}\r\n        />\r\n        <Typography variant=\"h3\" component=\"h1\">\r\n          {t('common:titles.terms')}\r\n        </Typography>\r\n      </Banner>\r\n\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Box maxWidth={860}>\r\n            <TermsAndConditions />\r\n          </Box>\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default PageTermsAndConditions;\r\n","import { Box, Typography } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { KeyboardArrowLeftIcon } from '../icons';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  link: {\r\n    cursor: 'pointer',\r\n    textDecoration: 'underline',\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    '&:hover': {\r\n      textDecoration: 'none',\r\n    },\r\n  },\r\n}));\r\n\r\ninterface Props {\r\n  onBack(): void;\r\n  type: 'registration' | 'login';\r\n}\r\n\r\nexport function ErrorDialog(props: Props) {\r\n  const styles = useStyles();\r\n  return (\r\n    <>\r\n      <Box mb={10}>\r\n        <Typography variant=\"h4\" component=\"h3\">\r\n          Oops!\r\n        </Typography>\r\n\r\n        <Typography paragraph variant=\"body2\">\r\n          It looks like we are currently experiencing some technical\r\n          difficulties and have been unable to complete your {props.type}.\r\n        </Typography>\r\n\r\n        <Typography paragraph variant=\"body2\">\r\n          Please try again later or feel free to contact us\r\n          at <b>ConnectHelp@abrdn.com</b> for assistance.\r\n        </Typography>\r\n      </Box>\r\n      <Box onClick={props.onBack} className={styles.link}>\r\n        <KeyboardArrowLeftIcon style={{ marginRight: 4, width: 24, height: 24 }} />\r\n        <b style={{ fontSize: 14 }}>Back to login</b>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n","import { sendApiRequest } from '../utils';\r\n\r\ntype Response = Array<{\r\n  detail: string;\r\n  type: string;\r\n}>;\r\n\r\ninterface OktaCredentials {\r\n  clientId: string;\r\n  issuer: string;\r\n  salesforceUrl: string;\r\n}\r\n\r\nexport async function getOktaCredentials(): Promise<OktaCredentials> {\r\n  const endpoint: string = `${process.env.REACT_APP_API_URL}api/account/registration/oktacredentials`;\r\n\r\n  const response = await sendApiRequest<Response>(endpoint);\r\n\r\n  return {\r\n    issuer: response.find(item => item.type === 'Okta_issuer')?.detail ?? '',\r\n    clientId: response.find(item => item.type === 'Okta_clientId')?.detail ?? '',\r\n    salesforceUrl: response.find(item => item.type === 'Sales_Url')?.detail ?? '',\r\n  }\r\n}\r\n","export const debounce = <T extends unknown[], U>(\r\n  callback: (...args: T) => PromiseLike<U> | U,\r\n  wait: number\r\n) => {\r\n  let timer: NodeJS.Timeout;\r\n\r\n  return (...args: T): Promise<U> => {\r\n    clearTimeout(timer);\r\n\r\n    return new Promise((resolve) => {\r\n      timer = setTimeout(() => resolve(callback(...args)), wait);\r\n    });\r\n  };\r\n};\r\n","/**\r\n * Exports a boolean value reporting whether the given API is supported or not\r\n */\r\nexport const isApiSupported = (api: string, root: any = window): boolean =>\r\n  typeof root !== 'undefined' ? api in root : false;\r\n","import { Box, Container, makeStyles, Typography } from '@material-ui/core';\r\nimport { GREY_MEDIUM } from '@abrdn-latest/config';\r\nimport { LightBulbIcon } from 'icons';\r\nimport { useWidth } from '../../@abrdn-latest/use';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nconst useStyles = makeStyles<{}, { isSmall: boolean }>(() => ({\r\n  container: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    height: props => props.isSmall ? 'initial' : '100vh',\r\n  },\r\n  connectHeading: {\r\n    marginTop: 20,\r\n    marginBottom: props => props.isSmall ? 24 : 80,\r\n    fontSize: 28,\r\n    textAlign: 'center',\r\n  },\r\n  box: {\r\n    position: 'relative',\r\n    width: props => props.isSmall ? '100%' : 340,\r\n    maxWidth: 600,\r\n    margin: props => props.isSmall ? '24px 0 40px' : 0,\r\n    background: GREY_MEDIUM,\r\n    borderRadius: 3,\r\n  },\r\n  icon: {\r\n    position: 'absolute',\r\n    top: 20,\r\n    right: 25,\r\n  },\r\n  heading: {\r\n    marginBottom: 16,\r\n    fontSize: 16,\r\n  },\r\n  paragraph: {\r\n    fontSize: 14,\r\n    lineHeight: '24px',\r\n  },\r\n  link: {\r\n    textDecoration: 'underline',\r\n    fontWeight: 700,\r\n    color: 'black',\r\n  },\r\n  logo: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 276,\r\n    height: 120,\r\n    backgroundImage: `url(\"${getPublicPath(`images/abrdn-logo-dark.svg`)}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n}));\r\n\r\nfunction InfoBox() {\r\n  const classes = useStyles(useWidth());\r\n  return (\r\n    <Box padding={3} className={classes.box}>\r\n      <LightBulbIcon className={classes.icon} />\r\n\r\n      <Typography variant=\"h4\" className={classes.heading}>\r\n        What is abrdn Connect?\r\n      </Typography>\r\n\r\n      <Typography\r\n        paragraph\r\n        className={classes.paragraph}\r\n        style={{ marginBottom: 24 }}\r\n      >\r\n        abrdn Connect is a servicing tool<br/>\r\n        designed for our institutional clients,<br/>\r\n        with content intended for that audience.<br/>\r\n        The tool provides all users with information on our publicly available funds.\r\n      </Typography>\r\n\r\n      <Typography variant=\"h4\" className={classes.heading}>\r\n        Looking for your personal investments?\r\n      </Typography>\r\n\r\n      <Typography\r\n        paragraph\r\n        className={classes.paragraph}\r\n        style={{ marginBottom: 0 }}\r\n      >\r\n        Details on your abrdn personal investments\r\n        can be found <a href=\"https://www.abrdn.com/\" className={classes.link}>here</a> in\r\n        the Individual section.\r\n      </Typography>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport function InfoPanel() {\r\n  const { isSmall } = useWidth();\r\n  const classes = useStyles({ isSmall });\r\n  return (\r\n    <Box className={classes.container}>\r\n      <Container style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\r\n        {isSmall && <InfoBox />}\r\n        <Container style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\r\n          <Box className={classes.logo} />\r\n          <Typography variant=\"h4\" className={classes.connectHeading}>\r\n            Connect\r\n          </Typography>\r\n        </Container>\r\n        {!isSmall && <InfoBox />}\r\n      </Container>\r\n    </Box>\r\n  );\r\n}\r\n","// TODO: comment\r\nimport { useWidth } from '@abrdn-latest/use';\r\nimport { Box, Container, Paper } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React, { Fragment, PropsWithChildren } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { InfoPanel } from './InfoPanel';\r\nimport { useHeight } from '../../@abrdn-latest/use/useHeight';\r\nimport { getPublicPath } from '../../utils/assets';\r\n\r\nconst useStyles = makeStyles<{}, { height: number, isSmall: boolean }>({\r\n  widgetBox: {\r\n    border: '1px solid #D9D9D6',\r\n  },\r\n  content: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: '100%',\r\n    height: '100%',\r\n    backgroundImage: `url(\"${getPublicPath('images/backgrounds/authentication.svg')}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n  page: {\r\n    display: 'flex',\r\n    flexGrow: 1,\r\n    overflowY: 'hidden',\r\n    flexDirection: props => props.isSmall ? 'column' : 'row',\r\n  },\r\n  container: {\r\n    display: props => props.height > 580 ? 'flex' : 'block',\r\n    alignItems: 'center',\r\n    position: 'relative',\r\n    zIndex: 1,\r\n    paddingTop: props => props.isSmall ? 48 : 0,\r\n    paddingBottom: props => props.isSmall ? 48 : 0,\r\n    height: props => props.isSmall ? '' : '100vh',\r\n    background: 'transparent',\r\n    overflowY: props => props.isSmall ? 'initial' : 'scroll',\r\n  },\r\n  widgetContainer: {\r\n    minHeight: props => props.height > 580 ? 750 : 0,\r\n    marginTop: props => props.height > 580 ? 150 : 0,\r\n  },\r\n});\r\n\r\nexport const PageAuth = ({ children }: PropsWithChildren<{}>) => {\r\n  const { isSmall } = useWidth();\r\n  const height = useHeight();\r\n\r\n  const classes = useStyles({ isSmall, height });\r\n\r\n  return (\r\n    <Fragment>\r\n      <Helmet>\r\n        <title>Authentication</title>\r\n\r\n        <style type=\"text/css\">{`\r\n        .main{\r\n            display: flex;\r\n   flex-direction: column;\r\n        }\r\n    `}</style>\r\n      </Helmet>\r\n      <Paper className={classes.page}>\r\n        {!isSmall && <InfoPanel />}\r\n        <Paper className={classes.content}>\r\n          <Box className={classes.container}>\r\n            <Container maxWidth=\"sm\" className={!isSmall ? classes.widgetContainer : ''}>\r\n              <Box className={classes.widgetBox}>\r\n                <Paper>\r\n                  <Box padding={4}>\r\n                    {children}\r\n                  </Box>\r\n                </Paper>\r\n              </Box>\r\n            </Container>\r\n          </Box>\r\n        </Paper>\r\n        {isSmall && <InfoPanel />}\r\n      </Paper>\r\n    </Fragment>\r\n  );\r\n};\r\n","import { useEffect, useState } from 'react';\r\n\r\nexport const useHeight = () => {\r\n  const [height, setHeight] = useState(window.innerHeight);\r\n\r\n  useEffect(() => {\r\n    function handleResize() {\r\n      setHeight(window.innerHeight);\r\n    }\r\n\r\n    window.addEventListener(\"resize\", handleResize);\r\n    return () => window.removeEventListener(\"resize\", handleResize);\r\n  }, []);\r\n\r\n  return height;\r\n};\r\n","export * from './ChangePasswordForm';\r\nexport * from './MemorableQuestionsForm';\r\nexport * from './RegisterForm';\r\nexport * from './Security';\r\nexport * from './SecurityContext';\r\nexport * from './SecurityModal';\r\nexport * from './types';\r\n","// TODO: comment\r\nexport const SERVER_ACTION_DELAY: number = 4500;\r\nexport const DEFAULT_MESSAGES_PER_PAGE: number = 10;\r\n\r\nexport const getMessagesPerPage = (): number => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const items = localStorage.getItem('messagesPerPage');\r\n\r\n    if (items) {\r\n      return JSON.parse(items);\r\n    }\r\n  }\r\n\r\n  return DEFAULT_MESSAGES_PER_PAGE;\r\n};\r\n\r\nexport const setMessagesPerPage = (items: number) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.setItem('messagesPerPage', JSON.stringify(items));\r\n  }\r\n};\r\n\r\nexport const DEFAULT_PARTIES_PER_PAGE: number = 25;\r\n\r\nexport const getPartiesPerPage = (): number => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const items = localStorage.getItem('partiesPerPage');\r\n\r\n    if (items) {\r\n      return JSON.parse(items);\r\n    }\r\n  }\r\n\r\n  return DEFAULT_PARTIES_PER_PAGE;\r\n};\r\n\r\nexport const setPartiesPerPage = (items: number) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.setItem('partiesPerPage', JSON.stringify(items));\r\n  }\r\n};\r\n\r\nexport const DEFAULT_DOCUMENTS_PER_PAGE: number = 10;\r\n\r\nexport const getDocumentsPerPage = (): number => {\r\n  if (typeof Storage !== 'undefined') {\r\n    const items = localStorage.getItem('documentsPerPage');\r\n\r\n    if (items) {\r\n      return JSON.parse(items);\r\n    }\r\n  }\r\n\r\n  return DEFAULT_DOCUMENTS_PER_PAGE;\r\n};\r\n\r\nexport const setDocumentsPerPage = (items: number) => {\r\n  if (typeof Storage !== 'undefined') {\r\n    localStorage.setItem('documentsPerPage', JSON.stringify(items));\r\n  }\r\n};\r\n","import * as Accordion from './accordion';\r\n\r\nexport * from './article';\r\nexport * from './error';\r\nexport * from './form';\r\nexport * from './line-clamp';\r\nexport * from './stack';\r\nexport * from './table';\r\nexport * from './video';\r\n\r\nexport const Abrdn = {\r\n  ...Accordion,\r\n};\r\n","export function getPublicPath(path: string) {\r\n  return process.env.NODE_ENV === 'development'\r\n    ? `/${path}`\r\n    : path;\r\n}\r\n","// TODO: comment\r\nimport { createSlice, PayloadAction } from '@reduxjs/toolkit';\r\n\r\nexport const DELETED_MESSSAGES_NAME: string = 'messages-deleted';\r\n\r\ninterface DeletedState {\r\n  ids: string[];\r\n}\r\n\r\nconst initialState = { ids: [] } as DeletedState;\r\n\r\nconst messageSlice = createSlice({\r\n  name: DELETED_MESSSAGES_NAME,\r\n  initialState,\r\n  reducers: {\r\n    addDeletedMessageId(state, action: PayloadAction<string>) {\r\n      state.ids.push(action.payload);\r\n    },\r\n  },\r\n});\r\n\r\nexport const { addDeletedMessageId } = messageSlice.actions;\r\n\r\nexport const selectDeletedIds = (state: any) => {\r\n  return state[DELETED_MESSSAGES_NAME].ids;\r\n};\r\n\r\nexport default messageSlice.reducer;\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport { getActionRequiredMessages as api_getActionRequiredMessages } from 'api';\r\nimport { getMessagesPerPage } from 'api/constants';\r\nimport { MessageListStateProps, MessagesRequest } from './types';\r\nexport const getActionRequiredMessages = createAsyncThunk(\r\n  'message/action-required',\r\n  async ({ start = 0, max = getMessagesPerPage() }: MessagesRequest) => {\r\n    const messages = await api_getActionRequiredMessages(start, max);\r\n\r\n    return messages;\r\n  }\r\n);\r\n\r\nconst initialState: MessageListStateProps = {\r\n  status: '',\r\n  items: {\r\n    pagination: {},\r\n    messages: [],\r\n  },\r\n};\r\n\r\nconst messageSlice = createSlice({\r\n  name: 'messages-action-required',\r\n  initialState,\r\n  reducers: {\r\n    setMessages: (state, action) => {\r\n      state.items = action.payload;\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    builder.addCase(getActionRequiredMessages.pending, (state, action) => {\r\n      state.status = STATUS_LOADING;\r\n    });\r\n    builder.addCase(getActionRequiredMessages.fulfilled, (state, action) => {\r\n      state.items = action.payload;\r\n      state.status = STATUS_SUCCESS;\r\n    });\r\n    builder.addCase(getActionRequiredMessages.rejected, (state, action) => {\r\n      state.status = STATUS_FAILED;\r\n    });\r\n  },\r\n});\r\n\r\nexport const selectActionRequiredMessages = (state: any) => {\r\n  return state['messages-action-required'].items;\r\n};\r\n\r\nexport const selectActionRequiredStatus = (state: any): string => {\r\n  return String(state['messages-action-required'].status);\r\n};\r\n\r\nexport default messageSlice.reducer;\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport { getReceivedMessages as api_getReceivedMessages } from 'api';\r\nimport { getMessagesPerPage } from 'api/constants';\r\nimport { MessageListStateProps, MessagesRequest } from './types';\r\nexport const getReceivedMessages = createAsyncThunk(\r\n  'message/get-received',\r\n  async ({ start = 0, max = getMessagesPerPage() }: MessagesRequest) => {\r\n    const messages = await api_getReceivedMessages(start, max);\r\n\r\n    return messages;\r\n  }\r\n);\r\n\r\nconst initialState: MessageListStateProps = {\r\n  status: '',\r\n  items: {\r\n    pagination: {},\r\n    messages: [],\r\n  },\r\n};\r\n\r\nconst messageSlice = createSlice({\r\n  name: 'messages-received',\r\n  initialState,\r\n  reducers: {\r\n    setMessages: (state, action) => {\r\n      state.items = action.payload;\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    builder.addCase(getReceivedMessages.pending, (state, action) => {\r\n      state.status = STATUS_LOADING;\r\n    });\r\n    builder.addCase(getReceivedMessages.fulfilled, (state, action) => {\r\n      state.items = action.payload;\r\n      state.status = STATUS_SUCCESS;\r\n    });\r\n    builder.addCase(getReceivedMessages.rejected, (state, action) => {\r\n      state.status = STATUS_FAILED;\r\n    });\r\n  },\r\n});\r\n\r\nexport const selectReceivedMessages = (state: any) => {\r\n  return state['messages-received'].items;\r\n};\r\n\r\nexport const selectReceivedStatus = (state: any): string => {\r\n  return String(state['messages-received'].status);\r\n};\r\n\r\nexport default messageSlice.reducer;\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport { getSentMessages as api_getSentMessages } from 'api';\r\nimport { getMessagesPerPage } from 'api/constants';\r\nimport { MessageListStateProps, MessagesRequest } from './types';\r\nexport const getSentMessages = createAsyncThunk(\r\n  'message/get-sent',\r\n  async ({ start = 0, max = getMessagesPerPage() }: MessagesRequest) => {\r\n    const messages = await api_getSentMessages(start, max);\r\n\r\n    return messages;\r\n  }\r\n);\r\n\r\nconst initialState: MessageListStateProps = {\r\n  status: '',\r\n  items: {\r\n    pagination: {},\r\n    messages: [],\r\n  },\r\n};\r\n\r\nconst messageSlice = createSlice({\r\n  name: 'messages-sent',\r\n  initialState,\r\n  reducers: {\r\n    setMessages: (state, action) => {\r\n      state.items = action.payload;\r\n    },\r\n  },\r\n  extraReducers: (builder) => {\r\n    builder.addCase(getSentMessages.pending, (state, action) => {\r\n      state.status = STATUS_LOADING;\r\n    });\r\n    builder.addCase(getSentMessages.fulfilled, (state, action) => {\r\n      state.items = action.payload;\r\n      state.status = STATUS_SUCCESS;\r\n    });\r\n    builder.addCase(getSentMessages.rejected, (state, action) => {\r\n      state.status = STATUS_FAILED;\r\n    });\r\n  },\r\n});\r\n\r\nexport const selectSentMessages = (state: any) => {\r\n  return state['messages-sent'].items;\r\n};\r\n\r\nexport const selectSentStatus = (state: any): string => {\r\n  return String(state['messages-sent'].status);\r\n};\r\n\r\nexport default messageSlice.reducer;\r\n","// TODO: comment\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport {\r\n  getActionRequiredCount,\r\n  getMessageSubjects as api_getMessageSubjects,\r\n  getUnreadMessageCount,\r\n} from 'api';\r\nimport { MessageSubject } from 'api/types';\r\n\r\nexport const getMessageSubjects = createAsyncThunk(\r\n  'message/subjects',\r\n  async (_, { getState }) => {\r\n    const items = await api_getMessageSubjects();\r\n    return items;\r\n  }\r\n);\r\n\r\nexport const getUnreadCount = createAsyncThunk(\r\n  'message/get-count',\r\n  async () => {\r\n    const count = await getUnreadMessageCount();\r\n\r\n    return count;\r\n  }\r\n);\r\n\r\nexport const getActionRequired = createAsyncThunk(\r\n  'message/get-action-required',\r\n  async () => {\r\n    const response = await getActionRequiredCount();\r\n\r\n    return response;\r\n  }\r\n);\r\n\r\ninterface StateProps {\r\n  action: number;\r\n  deleted: Array<any>;\r\n  important: any;\r\n  inbox: any;\r\n  message: any;\r\n  sent: any;\r\n  status: any;\r\n  subjects: Array<MessageSubject>;\r\n  unreadCount: number;\r\n}\r\n\r\nconst initialState: StateProps = {\r\n  status: {\r\n    inbox: '',\r\n    important: '',\r\n    sent: '',\r\n  },\r\n  inbox: {\r\n    pagination: {},\r\n    messages: [],\r\n  },\r\n  important: {\r\n    pagination: {},\r\n    messages: [],\r\n  },\r\n  sent: {\r\n    pagination: {},\r\n    messages: [],\r\n  },\r\n  action: 0,\r\n  unreadCount: 0,\r\n  message: {},\r\n  deleted: [],\r\n  subjects: [],\r\n};\r\n\r\nconst messageSlice = createSlice({\r\n  name: 'messages',\r\n  initialState,\r\n  reducers: {\r\n    setMessages: (state, action) => {\r\n      state.inbox = action.payload;\r\n    },\r\n    // create\r\n    // read\r\n    readMessages: (state, action) => {\r\n      state.inbox = action.payload;\r\n    },\r\n    // update\r\n    // delete\r\n    deleteMessages: (state, action) => {},\r\n  },\r\n  extraReducers: (builder) => {\r\n    // Get Action Required Messages\r\n    builder.addCase(getMessageSubjects.pending, (state, action) => {\r\n      // state.status = 'loading';\r\n    });\r\n    builder.addCase(getMessageSubjects.fulfilled, (state, action) => {\r\n      state.subjects = action.payload;\r\n      // state.status = 'success';\r\n    });\r\n    builder.addCase(getMessageSubjects.rejected, (state, action) => {\r\n      // state.status = 'failed';\r\n    });\r\n\r\n    // Get Action Required Messages\r\n\r\n    builder.addCase(getActionRequired.pending, (state, action) => {\r\n      // state.status = 'loading';\r\n    });\r\n    builder.addCase(getActionRequired.fulfilled, (state, action) => {\r\n      state.action = action.payload.count;\r\n      // state.status = 'success';\r\n    });\r\n    builder.addCase(getActionRequired.rejected, (state, action) => {\r\n      // state.status = 'failed';\r\n    });\r\n\r\n    // End Action Required Messages\r\n\r\n    // Get Message Count\r\n    builder.addCase(getUnreadCount.pending, (state, action) => {\r\n      // state.status = 'loading';\r\n    });\r\n    builder.addCase(getUnreadCount.fulfilled, (state, action) => {\r\n      state.unreadCount = action.payload.count;\r\n      // state.status = 'success';\r\n    });\r\n    builder.addCase(getUnreadCount.rejected, (state, action) => {\r\n      // state.status = 'failed';\r\n    });\r\n    // End Message Count\r\n  },\r\n});\r\n\r\n// export const { setMessages } = messageSlice.actions;\r\n\r\nexport const selectActionRequiredCount = (state: any) => {\r\n  return state.messages.action;\r\n};\r\n\r\nexport const selectUnreadCount = (state: any) => {\r\n  return state.messages.unreadCount;\r\n};\r\n\r\nexport const selectMessage = (state: any) => {\r\n  return state.messages.message;\r\n};\r\n\r\nexport const selectMessageSubjects = (state: any) => {\r\n  return state.messages.subjects;\r\n};\r\n\r\nexport default messageSlice.reducer;\r\n","// TODO: comment\r\nimport { css } from 'styled-components';\r\nimport { mediaQueries } from './mediaQueries';\r\nexport interface theme {\r\n  background?: any;\r\n  colors: {\r\n    primary: string;\r\n    secondary: string;\r\n    text: string;\r\n  };\r\n  fontSizes: {\r\n    base: {\r\n      lg: number;\r\n      md: number;\r\n      sm: number;\r\n      xl: number;\r\n    };\r\n  };\r\n  palette?: any;\r\n  typography?: any;\r\n}\r\n\r\n//default theme\r\nexport const baseTheme: any = {\r\n  typography: {\r\n    fontSize: 16,\r\n    fontFamily: \"'SharpSans-medium', Arial, sans-serif\",\r\n    lineHeight: 1.6,\r\n\r\n    h1: {\r\n      fontFamily: \"'SharpSans-semibold', Arial, sans-serif\",\r\n      fontSize: '32px',\r\n      fontWeight: 700,\r\n      '@media (min-width:600px)': {\r\n        fontSize: '64px',\r\n      },\r\n    },\r\n    h2: {\r\n      fontFamily: \"'SharpSans-semibold', Arial, sans-serif\",\r\n      fontSize: '48px',\r\n      marginBottom: '30px',\r\n    },\r\n    h3: {\r\n      fontFamily: \"'SharpSans-semibold', Arial, sans-serif\",\r\n      fontSize: '32px',\r\n      marginBottom: '30px',\r\n    },\r\n    h4: {\r\n      fontFamily: \"'SharpSans-semibold', Arial, sans-serif\",\r\n      fontSize: '24px',\r\n      marginBottom: '30px',\r\n    },\r\n    h5: {\r\n      fontFamily: \"'SharpSans-semibold', Arial, sans-serif\",\r\n      fontSize: '16px',\r\n      marginBottom: '30px',\r\n    },\r\n    h6: {\r\n      fontFamily: \"'SharpSans-semibold', Arial, sans-serif\",\r\n      fontSize: '14px',\r\n      fontWeight: 700,\r\n      marginBottom: '30px',\r\n    },\r\n    subtitle1: {\r\n      fontSize: 18,\r\n    },\r\n    body1: {\r\n      fontSize: 16,\r\n    },\r\n    body2: {\r\n      fontSize: 14,\r\n    },\r\n    caption: {\r\n      fontSize: 12,\r\n    },\r\n    button: {\r\n      textTransform: 'none',\r\n      borderRadius: 10,\r\n    },\r\n  },\r\n  shape: {\r\n    borderRadius: 0,\r\n  },\r\n  colors: {\r\n    primary: '#1a9ce3',\r\n    secondary: '#141e50',\r\n    text: '#ff00ff',\r\n  },\r\n  fontSizes: {\r\n    base: {\r\n      sm: 16,\r\n      md: 14,\r\n      lg: 12,\r\n      xl: 12,\r\n    },\r\n  },\r\n\r\n  palette: {\r\n    warning: {\r\n      main: '#fff',\r\n    },\r\n    info: {\r\n      main: '#000',\r\n    },\r\n  },\r\n\r\n  overrides: {\r\n    MuiIconButton: {\r\n      // root: { color: '#000' },\r\n    },\r\n    MuiInputBase: {\r\n      root: {\r\n        fontSize: 14,\r\n      },\r\n    },\r\n    MuiButton: {\r\n      root: {\r\n        borderRadius: 30,\r\n        margin: 0,\r\n        fontSize: 12,\r\n      },\r\n\r\n      outlinedSizeLarge: {\r\n        fontSize: 12,\r\n      },\r\n      containedSizeLarge: {\r\n        fontSize: 12,\r\n      },\r\n    },\r\n    MuiListItemIcon: {\r\n      root: {\r\n        minWidth: 40,\r\n      },\r\n    },\r\n    MuiTable: {\r\n      root: {\r\n        borderWidth: 1,\r\n        borderStyle: 'solid',\r\n        borderColor: '#BDBDBD',\r\n        borderCollapse: 'collapse',\r\n      },\r\n    },\r\n    MuiTableCell: {\r\n      root: {\r\n        borderWidth: 1,\r\n        borderStyle: 'solid',\r\n        borderColor: '#BDBDBD',\r\n      },\r\n    },\r\n    MuiAlert: {\r\n      standardWarning: {\r\n        color: '#fff',\r\n        backgroundColor: '#00205B',\r\n      },\r\n      standardError: {\r\n        color: '#fff',\r\n        backgroundColor: '#EF2B35 ',\r\n      },\r\n      standardSuccess: {\r\n        color: '#fff',\r\n        backgroundColor: '#008164 ',\r\n      },\r\n      standardInfo: {\r\n        color: '#000',\r\n        backgroundColor: '#DDE5ED',\r\n      },\r\n    },\r\n  },\r\n\r\n  props: {\r\n    MuiPaper: {\r\n      elevation: 0,\r\n    },\r\n    MuiButton: {\r\n      disableElevation: true,\r\n    },\r\n    MuiButtonBase: {\r\n      // The properties to apply\r\n      disableRipple: true, // No more ripple, on the whole application 💣!\r\n    },\r\n  },\r\n};\r\n\r\n//styled components snippets\r\n//fontSize stack\r\nexport const fontSizes = (theme: theme) => css`\r\n  ${(props) => mediaQueries('sm')(`font-size: ${theme?.fontSizes?.base?.sm}px`)}\r\n  ${(props) => mediaQueries('md')(`font-size: ${theme?.fontSizes?.base?.md}px`)}\r\n  ${(props) => mediaQueries('lg')(`font-size: ${theme?.fontSizes?.base?.lg}px`)}\r\n  ${(props) => mediaQueries('xl')(`font-size: ${theme?.fontSizes?.base?.xl}px`)}\r\n`;\r\n","// TODO: comment\r\nimport { ThemeOptions } from '@material-ui/core/styles';\r\n\r\nconst lightTheme: ThemeOptions = {\r\n  palette: {\r\n    type: 'light',\r\n    text: {\r\n      primary: '#000',\r\n    },\r\n    primary: {\r\n      main: '#000000',\r\n    },\r\n    secondary: {\r\n      main: '#141e50',\r\n    },\r\n  },\r\n};\r\n\r\nexport default lightTheme;\r\n","// TODO: comment\r\nimport { ThemeOptions } from '@material-ui/core/styles';\r\n\r\nconst darkTheme: ThemeOptions = {\r\n  palette: {\r\n    type: 'dark',\r\n    text: {\r\n      primary: '#fff',\r\n    },\r\n    primary: {\r\n      main: '#fff',\r\n    },\r\n    secondary: {\r\n      main: '#0057B7',\r\n    },\r\n    background: {\r\n      default: '#000',\r\n      paper: '#000',\r\n    },\r\n  },\r\n};\r\n\r\nexport default darkTheme;\r\n","// TODO: comment\r\nimport { ThemeProvider } from '@material-ui/core/styles';\r\nimport React from 'react';\r\nimport { abrdnDark } from './';\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport const ThemeDark = ({ children }: Props) => {\r\n  return <ThemeProvider theme={abrdnDark}>{children}</ThemeProvider>;\r\n};\r\n","// TODO: comment\r\nimport { ThemeProvider } from '@material-ui/core/styles';\r\nimport React from 'react';\r\nimport { abrdnDefault } from './';\r\n\r\ninterface Props {\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport const ThemeDefault = ({ children }: Props) => {\r\n  return <ThemeProvider theme={abrdnDefault}>{children}</ThemeProvider>;\r\n};\r\n","// TODO: comment\r\nimport { createMuiTheme } from '@material-ui/core/styles';\r\nimport { merge } from 'lodash';\r\nimport { baseTheme } from './globalTheme';\r\nimport defaultTheme from './theme';\r\nimport darkTheme from './theme-dark';\r\n\r\nconst a = merge(baseTheme, defaultTheme);\r\n\r\nexport const abrdnDefault = createMuiTheme(a);\r\n\r\nconst b = merge(baseTheme, darkTheme);\r\n\r\nexport const abrdnDark = createMuiTheme(b);\r\n\r\nexport * from './ThemeDark';\r\nexport * from './ThemeDefault';\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_SENDING,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Grid,\r\n  IconButton,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport { getMemorableQuestions, setMemorableQuestions } from 'api';\r\nimport { MemorableQuestions } from 'api/types';\r\nimport { ValidationProvider } from 'components/file-selector';\r\nimport { Form, Input, Password, Select } from 'components/form';\r\nimport { ReplayIcon } from 'icons';\r\nimport { FormMessage } from 'interfaces';\r\nimport { toast } from 'material-react-toastify';\r\nimport React, { Fragment, useCallback, useEffect, useState } from 'react';\r\nimport { FormProvider, useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport * as yup from 'yup';\r\nimport { AuthProps, ClickEvent } from './';\r\n\r\ninterface Props extends AuthProps {\r\n  canRefresh?: boolean;\r\n  isPage?: boolean;\r\n  onLoginClick?: boolean | ClickEvent;\r\n}\r\n\r\nexport const MemorableQuestionsForm = ({\r\n  hideTitle,\r\n  onComplete,\r\n  onLoginClick = true,\r\n  buttonLabel = 'Save and Continue',\r\n  canRefresh = true,\r\n  persistForm,\r\n  isPage = false,\r\n}: Props) => {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  // form messaging\r\n  const [message, setMessage] = useState<FormMessage | null>(null);\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n  const [questions, setQuestions] = useState<MemorableQuestions>([]);\r\n  const [q1] = useState<number>(0);\r\n  const [q2] = useState<number>(0);\r\n\r\n  const schema = yup.object().shape({\r\n    password: yup.string().required('Current password is required'),\r\n    question_one: yup.string().required('Question is required'),\r\n    answer_one: yup.string().required('Answer is required'),\r\n    question_two: yup\r\n      .string()\r\n      .required('Question is required')\r\n      .notOneOf([yup.ref('question_one'), null], 'Questions must be different'),\r\n    answer_two: yup.string().required('Answer is required'),\r\n  });\r\n\r\n  const [data, setData] = useState({\r\n    password: '',\r\n    question_one: '',\r\n    answer_one: '',\r\n    question_two: '',\r\n    answer_two: '',\r\n  });\r\n\r\n  const methods = useForm({\r\n    defaultValues: {\r\n      password: data.password,\r\n      question_one: data.question_one,\r\n      answer_one: data.answer_one,\r\n      question_two: data.question_two,\r\n      answer_two: data.answer_one,\r\n    },\r\n    mode: 'onChange',\r\n    resolver: yupResolver(schema),\r\n  });\r\n\r\n  const { control, register, handleSubmit, errors, reset } = methods;\r\n\r\n  const fetchMyAPI = useCallback(async () => {\r\n    try {\r\n      const response = await getMemorableQuestions();\r\n\r\n      if (response) {\r\n        setQuestions(response);\r\n      }\r\n    } catch (e) {}\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    fetchMyAPI();\r\n  }, [fetchMyAPI]);\r\n\r\n  useEffect(() => {\r\n    window.dispatchEvent(new Event('resize'));\r\n  }, [message, errors]);\r\n\r\n  const onSubmit = async (data: any) => {\r\n    setData(data);\r\n\r\n    setFormStatus(STATUS_SENDING);\r\n\r\n    setMemorableQuestions(\r\n      data.password,\r\n      Number(data.question_one),\r\n      data.answer_one,\r\n      Number(data.question_two),\r\n      data.answer_two\r\n    )\r\n      .then((res) => {\r\n        toast.success(\r\n          t('common:forms.memorable-questions.messages.toast-success')\r\n        );\r\n\r\n        setMessage({\r\n          type: 'success',\r\n          message: t('common:forms.memorable-questions.messages.success'),\r\n        });\r\n\r\n        setFormStatus(STATUS_SENT);\r\n\r\n        if (onComplete) {\r\n          onComplete();\r\n        }\r\n\r\n        // TODO: possibly clear the form message after x seconds\r\n        // clear the form fields\r\n        reset();\r\n      })\r\n      .catch((err) => {\r\n        setFormStatus(STATUS_FAILED);\r\n\r\n        toast.error(t('common:forms.memorable-questions.messages.error'));\r\n      });\r\n  };\r\n\r\n  return (\r\n    <Paper>\r\n      <Box padding={4}>\r\n        {!hideTitle && (\r\n          <Typography variant=\"h4\" component=\"h3\">\r\n            {t('common:forms.memorable-questions.title')}\r\n          </Typography>\r\n        )}\r\n\r\n        <Box marginBottom={2}>\r\n          <Alert severity=\"info\">\r\n            {t('common:forms.memorable-questions.messages.info')}\r\n          </Alert>\r\n        </Box>\r\n\r\n        {message && (\r\n          <Box marginBottom={2}>\r\n            <Alert severity={message.type}>{message.message}</Alert>\r\n          </Box>\r\n        )}\r\n\r\n        {(formStatus !== STATUS_SENT || persistForm) && (\r\n          <ValidationProvider schema={schema}>\r\n            <FormProvider {...methods}>\r\n              <Form onSubmit={handleSubmit(onSubmit)}>\r\n                <Password\r\n                  ref={register}\r\n                  id=\"password\"\r\n                  label=\"Current Password\"\r\n                  name=\"password\"\r\n                  error={!!errors.password}\r\n                  helperText={errors?.password?.message}\r\n                />\r\n\r\n                <Select\r\n                  ref={register}\r\n                  control={control}\r\n                  // @ts-ignore\r\n                  id=\"question_one\"\r\n                  label=\"Question One\"\r\n                  name=\"question_one\"\r\n                  options={questions\r\n                    .filter((item) => {\r\n                      return item.id !== q2;\r\n                    })\r\n                    .map((item) => {\r\n                      return {\r\n                        displayText: item.displayText,\r\n                        value: String(item.id),\r\n                      };\r\n                    })}\r\n                  error={!!errors.question_one}\r\n                  helperText={errors?.question_one?.message}\r\n                />\r\n\r\n                <Input\r\n                  ref={register}\r\n                  id=\"answer_one\"\r\n                  label=\"Answer One\"\r\n                  name=\"answer_one\"\r\n                  error={!!errors.answer_one}\r\n                  helperText={errors?.answer_one?.message}\r\n                />\r\n\r\n                <Select\r\n                  ref={register}\r\n                  control={control}\r\n                  // @ts-ignore\r\n                  id=\"question_two\"\r\n                  label=\"Question Two\"\r\n                  name=\"question_two\"\r\n                  options={questions\r\n                    .filter((item) => {\r\n                      return item.id !== q1;\r\n                    })\r\n                    .map((item) => {\r\n                      return {\r\n                        displayText: item.displayText,\r\n                        value: String(item.id),\r\n                      };\r\n                    })}\r\n                  error={!!errors.question_two}\r\n                  helperText={errors?.question_two?.message}\r\n                />\r\n\r\n                <Input\r\n                  ref={register}\r\n                  id=\"answer_two\"\r\n                  label=\"Answer Two\"\r\n                  name=\"answer_two\"\r\n                  error={!!errors.answer_two}\r\n                  helperText={errors?.answer_two?.message}\r\n                />\r\n\r\n                <Box paddingY={2} textAlign={isPage ? 'right' : undefined}>\r\n                  <Button\r\n                    size=\"large\"\r\n                    disabled={formStatus === STATUS_SENDING}\r\n                    variant=\"contained\"\r\n                    type=\"submit\"\r\n                    color=\"primary\"\r\n                  >\r\n                    {buttonLabel}\r\n                  </Button>\r\n                </Box>\r\n              </Form>\r\n            </FormProvider>\r\n          </ValidationProvider>\r\n        )}\r\n\r\n        {formStatus === STATUS_SENT && isPage === false && (\r\n          <Fragment>\r\n            <Grid container spacing={1} justify=\"space-between\">\r\n              <Grid item sm={true}>\r\n                <Button\r\n                  size=\"large\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  component={RouterLink}\r\n                  to={`/auth/login`}\r\n                  onClick={\r\n                    typeof onLoginClick === 'function'\r\n                      ? onLoginClick\r\n                      : undefined\r\n                  }\r\n                >\r\n                  Login\r\n                </Button>\r\n              </Grid>\r\n              {canRefresh && (\r\n                <Grid item>\r\n                  <IconButton\r\n                    aria-label=\"reset\"\r\n                    onClick={() => {\r\n                      reset();\r\n                      setFormStatus('');\r\n                      setMessage(null);\r\n                    }}\r\n                  >\r\n                    <ReplayIcon />\r\n                  </IconButton>\r\n                </Grid>\r\n              )}\r\n            </Grid>\r\n          </Fragment>\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport {\r\n  getAppSettings,\r\n  getInvestorTypes,\r\n  getUserDetails,\r\n  login,\r\n  setLogout,\r\n  userStatus\r\n} from 'api';\r\nimport { AuthenticationActions, isAuthenticatedResponse, SalesforceAuthActions } from 'api/auth/types';\r\nimport { deleteActionRequiredCookie } from 'components/action-required';\r\nimport { canSetPerformanceCookies } from 'components/cookies';\r\nimport { Splash } from 'components/splash';\r\nimport dayjs from 'dayjs';\r\nimport timezone from 'dayjs/plugin/timezone';\r\nimport utc from 'dayjs/plugin/utc';\r\nimport React, { PropsWithChildren, useEffect, useState } from 'react';\r\nimport TagManager from 'react-gtm-module';\r\nimport { Helmet } from 'react-helmet';\r\nimport { deleteLocalStorageItems, deleteSessionStorageItems, sha256 } from 'utils';\r\nimport { SecurityProvider } from './';\r\nimport { getOktaCredentials } from '../api/auth/oktaCredentials';\r\n\r\ndayjs.extend(utc);\r\ndayjs.extend(timezone);\r\n\r\nlet lastTrack: string = '';\r\nlet isGAInitialized = false;\r\n\r\nexport const Security = ({ children }: PropsWithChildren<{}>) => {\r\n  const { oktaAuth, authState: oktaAuthState } = useOktaAuth();\r\n\r\n  const router = useRouter();\r\n\r\n  const [settings, setSettings] = useState<any | null>(null);\r\n\r\n  const [connectAuthenticated, setConnectAuthenticated] = useState(false);\r\n  const [authenticated, setAuthenticated] = useState(false);\r\n  const [loadingLogin, setLoadingLogin] = useState(false);\r\n  const [error, setError] = useState(false);\r\n\r\n  const [authScreens, setAuthScreens] = useState<AuthenticationActions>({\r\n    memorableQuestionsResetRequired: false,\r\n    passwordResetRequired: false,\r\n    oneTimePasswordRequired: false,\r\n  });\r\n\r\n  const [salesforceAuth, setSalesforceAuth] = useState<SalesforceAuthActions>();\r\n\r\n  const [salesforceUrl, setSalesforceUrl] = useState<string>();\r\n\r\n  const [authMessage, setAuthMessage] = useState<string | null>(null);\r\n\r\n  function setupScreens(actions: isAuthenticatedResponse) {\r\n    setAuthScreens({\r\n      memorableQuestionsResetRequired: actions.memorableQuestionsResetRequired,\r\n      passwordResetRequired: actions.passwordResetRequired,\r\n      oneTimePasswordRequired: actions.oneTimePasswordRequired,\r\n    });\r\n\r\n    setSalesforceAuth({\r\n      identityIdentifier: actions.identityIdentifier !== 'Blank'\r\n        ? actions.identityIdentifier\r\n        : '',\r\n      customerIdentifier: actions.customerIdentifier !== 'Blank'\r\n        ? actions.customerIdentifier\r\n        : '',\r\n      customerRelationshipIdentifier: actions.customerRelationshipIdentifier !== 'Blank'\r\n        ? actions.customerRelationshipIdentifier\r\n        : '',\r\n    });\r\n\r\n    if (actions.authenticationStateMessage) {\r\n      setAuthMessage(actions.authenticationStateMessage);\r\n    }\r\n  }\r\n\r\n  function initializeTagManager(settings: any) {\r\n    // Google Analytics\r\n    if (\r\n      settings['GoogleAnalytics.Enabled'] &&\r\n      settings['GoogleAnalytics.TrackingId'] &&\r\n      canSetPerformanceCookies() &&\r\n      !isGAInitialized\r\n    ) {\r\n      const tagManagerArgs = {\r\n        gtmId: settings['GoogleAnalytics.TrackingId'],\r\n      };\r\n\r\n      TagManager.initialize(tagManagerArgs);\r\n\r\n      isGAInitialized = true;\r\n    }\r\n  }\r\n\r\n  async function removeError() {\r\n    const isOktaAuthenticated = await oktaAuth.isAuthenticated();\r\n    if (isOktaAuthenticated) {\r\n      await oktaAuth.signOut();\r\n    }\r\n    setError(false);\r\n  }\r\n\r\n  useEffect(() => {\r\n    const load = async () => {\r\n      try {\r\n        const status = await userStatus();\r\n\r\n        const settings = await getAppSettings();\r\n\r\n        const { salesforceUrl } = await getOktaCredentials();\r\n\r\n        await getInvestorTypes();\r\n\r\n        // await setOktaAuth();\r\n\r\n        // start tracking\r\n        initializeTagManager(settings);\r\n\r\n        if (status.isAuthenticated) {\r\n          setConnectAuthenticated(true);\r\n          setupScreens(status);\r\n        }\r\n\r\n        setSettings(settings);\r\n        setSalesforceUrl(salesforceUrl);\r\n      } catch (e) {\r\n        setError(true);\r\n      }\r\n    };\r\n\r\n    load();\r\n  }, []);\r\n\r\n  // Analytics\r\n  useEffect(() => {\r\n    async function trackPage() {\r\n      // if we're on the homepage and not authenticated, don't track, as there will be a redirect\r\n      if (\r\n        (router.location.pathname === '/' && !authenticated) ||\r\n        !canSetPerformanceCookies()\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      if (settings) {\r\n        //\r\n        initializeTagManager(settings);\r\n\r\n        const dataLayer = (window.dataLayer = window.dataLayer || []);\r\n        let details = null;\r\n\r\n        if (authenticated) {\r\n          details = await getUserDetails();\r\n        }\r\n\r\n        var payload = {\r\n          environment: {\r\n            setting: settings['Environment'],\r\n            appType: 'web',\r\n            timestamp: dayjs.utc().local().format(),\r\n          },\r\n          site: {\r\n            country: 'uk',\r\n            region: 'emea',\r\n            language: 'en',\r\n            vector: 'investment',\r\n          },\r\n          user: {\r\n            loginId: details ? details.partyReference || '' : '',\r\n            emailAddressHash: details?.emailAddress ? sha256(details.emailAddress) : '',\r\n          },\r\n          page: {\r\n            pageUrl: router.location.pathname + router.location.search,\r\n            pageTitle: document.title,\r\n          },\r\n          event: 'pageLoaded',\r\n        };\r\n\r\n        const id: string = JSON.stringify(payload);\r\n\r\n        if (id !== lastTrack) {\r\n          dataLayer.push(payload);\r\n        }\r\n\r\n        lastTrack = id;\r\n      }\r\n    }\r\n    trackPage();\r\n  }, [settings, router.location, authenticated]);\r\n\r\n  useEffect(() => {\r\n    async function runEffect() {\r\n      if (!oktaAuthState?.isAuthenticated) {\r\n        return;\r\n      }\r\n      const user = await oktaAuth.token.getUserInfo();\r\n      if (user?.email) {\r\n        setLoadingLogin(true);\r\n        try {\r\n          const res = await login({\r\n            username: user.email, // @ts-ignore\r\n            password: self.crypto.randomUUID(),\r\n            validationToken: oktaAuthState.accessToken.accessToken,\r\n          });\r\n\r\n          if (res) {\r\n            await userStatus();\r\n            setupScreens(res);\r\n            setConnectAuthenticated(res.isAuthenticated);\r\n            setAuthenticated(res.isAuthenticated);\r\n          }\r\n        } catch (e) {\r\n          setError(true);\r\n        } finally {\r\n          setLoadingLogin(false);\r\n        }\r\n      }\r\n    }\r\n    runEffect();\r\n  }, [oktaAuthState?.isAuthenticated]);\r\n\r\n  useEffect(() => {\r\n    async function runEffect() {\r\n      const oktaAuthenticated = await oktaAuth.isAuthenticated();\r\n      const oktaToken = typeof Storage !== 'undefined' && sessionStorage.getItem('okta-token-storage');\r\n      if (connectAuthenticated && !oktaAuthenticated && (!oktaToken || oktaToken === '{}')) {\r\n        await setLogout();\r\n\r\n        // remove anction required flag cookie\r\n        deleteActionRequiredCookie();\r\n\r\n        // remove the session storage token\r\n        if (typeof Storage !== 'undefined') {\r\n          localStorage.removeItem('session');\r\n        }\r\n\r\n        // clear all session and local storage items\r\n        deleteSessionStorageItems();\r\n        deleteLocalStorageItems();\r\n\r\n        // on logout, make another request to the anti-forgery token is refreshed\r\n        await userStatus();\r\n\r\n        // if (authenticated) {\r\n        //   // reload the app to clear all the data down\r\n        //   window.location.reload();\r\n        // }\r\n\r\n        // fully sign the user out of the app\r\n        setAuthenticated(false);\r\n        setConnectAuthenticated(false);\r\n\r\n      }\r\n    }\r\n    runEffect();\r\n  }, [connectAuthenticated, oktaAuthState?.isAuthenticated]);\r\n\r\n  if (settings === null || !oktaAuth || loadingLogin || (oktaAuthState?.isAuthenticated && !connectAuthenticated)) {\r\n    return <Splash />;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Helmet></Helmet>\r\n      <Splash fadeOut={true} />\r\n      <SecurityProvider\r\n        value={{\r\n          authState: {\r\n            // possibly set this to true in only when screens.oneTimePasswordRequired = false\r\n            isAuthenticated: authenticated,\r\n            isConnectAuthenticated: connectAuthenticated,\r\n            screens: authScreens,\r\n            salesforceAuth,\r\n            salesforceUrl,\r\n            authMessage,\r\n            error,\r\n          },\r\n          settings,\r\n          authMethods: {\r\n            removeError,\r\n            setScreens: setupScreens,\r\n            signOut: async () => {\r\n              // only if the user is fully authenticated cam they call the logout endpoint\r\n              // without generating an unauthorized error\r\n              if (connectAuthenticated) {\r\n                await setLogout();\r\n              }\r\n\r\n              if (typeof Storage !== 'undefined') {\r\n                localStorage.removeItem('okta-cache-storage');\r\n              }\r\n\r\n              await oktaAuth.signOut();\r\n\r\n              // remove anction required flag cookie\r\n              deleteActionRequiredCookie();\r\n\r\n              // remove the session storage token\r\n              if (typeof Storage !== 'undefined') {\r\n                localStorage.removeItem('session');\r\n              }\r\n\r\n              // clear all session storage items\r\n              deleteSessionStorageItems();\r\n\r\n              // on logout, make another request to the anti-forgery token is refreshed\r\n              await userStatus();\r\n\r\n              // if (authenticated) {\r\n              //   // reload the app to clear all the data down\r\n              //   window.location.reload();\r\n              // }\r\n\r\n              // fully sign the user out of the app\r\n              setAuthenticated(false);\r\n              setConnectAuthenticated(false);\r\n\r\n              //\r\n              // window.location.reload();\r\n            },\r\n            handleConnectSessionExpiration: async () => {\r\n              if (typeof Storage !== 'undefined') {\r\n                localStorage.removeItem('okta-cache-storage');\r\n              }\r\n\r\n              await oktaAuth.signOut();\r\n\r\n              // remove anction required flag cookie\r\n              deleteActionRequiredCookie();\r\n\r\n              // remove the session storage token\r\n              if (typeof Storage !== 'undefined') {\r\n                localStorage.removeItem('session');\r\n              }\r\n\r\n              // clear all session storage items\r\n              deleteSessionStorageItems();\r\n\r\n              // on logout, make another request to the anti-forgery token is refreshed\r\n              await userStatus();\r\n\r\n              // fully sign the user out of the app\r\n              setAuthenticated(false);\r\n              setConnectAuthenticated(false);\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {children}\r\n        {/*<SecurityModal />*/}\r\n      </SecurityProvider>\r\n    </>\r\n  );\r\n};\r\n","import { Pagination } from 'api/types';\r\nimport { createContext, useContext } from 'react';\r\n\r\nexport type Order = 'asc' | 'desc';\r\n\r\ntype KeyValuePairs = {\r\n  [key: string]: string;\r\n};\r\n\r\nexport interface TableState {\r\n  /**\r\n   *\r\n   */\r\n  filters: KeyValuePairs;\r\n\r\n  /**\r\n   *\r\n   */\r\n  order: Order;\r\n\r\n  /**\r\n   *\r\n   */\r\n  orderBy: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  page: number;\r\n\r\n  /**\r\n   *\r\n   */\r\n  pageSize: number;\r\n}\r\n\r\ninterface Context {\r\n  /**\r\n   *\r\n   */\r\n  pagination?: Pagination;\r\n\r\n  /**\r\n   *\r\n   */\r\n\r\n  results: any[];\r\n\r\n  /**\r\n   *\r\n   */\r\n  setState: any;\r\n\r\n  /**\r\n   *\r\n   */\r\n  state: TableState;\r\n}\r\n\r\nconst TableDataContext = createContext<Context>({\r\n  pagination: {\r\n    maximumRows: 0,\r\n    minimumTotalRows: 0,\r\n    startRowIndex: 0,\r\n    totalRows: 0,\r\n  },\r\n  results: [],\r\n\r\n  state: {\r\n    order: 'asc',\r\n    orderBy: '',\r\n    page: 0,\r\n    pageSize: 50,\r\n    filters: {},\r\n  },\r\n  setState: (value: any) => {},\r\n});\r\n\r\n/**\r\n *\r\n * @returns\r\n */\r\nexport const useTableData = (): Context => useContext(TableDataContext);\r\n\r\n/**\r\n *\r\n */\r\nexport const TableDataProvider = TableDataContext.Provider;\r\n","import {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableFooter,\r\n  TableRow,\r\n} from '@abrdn';\r\nimport { Box, Typography } from '@material-ui/core';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { Pagination } from 'components/pagination';\r\nimport React, { Fragment, useEffect } from 'react';\r\nimport { HeadCell, TableHeader, useTableData } from './';\r\n\r\n/**\r\n *\r\n */\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  children: any;\r\n\r\n  /**\r\n   *\r\n   */\r\n  footer?: any;\r\n\r\n  /**\r\n   *\r\n   */\r\n  head: HeadCell[];\r\n\r\n  /**\r\n   *\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  noResults: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  onStateChange: (state: any) => void;\r\n\r\n  /**\r\n   *\r\n   */\r\n  rowOptions?: number[];\r\n}\r\n\r\nexport const AbrdnTable = ({\r\n  children,\r\n  head,\r\n  name,\r\n  noResults,\r\n  onStateChange,\r\n  rowOptions = [25, 50, 75, 100],\r\n}: // request,\r\nProps) => {\r\n  // get data from the provider\r\n  const { results, pagination, state, setState } = useTableData();\r\n\r\n  // TODO: get any saved values for pagination settings from localstorage\r\n\r\n  /**\r\n   *\r\n   * @param page\r\n   * @param rowsPerPage\r\n   */\r\n  const handlePaginationChange = (page: number, pageSize?: number) => {\r\n    setState({ ...state, ...{ page } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param pageSize\r\n   */\r\n  const handlePaginationPageChange = (pageSize: number) => {\r\n    setState({ ...state, ...{ pageSize, page: 0 } });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @param event\r\n   * @param property\r\n   */\r\n  const onSortRequest = (\r\n    event: React.MouseEvent<unknown>,\r\n    property: string\r\n  ) => {\r\n    // work out how the table should be ordered\r\n    const isAsc = state.orderBy === property && state.order === 'asc';\r\n\r\n    // update the state\r\n    setState({\r\n      ...state,\r\n      ...{\r\n        order: isAsc ? 'desc' : 'asc',\r\n        orderBy: property,\r\n        // reset the page number\r\n        page: 0,\r\n      },\r\n    });\r\n  };\r\n\r\n  let timer: any = null;\r\n\r\n  const onFilterRequest = (field: string, value: string) => {\r\n    //\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n\r\n    const filters = state.filters;\r\n    filters[field] = value;\r\n\r\n    timer = setTimeout(() => {\r\n      setState({\r\n        ...state,\r\n        ...{\r\n          filters,\r\n        },\r\n      });\r\n\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }, 500);\r\n  };\r\n\r\n  // when the state changes, make a new async request to get the updated data\r\n  useEffect(() => {\r\n    onStateChange(state);\r\n  }, [state]);\r\n\r\n  const hasFiltersApplied = (): boolean => {\r\n    return Object.keys(state.filters).length > 0;\r\n  };\r\n\r\n  /**\r\n   *\r\n   * @returns\r\n   */\r\n  const hasResults = (): boolean => {\r\n    return results && results.length > 0;\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      {!hasResults() && !hasFiltersApplied() && (\r\n        <Alert severity=\"info\">{noResults}</Alert>\r\n      )}\r\n\r\n      {(hasResults() || hasFiltersApplied()) && (\r\n        <Fragment>\r\n          <TableContainer>\r\n            <Table size={'medium'} style={{ border: 'none' }} className=\"tbl\">\r\n              {/* header */}\r\n              <TableHeader\r\n                cells={head}\r\n                order={state.order}\r\n                orderBy={state.orderBy}\r\n                onSortRequest={onSortRequest}\r\n                onFilterRequest={onFilterRequest}\r\n              />\r\n\r\n              {/* body */}\r\n              <TableBody>\r\n                {results.map((result: any, index: number) => (\r\n                  <TableRow key={`result-${index}`}>\r\n                    {children(result, index)}\r\n                  </TableRow>\r\n                ))}\r\n\r\n                {!hasResults() && hasFiltersApplied() && (\r\n                  <TableRow>\r\n                    <TableCell colSpan={head.length + 1} align=\"center\">\r\n                      <Typography>\r\n                        There are no results to show for the current filter\r\n                      </Typography>\r\n                    </TableCell>\r\n                  </TableRow>\r\n                )}\r\n              </TableBody>\r\n\r\n              {/* footer */}\r\n              {false && (\r\n                <TableFooter>\r\n                  <TableRow\r\n                    style={{ border: 'none', backgroundColor: 'transparent' }}\r\n                  >\r\n                    <TableCell\r\n                      colSpan={head.length + 1}\r\n                      align=\"right\"\r\n                      style={{\r\n                        border: 'none',\r\n                        backgroundColor: 'transparent',\r\n                      }}\r\n                    >\r\n                      [table footer]\r\n                    </TableCell>\r\n                  </TableRow>\r\n                </TableFooter>\r\n              )}\r\n            </Table>\r\n          </TableContainer>\r\n\r\n          {/* pagination */}\r\n          {pagination && (\r\n            <Pagination\r\n              onPagination={handlePaginationChange}\r\n              onPageChange={handlePaginationPageChange}\r\n              rowsPerPage={state.pageSize}\r\n              startRowIndex={pagination.startRowIndex * state.pageSize}\r\n              maximumRows={pagination.maximumRows}\r\n              minimumTotalRows={pagination.minimumTotalRows}\r\n              totalRows={pagination.totalRows}\r\n              rowsPerPageOptions={rowOptions}\r\n            />\r\n          )}\r\n        </Fragment>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { BrandColours } from '@abrdn-latest/config';\r\nimport { isIE } from '@abrdn/utils';\r\nimport { Box, Grid, Typography } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { useMeasure } from 'react-use';\r\nimport {\r\n  Bar,\r\n  BarChart as Chart,\r\n  CartesianGrid,\r\n  Cell,\r\n  Tooltip,\r\n  XAxis,\r\n  YAxis,\r\n} from 'recharts';\r\nimport { ChartKey, ChartProps, CustomTooltip } from './';\r\nimport './Chart.scss';\r\n\r\nexport const BarChart = ({\r\n  title,\r\n  data,\r\n  showKey = true,\r\n  mapping = {},\r\n}: ChartProps) => {\r\n  const [ref, { width }] = useMeasure<HTMLDivElement>();\r\n\r\n  const theData = data.map((item, index: number) => {\r\n    item.color =\r\n      item.color ||\r\n      mapping[item.title] ||\r\n      BrandColours[index % BrandColours.length];\r\n\r\n    return item;\r\n  });\r\n\r\n  // get the smallest value in the array\r\n  const minValue = Math.min.apply(\r\n    null,\r\n    theData.map((item) => item.value)\r\n  );\r\n\r\n  // get the smallest value in the array\r\n  const maxValue = Math.max.apply(\r\n    null,\r\n    theData.map((item) => item.value)\r\n  );\r\n\r\n  const range = Math.abs(minValue) + Math.abs(maxValue);\r\n  const dec = Math.ceil(range / 100) * 100;\r\n\r\n  const increments: any = {\r\n    '100': 20,\r\n    '200': 40,\r\n    '300': 50,\r\n    '400': 100,\r\n    '500': 100,\r\n    '600': 100,\r\n  };\r\n\r\n  const INCREMENT: number = increments[dec.toString()] || 100;\r\n\r\n  const min: number =\r\n    minValue < 0\r\n      ? -Math.ceil((Math.abs(minValue) + 1) / INCREMENT) * INCREMENT\r\n      : 0;\r\n  const max: number = Math.ceil((maxValue + 1) / INCREMENT) * INCREMENT;\r\n\r\n  let ticks: number[] = [];\r\n\r\n  for (let counter = min; counter < max; counter += INCREMENT) {\r\n    ticks.push(counter);\r\n  }\r\n\r\n  const IS_IE: boolean = isIE();\r\n\r\n  return (\r\n    <Box paddingY={2}>\r\n      <Typography variant=\"h5\">{title}</Typography>\r\n      <div ref={ref}>\r\n        <Grid container spacing={3}>\r\n          {showKey && (\r\n            <Grid item xs={12} sm={4}>\r\n              <ChartKey data={theData} />\r\n            </Grid>\r\n          )}\r\n          <Grid item xs={12} sm={showKey ? 8 : 12}>\r\n            <Box position=\"relative\">\r\n              <Chart\r\n                width={IS_IE ? 300 : width / 2}\r\n                height={250}\r\n                data={theData}\r\n                margin={{\r\n                  top: 15,\r\n                  right: 0,\r\n                  left: 0,\r\n                  bottom: 15,\r\n                }}\r\n              >\r\n                <CartesianGrid stroke=\"#e5e5eb\" vertical={false} />\r\n                <XAxis\r\n                  dataKey=\"title\"\r\n                  tickLine={false}\r\n                  axisLine={false}\r\n                  tickFormatter={() => {\r\n                    return '';\r\n                  }}\r\n                />\r\n                <YAxis\r\n                  ticks={ticks}\r\n                  interval={0}\r\n                  tickLine={false}\r\n                  axisLine={false}\r\n                  tickFormatter={(v) => {\r\n                    return `${v}%`;\r\n                  }}\r\n                />\r\n                <Tooltip content={<CustomTooltip />} />\r\n                <Bar dataKey=\"value\" barSize={12} radius={[6, 6, 0, 0]}>\r\n                  {data.map((_, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={BrandColours[index % BrandColours.length]}\r\n                    />\r\n                  ))}\r\n                </Bar>\r\n              </Chart>\r\n            </Box>\r\n          </Grid>\r\n        </Grid>\r\n      </div>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Typography } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { ChartData } from './';\r\nimport './Chart.scss';\r\n\r\ninterface Props {\r\n  data: ChartData[];\r\n}\r\n\r\ninterface ChartKeySwatchProps {\r\n  colour?: string;\r\n  size?: 'small' | 'default';\r\n}\r\n\r\nexport const ChartKeySwatch = ({\r\n  colour,\r\n  size = 'default',\r\n}: ChartKeySwatchProps) => {\r\n  if (colour) {\r\n    return (\r\n      <span\r\n        className={`chart__swatch s-${size}`}\r\n        style={{ backgroundColor: colour }}\r\n      ></span>\r\n    );\r\n  }\r\n  return null;\r\n};\r\n\r\nexport const ChartKey = ({ data }: Props) => {\r\n  return (\r\n    <Box className=\"chart__key\" style={{ marginTop: 15 }}>\r\n      <ul>\r\n        {data.map(({ title, color }: ChartData, index: number) => {\r\n          return (\r\n            <li key={`key-${index}`}>\r\n              <ChartKeySwatch colour={color} />\r\n              <Typography variant=\"caption\">{title}</Typography>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Box>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Paper, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  active?: boolean;\r\n  formatter?(label: string, payload: any): string;\r\n  label?: string;\r\n  payload?: any[];\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  paper: {\r\n    borderRadius: 3,\r\n    color: '#fff',\r\n    background: '#000',\r\n    // background:\r\n    //   'linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #00205B',\r\n  },\r\n}));\r\n\r\nexport const CustomTooltip = ({ active, payload, label, formatter }: Props) => {\r\n  const classes = useStyles();\r\n\r\n  if (active && payload && payload.length) {\r\n    return (\r\n      <Paper elevation={2} className={classes.paper}>\r\n        <Box padding={2} maxWidth={230}>\r\n          <Typography variant=\"body2\">\r\n            <span\r\n              dangerouslySetInnerHTML={{\r\n                __html: formatter\r\n                  ? formatter(label || '', payload[0])\r\n                  : `${payload[0].payload.title}<br />${Number(\r\n                      payload[0].value\r\n                    ).toFixed(2)}%`,\r\n              }}\r\n            />\r\n          </Typography>\r\n        </Box>\r\n      </Paper>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n","// TODO: comment\r\nimport { useDidMountEffect } from '@abrdn-latest/use';\r\nimport { Chip, Menu, MenuItem } from '@material-ui/core';\r\nimport React, { useEffect, useState } from 'react';\r\ninterface Props {\r\n  currencies: string[];\r\n  onChange?(currencyCode: string): void;\r\n}\r\n\r\nexport const CurrencySelector = ({ currencies, onChange }: Props) => {\r\n  const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n  const [list, setList] = useState<string[]>(currencies);\r\n  const [selected, setSelected] = useState<string>(\r\n    currencies.length ? currencies[0] : ''\r\n  );\r\n\r\n  const handleClick = (event: any) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const currentList = JSON.stringify(list);\r\n    const newList = JSON.stringify(currencies);\r\n\r\n    // if the list differs\r\n    if (currentList !== newList && selected !== currencies[0]) {\r\n      setSelected(currencies.length ? currencies[0] : '');\r\n    }\r\n\r\n    // const chosen = currencies.length ? currencies[0] : '';\r\n\r\n    // if (chosen !== selected) {\r\n    //   setSelected(chosen);\r\n    // }\r\n\r\n    setList(currencies);\r\n  }, [currencies]);\r\n\r\n  useDidMountEffect(() => {\r\n    if (onChange) {\r\n      onChange(selected);\r\n    }\r\n  }, [selected]);\r\n\r\n  if (list.length === 0 || !selected) {\r\n    return null;\r\n  }\r\n\r\n  if (list.length === 1) {\r\n    return <Chip label={selected} />;\r\n  }\r\n\r\n  return (\r\n    <span>\r\n      <Chip\r\n        aria-haspopup=\"true\"\r\n        onClick={handleClick}\r\n        label={selected}\r\n        color=\"primary\"\r\n      />\r\n      <Menu\r\n        anchorEl={anchorEl}\r\n        keepMounted\r\n        open={Boolean(anchorEl)}\r\n        onClose={handleClose}\r\n      >\r\n        {list.map((value) => (\r\n          <MenuItem\r\n            key={value}\r\n            value={value}\r\n            onClick={() => {\r\n              if (selected !== value) {\r\n                setSelected(value);\r\n              }\r\n              handleClose();\r\n            }}\r\n          >\r\n            {value}\r\n          </MenuItem>\r\n        ))}\r\n      </Menu>\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport Select, { components, OptionProps, SingleValueProps, ValueType } from 'react-select';\r\nimport AttachmentIcon from '@material-ui/icons/Attachment';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\nimport { ExcelIcon, PdfIcon } from 'icons';\r\nimport { Box } from '@material-ui/core';\r\n\r\nconst { Option, DropdownIndicator, SingleValue } = components;\r\n\r\nconst options = [\r\n  { value: 'pdf', label: 'PDF', icon: <PdfIcon /> },\r\n  { value: 'xlsx', label: 'XLSX', icon: <ExcelIcon /> },\r\n];\r\n\r\ntype OptionType = (typeof options)[0];\r\n\r\nconst FOCUSED_BACKGROUND_COLOR = 'rgba(0, 0, 0, 0.04)';\r\nconst SELECTED_BACKGROUND_COLOR = 'rgba(0, 0, 0, 0.16)';\r\n\r\nconst customStyles = {\r\n  control: (provided: any) => ({\r\n    ...provided,\r\n    width: '230px',\r\n    borderRadius: '3px',\r\n    border: '1px solid #d9d9d6',\r\n    boxShadow: 'none',\r\n    '&:hover': {\r\n      borderColor: '#d9d9d6',\r\n      cursor: 'pointer',\r\n    },\r\n    '&:focus': {\r\n      borderColor: '#d9d9d6',\r\n    },\r\n  }),\r\n  indicatorsContainer: (provided: any) => ({\r\n    ...provided,\r\n    '& > div': {\r\n      padding: '2px 0',\r\n    },\r\n  }),\r\n  dropdownIndicator: (provided: any) => ({\r\n    ...provided,\r\n    color: '#000',\r\n    '&:hover': { color: '#000' },\r\n  }),\r\n  menu: (provided: any) => ({\r\n    ...provided,\r\n    marginTop: '4px',\r\n  }),\r\n  option: (provided: any, state: any) => ({\r\n    ...provided,\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: '5px 8px',\r\n    cursor: 'pointer',\r\n    color: '#000',\r\n    background: state.isSelected ? SELECTED_BACKGROUND_COLOR :\r\n                  state.isFocused ? FOCUSED_BACKGROUND_COLOR : undefined,\r\n    '&:hover': {\r\n      background: state.isSelected ? SELECTED_BACKGROUND_COLOR : FOCUSED_BACKGROUND_COLOR,\r\n    },\r\n  }),\r\n  singleValue: (provided: any) => ({\r\n    ...provided,\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    margin: 0,\r\n    padding: 0,\r\n  }),\r\n};\r\n\r\nconst customComponents = {\r\n  Placeholder: ExtendedPlaceholder,\r\n  SingleValue: ExtendedSingleValue,\r\n  Option: ExtendedOption,\r\n  DropdownIndicator: ExtendedDropdownIndicator,\r\n  IndicatorSeparator: null,\r\n};\r\n\r\nfunction ExtendedOption(props: OptionProps<OptionType, false>) {\r\n  return (\r\n    <Option {...props}>\r\n      {props.data.icon}\r\n      <span style={{ marginLeft: 8 }}>{props.data.label}</span>\r\n    </Option>\r\n  );\r\n}\r\n\r\nfunction ExtendedDropdownIndicator(props: any) {\r\n  return (\r\n    <DropdownIndicator {...props}>\r\n      <div style={{\r\n        transition: 'transform 0.3s ease',\r\n        transform: props.selectProps.menuIsOpen\r\n          ? 'translate(0, 10%) rotate(0deg)'\r\n          : 'translate(0, -5%) rotate(180deg)',\r\n      }}>\r\n        <KeyboardArrowUpIcon />\r\n      </div>\r\n    </DropdownIndicator>\r\n  );\r\n}\r\n\r\nfunction ExtendedPlaceholder() {\r\n  return (\r\n    <Box display=\"flex\" alignItems=\"center\">\r\n      <AttachmentIcon style={{ marginRight: 8 }} />\r\n      <span>Download</span>\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction ExtendedSingleValue(props: SingleValueProps<OptionType>) {\r\n  return (\r\n    <SingleValue {...props}>\r\n      {props.data.icon}\r\n      <span style={{ paddingLeft: 8 }}>{props.children}</span>\r\n    </SingleValue>\r\n  );\r\n}\r\n\r\ntype Props = { onChange?(v: ValueType<OptionType, false>): void };\r\n\r\nexport function FileTypeSelect({ onChange }: Props) {\r\n  return (\r\n    <Select\r\n      options={options}\r\n      styles={customStyles}\r\n      components={customComponents}\r\n      isSearchable={false}\r\n      onChange={onChange}\r\n    />\r\n  );\r\n}\r\n","// TODO: comment\r\n// @ts-nocheck\r\n// https://github.com/satansdeer/completed/tree/master/src\r\n\r\nimport React from 'react';\r\n\r\nexport const Form = ({ children, ...rest }: any) => {\r\n  return (\r\n    <form {...rest} noValidate>\r\n      {children}\r\n    </form>\r\n  );\r\n};\r\n","// TODO: comment\r\n// @ts-nocheck\r\n// https://github.com/satansdeer/completed/tree/master/src\r\n\r\nimport TextField from '@material-ui/core/TextField';\r\nimport React, { forwardRef } from 'react';\r\n\r\nexport const Input = forwardRef((props: any, ref) => {\r\n  return (\r\n    <TextField\r\n      variant=\"outlined\"\r\n      margin=\"normal\"\r\n      inputRef={ref}\r\n      fullWidth\r\n      {...props}\r\n    />\r\n  );\r\n});\r\n","// TODO: comment\r\n// @ts-nocheck\r\n\r\nimport { FormControl, FormHelperText, InputLabel } from '@material-ui/core';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\r\nimport { Visibility, VisibilityOff } from 'icons';\r\nimport React, { forwardRef, useState } from 'react';\r\n\r\nexport const Password = forwardRef((props: any, ref) => {\r\n  const [showPassword, setShowPassword] = useState<boolean>(false);\r\n\r\n  const handleClickShowPassword = () => {\r\n    setShowPassword(!showPassword);\r\n  };\r\n\r\n  const handleMouseDownPassword = (\r\n    event: React.MouseEvent<HTMLButtonElement>\r\n  ) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  const { label, error } = props;\r\n  const { helperText, ...rest } = props;\r\n\r\n  return (\r\n    <FormControl fullWidth variant=\"outlined\" margin=\"normal\">\r\n      <InputLabel>{label}</InputLabel>\r\n      <OutlinedInput\r\n        variant=\"outlined\"\r\n        inputRef={ref}\r\n        fullWidth\r\n        type={showPassword ? 'text' : 'password'}\r\n        {...rest}\r\n        endAdornment={\r\n          <InputAdornment position=\"end\">\r\n            <IconButton\r\n              size=\"small\"\r\n              aria-label=\"toggle password visibility\"\r\n              onClick={handleClickShowPassword}\r\n              onMouseDown={handleMouseDownPassword}\r\n            >\r\n              {showPassword ? <Visibility /> : <VisibilityOff />}\r\n            </IconButton>\r\n          </InputAdornment>\r\n        }\r\n      />\r\n\r\n      {helperText && (\r\n        <FormHelperText error={error}>{helperText}</FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n});\r\n","// TODO: comment\r\n// @ts-nocheck\r\n// https://github.com/satansdeer/completed/tree/master/src\r\n\r\nimport {\r\n  FormControl,\r\n  FormHelperText,\r\n  InputLabel,\r\n  MenuItem,\r\n} from '@material-ui/core';\r\nimport MaterialSelect from '@material-ui/core/Select';\r\nimport { OptionItem } from 'api/types';\r\nimport React, { forwardRef } from 'react';\r\nimport { Controller } from 'react-hook-form';\r\n\r\ninterface Props {\r\n  control: any;\r\n  defaultValue?: string;\r\n  error?: boolean;\r\n  helperText?: string;\r\n  label: string;\r\n  name: string;\r\n  options: OptionItem[];\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport const Select = forwardRef<HTMLDivElement, Props>((props, ref) => {\r\n  const [value, setValue] = React.useState('');\r\n\r\n  const handleChange = (ev: any) => {\r\n    setValue(ev.target.value);\r\n  };\r\n\r\n  const { options, label, error, name, defaultValue } = props;\r\n  const { helperText, ...rest } = props;\r\n\r\n  return (\r\n    <FormControl variant=\"outlined\" className=\"form-control\" error={error}>\r\n      <InputLabel id={`${name}-label`}>{label}</InputLabel>\r\n      <Controller\r\n        labelId={`${name}-label`}\r\n        id={name}\r\n        value={value}\r\n        onChange={handleChange}\r\n        variant=\"outlined\"\r\n        inputRef={ref}\r\n        fullWidth\r\n        {...rest}\r\n        as={\r\n          <MaterialSelect defaultValue={defaultValue}>\r\n            {options\r\n              ? options.map((item, index: number) => {\r\n                  return (\r\n                    <MenuItem value={item.value} key={index}>\r\n                      {item.displayText}\r\n                    </MenuItem>\r\n                  );\r\n                })\r\n              : []}\r\n          </MaterialSelect>\r\n        }\r\n      />\r\n\r\n      {helperText && (\r\n        <FormHelperText error={error}>{helperText}</FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n});\r\n","// TODO: comment\r\n// @ts-nocheck\r\n// https://github.com/satansdeer/completed/tree/master/src\r\n\r\nimport TextField from '@material-ui/core/TextField';\r\nimport React, { forwardRef } from 'react';\r\n\r\nexport const Textarea = forwardRef((props: any, ref) => {\r\n  return (\r\n    <TextField\r\n      variant=\"outlined\"\r\n      margin=\"normal\"\r\n      inputRef={ref}\r\n      fullWidth\r\n      {...props}\r\n      multiline\r\n      rows={6}\r\n    />\r\n  );\r\n});\r\n","// TODO: comment\r\n// https://material-ui.com/components/skeleton/\r\nimport { Box } from '@material-ui/core';\r\nimport { ValuationsResponse } from 'api/types';\r\nimport dayjs from 'dayjs';\r\nimport React from 'react';\r\nimport {\r\n  CartesianGrid,\r\n  Line,\r\n  LineChart as Chart,\r\n  Tooltip,\r\n  XAxis,\r\n  YAxis,\r\n} from 'recharts';\r\nimport { abbreviateNumber, formatNumber, getFormattedMonth } from 'utils';\r\nimport { CustomTooltip } from './';\r\n\r\ninterface Props {\r\n  data: ValuationsResponse;\r\n}\r\n\r\nexport const LineChart = ({ data }: Props) => {\r\n  // get the smallest value in the array\r\n  const maxValue = Math.max.apply(\r\n    null,\r\n    data.map((item) => item.value)\r\n  );\r\n\r\n  // how many decimal places should it format to\r\n  const decimals: number = 3;\r\n\r\n  const maxFormatted = abbreviateNumber(maxValue, decimals).length;\r\n\r\n  const tickFormatter = (tickItem: number): string => {\r\n    return abbreviateNumber(tickItem, decimals);\r\n  };\r\n\r\n  const tickFormatterX = (tickItem: string): string => {\r\n    const month = Number(dayjs(tickItem).format('M'));\r\n\r\n    if (month % 3 === 0) {\r\n      const quarter = Math.floor(month / 3);\r\n\r\n      return `Q${quarter} ${dayjs(tickItem).format('YY')}`;\r\n    }\r\n\r\n    return '';\r\n  };\r\n\r\n  return (\r\n    <div style={{ width: '100%' }}>\r\n      <Box style={{ overflow: 'auto', overflowY: 'hidden' }}>\r\n        <Chart\r\n          width={650}\r\n          height={250}\r\n          data={data}\r\n          margin={{\r\n            top: 10,\r\n            right: 5,\r\n            left: 0,\r\n            bottom: 0,\r\n          }}\r\n        >\r\n          <CartesianGrid stroke=\"#e5e5eb\" vertical={false} />\r\n          <XAxis dataKey=\"date\" tickFormatter={tickFormatterX} />\r\n          <YAxis\r\n            tickFormatter={tickFormatter}\r\n            type=\"number\"\r\n            domain={['auto', 'auto']}\r\n            width={Math.max(80, (maxFormatted + 1) * 10)}\r\n          />\r\n          <Tooltip\r\n            content={\r\n              <CustomTooltip\r\n                formatter={(label, payload): string => {\r\n                  return `${getFormattedMonth(label)} <br />${formatNumber(\r\n                    payload.payload.value\r\n                  )}`;\r\n                }}\r\n              />\r\n            }\r\n          />\r\n          <Line\r\n            type=\"monotone\"\r\n            dataKey=\"value\"\r\n            stroke=\"#0057B7\"\r\n            strokeWidth={2}\r\n          />\r\n        </Chart>\r\n      </Box>\r\n    </div>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { BrandColours } from '@abrdn-latest/config';\r\nimport { Box, Grid, Typography } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { Cell, Pie, PieChart as Chart, Tooltip } from 'recharts';\r\nimport { ChartKey, ChartProps, CustomTooltip } from './';\r\nimport './Chart.scss';\r\n\r\n// const RADIAN = Math.PI / 180;\r\n\r\n// const renderCustomizedLabel = ({\r\n//   cx,\r\n//   cy,\r\n//   midAngle,\r\n//   innerRadius,\r\n//   outerRadius,\r\n//   percent,\r\n//   index,\r\n// }: any) => {\r\n//   const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\r\n//   const x = cx + radius * Math.cos(-midAngle * RADIAN);\r\n//   const y = cy + radius * Math.sin(-midAngle * RADIAN);\r\n\r\n//   return (\r\n//     <text\r\n//       x={x}\r\n//       y={y}\r\n//       fill=\"white\"\r\n//       textAnchor={x > cx ? 'start' : 'end'}\r\n//       dominantBaseline=\"central\"\r\n//     >\r\n//       {`${(percent * 100).toFixed(0)}%`}\r\n//     </text>\r\n//   );\r\n// };\r\n\r\nexport const PieChart = ({ title, data, showKey = true }: ChartProps) => {\r\n  const theData = data.map((item, index: number) => {\r\n    item.color = item.color || BrandColours[index % BrandColours.length];\r\n\r\n    return item;\r\n  });\r\n\r\n  return (\r\n    <Box paddingY={2}>\r\n      <Typography variant=\"h5\">{title}</Typography>\r\n\r\n      <Grid container spacing={3}>\r\n        {showKey && (\r\n          <Grid item xs={12} sm={4}>\r\n            <ChartKey data={theData} />\r\n          </Grid>\r\n        )}\r\n        <Grid item xs={12} sm={showKey ? 8 : 12}>\r\n          <Box position=\"relative\" maxWidth={250}>\r\n            <Chart width={250} height={250}>\r\n              <Tooltip content={<CustomTooltip />} />\r\n              <Pie\r\n                data={theData}\r\n                cx=\"50%\"\r\n                cy=\"50%\"\r\n                labelLine={false}\r\n                //label={renderCustomizedLabel}\r\n                outerRadius={100}\r\n                fill=\"#8884d8\"\r\n                dataKey=\"value\"\r\n                nameKey=\"title\"\r\n              >\r\n                {theData.map((item, index) => (\r\n                  <Cell key={`cell-${index}`} fill={item.color} />\r\n                ))}\r\n              </Pie>\r\n            </Chart>\r\n          </Box>\r\n        </Grid>\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n","import { TableCell, TableHead, TableRow, TableSortLabel } from '@abrdn';\r\nimport { TextField } from '@material-ui/core';\r\nimport { ArrowDropDownIcon, SearchIcon } from 'icons';\r\nimport React, { Fragment } from 'react';\r\nimport { HeadCell } from './';\r\n\r\n/**\r\n *\r\n */\r\ntype Order = 'asc' | 'desc';\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  cells: HeadCell[];\r\n\r\n  /**\r\n   *\r\n   */\r\n  onFilterRequest?: (field: string, value: string) => void;\r\n\r\n  /**\r\n   *\r\n   */\r\n  onSortRequest?: (event: React.MouseEvent<unknown>, property: string) => void;\r\n\r\n  /**\r\n   *\r\n   */\r\n  order: Order;\r\n\r\n  /**\r\n   *\r\n   */\r\n  orderBy: string;\r\n}\r\n\r\nexport const TableHeader = ({\r\n  cells,\r\n  onFilterRequest,\r\n  onSortRequest,\r\n  order,\r\n  orderBy,\r\n}: Props) => {\r\n  /**\r\n   *\r\n   */\r\n  const createSortHandler =\r\n    (property: string) => (event: React.MouseEvent<unknown>) => {\r\n      if (onSortRequest) {\r\n        onSortRequest(event, property);\r\n      }\r\n    };\r\n\r\n  const createSearchHandler = (property: string) => (event: any) => {\r\n    if (onFilterRequest) {\r\n      onFilterRequest(property, event.target.value);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <TableHead>\r\n      <TableRow>\r\n        {cells.map(\r\n          ({\r\n            id,\r\n            label,\r\n            disablePadding = false,\r\n            numeric = false,\r\n            sortable = false,\r\n            filterable = false,\r\n            style = {},\r\n          }) => {\r\n            if (filterable) {\r\n              style.paddingLeft = 0;\r\n              style.paddingRight = 0;\r\n            }\r\n\r\n            return (\r\n              <TableCell\r\n                key={id}\r\n                align={numeric ? 'right' : 'left'}\r\n                padding={disablePadding ? 'none' : 'default'}\r\n                sortDirection={orderBy === id ? order : false}\r\n                style={style}\r\n              >\r\n                <Fragment>\r\n                  {filterable && (\r\n                    <div>\r\n                      <TextField\r\n                        variant=\"outlined\"\r\n                        fullWidth\r\n                        id={id}\r\n                        label={label}\r\n                        onChange={createSearchHandler(id)}\r\n                        autoComplete=\"off\"\r\n                        InputProps={{\r\n                          endAdornment: (\r\n                            <SearchIcon\r\n                              fontSize=\"small\"\r\n                              style={{ marginRight: 10, color: 'inherit' }}\r\n                            />\r\n                          ),\r\n                        }}\r\n                      />\r\n                    </div>\r\n                  )}\r\n\r\n                  {sortable && (\r\n                    <TableSortLabel\r\n                      IconComponent={ArrowDropDownIcon}\r\n                      active={orderBy === id}\r\n                      direction={orderBy === id ? order : 'asc'}\r\n                      onClick={createSortHandler(id)}\r\n                    >\r\n                      <b>{label}</b>\r\n                    </TableSortLabel>\r\n                  )}\r\n\r\n                  {!filterable && !sortable && label}\r\n                </Fragment>\r\n              </TableCell>\r\n            );\r\n          }\r\n        )}\r\n      </TableRow>\r\n    </TableHead>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Button, Container, Grid, Typography } from '@material-ui/core';\r\nimport { PageErrorIcon } from 'icons';\r\nimport React, { Fragment } from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\n\r\ninterface Props {}\r\n\r\nexport const Error403 = ({}: Props) => {\r\n  return (\r\n    <Fragment>\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Grid container spacing={8}>\r\n            <Grid item xs={8}>\r\n              <Typography variant=\"h2\" component=\"h1\">\r\n                Sorry it looks like you don't have access to this page\r\n              </Typography>\r\n            </Grid>\r\n            <Grid item xs={4}>\r\n              <PageErrorIcon style={{ width: 150, height: 150 }} />\r\n            </Grid>\r\n          </Grid>\r\n        </Container>\r\n      </Box>\r\n\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Typography variant=\"h3\" component=\"h2\">\r\n            Error code: 403\r\n          </Typography>\r\n\r\n          <Typography variant=\"h4\" component=\"h3\">\r\n            We're sorry but it does not look like you have access to this\r\n            specific url\r\n          </Typography>\r\n          <Typography paragraph>\r\n            We apologise for any inconvenience caused, you may find what you are\r\n            looking for on your homepage, or by contacting us on 0800 123 123\r\n          </Typography>\r\n\r\n          <Button\r\n            variant=\"contained\"\r\n            color=\"primary\"\r\n            size=\"large\"\r\n            to={`/`}\r\n            component={RouterLink}\r\n          >\r\n            Back to home\r\n          </Button>\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Container, Grid, Typography } from '@material-ui/core';\r\nimport { Anchor } from 'components/core';\r\nimport { PageErrorIcon } from 'icons';\r\nimport React, { Fragment } from 'react';\r\n\r\ninterface Props {}\r\n\r\nexport const Error404 = ({}: Props) => {\r\n  return (\r\n    <Fragment>\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Grid container spacing={8}>\r\n            <Grid item xs={8}>\r\n              <Typography variant=\"h2\" component=\"h1\">\r\n                It looks like we couldn't locate this page on our server\r\n              </Typography>\r\n            </Grid>\r\n            <Grid item xs={4}>\r\n              <PageErrorIcon style={{ width: 150, height: 150 }} />\r\n            </Grid>\r\n          </Grid>\r\n        </Container>\r\n      </Box>\r\n\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Typography variant=\"h3\" component=\"h2\">\r\n            Error code: 404\r\n          </Typography>\r\n\r\n          <Typography variant=\"h4\" component=\"h3\">\r\n            Unfortunately this url is not recognised, please try again or return\r\n            to home\r\n          </Typography>\r\n          <Typography paragraph>\r\n            We couldn't find the page you were looking for, this may be becuse\r\n            the link isn't working or the page has been moved.\r\n          </Typography>\r\n\r\n          <Typography paragraph>\r\n            If you typed the website address (URL) you could check the spelling\r\n            and try again, or visit our homepage and try your search again\r\n          </Typography>\r\n\r\n          <Anchor to={`/`}>Back to home</Anchor>\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Container, Grid, Typography } from '@material-ui/core';\r\nimport { PageMaintenanceIcon } from 'icons';\r\nimport React, { Fragment } from 'react';\r\n\r\ninterface Props {}\r\n\r\nexport const Error500 = ({}: Props) => {\r\n  return (\r\n    <Fragment>\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Grid container spacing={8}>\r\n            <Grid item xs={8}>\r\n              <Typography variant=\"h2\" component=\"h1\">\r\n                Sorry our website is temporarily unavailable\r\n              </Typography>\r\n            </Grid>\r\n            <Grid item xs={4}>\r\n              <PageMaintenanceIcon style={{ width: 150, height: 150 }} />\r\n            </Grid>\r\n          </Grid>\r\n        </Container>\r\n      </Box>\r\n\r\n      <Box paddingY={6}>\r\n        <Container>\r\n          <Typography variant=\"h3\" component=\"h2\">\r\n            Error code: 500\r\n          </Typography>\r\n\r\n          <Typography variant=\"h4\" component=\"h3\">\r\n            Our website is currently undergoing maintenance\r\n          </Typography>\r\n          <Typography paragraph>\r\n            We're carrying out some scheduled maintenance on our website and\r\n            we'll be back up and running as soon as we can.\r\n          </Typography>\r\n\r\n          <Typography paragraph>\r\n            We apologise for any inconvenience caused.\r\n          </Typography>\r\n        </Container>\r\n      </Box>\r\n    </Fragment>\r\n  );\r\n};\r\n","import { Box, Typography } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { KeyboardArrowLeftIcon } from '../icons';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Anchor } from '../components/core';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  backIcon: {\r\n    marginRight: 4,\r\n    width: 24,\r\n    height: 24,\r\n  },\r\n}));\r\n\r\nexport function SuccessfullyRegisteredDialog() {\r\n  const styles = useStyles();\r\n  return (\r\n    <>\r\n      <Box mb={10}>\r\n        <Typography variant=\"h4\" component=\"h3\">\r\n          Thank you for registering for\r\n          <br/>\r\n          abrdn Connect\r\n        </Typography>\r\n\r\n        <Typography paragraph variant=\"body2\">\r\n          We have sent a verification link to your registered email address that\r\n          will let you activate your account and set up your password.\r\n        </Typography>\r\n\r\n        <Typography paragraph variant=\"body2\">\r\n          <b>The link provided will expire after 60 minutes.</b>\r\n        </Typography>\r\n\r\n        <Typography paragraph variant=\"body2\">\r\n          If you do not receive an email or have been unable to activate your\r\n          account in this time, please contact <b>ConnectHelp@abrdn.com</b>.\r\n        </Typography>\r\n      </Box>\r\n      <Anchor to=\"/auth/landing\">\r\n        <KeyboardArrowLeftIcon className={styles.backIcon} />\r\n        <b>Back to login</b>\r\n      </Anchor>\r\n    </>\r\n  );\r\n}\r\n","import {\r\n  STATUS_DATA_LOADING,\r\n  STATUS_FAILED,\r\n  STATUS_INIT_ERROR,\r\n  STATUS_SENDING,\r\n  STATUS_SENT,\r\n} from '@abrdn-latest/config';\r\nimport { useRouter } from '@abrdn-latest/use';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Checkbox,\r\n  FormHelperText,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport { getCountryList, getInvestorTypes, registerAccount } from 'api';\r\nimport { Anchor } from 'components/core';\r\nimport { ValidationProvider } from 'components/file-selector';\r\nimport { Form, Input, Select } from 'components/form';\r\nimport { Progress } from 'components/ui';\r\nimport { toast } from 'material-react-toastify';\r\nimport { TermsAndConditions } from 'pages/terms-and-conditions/PageTermsAndConditions';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Controller, FormProvider, useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport * as yup from 'yup';\r\nimport { PageAuth } from '../pages/authentication/PageAuth';\r\nimport { SuccessfullyRegisteredDialog } from './SuccessfullyRegisteredDialog';\r\nimport { ErrorDialog } from './ErrorDialog';\r\nimport { noHTML } from 'validation';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { useSecurity } from './SecurityContext';\r\n\r\nconst ALREADY_REGISTERED = 'already-registered';\r\n\r\nfunction validNameCharacters(value?: string) {\r\n  return !value?.match(/[.,:;?!+*=¬@~#\"£$%^&/\\\\()\\[\\]<>]/gi) && noHTML(value);\r\n}\r\n\r\nconst schema = yup.object().shape({\r\n  register_email: yup\r\n    .string()\r\n    .email('Please enter a valid email address')\r\n    .matches(\r\n      /[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.[a-zA-Z]{2,4}[.]{0,1}[a-zA-Z]{0,2}/,\r\n      'Please enter a valid email address'\r\n    )\r\n    .required('Email is required')\r\n    .test('minLength', 'Minimum length is 5 characters', val => val!.length >= 5)\r\n    .test('maxLength', 'Maximum length is 80 characters', val => val!.length <= 80),\r\n  register_firstname: yup\r\n    .string()\r\n    .required('Firstname is required')\r\n    .test('notblank', 'Firstname is required', (value) => {\r\n      return String(value) !== '';\r\n    })\r\n    .test(\r\n      'validCharacters',\r\n      'Please enter valid characters only',\r\n      validNameCharacters\r\n    )\r\n    .test('length', 'Maximum length is 40 characters', val => Boolean(val && val.length <= 40))\r\n    .test('length', 'Minimum length is 2 characters', val => Boolean(val && val.length > 1))\r\n    .matches(/^[A-Z][a-z.]*([- '][A-Z][a-z]*)??$/, 'Firstname has invalid format'),\r\n  register_lastname: yup\r\n    .string()\r\n    .required('Lastname is required')\r\n    .test('notblank', 'Lastname is required', (value) => {\r\n      return String(value) !== '';\r\n    })\r\n    .test(\r\n      'validCharacters',\r\n      'Please enter valid characters only',\r\n      validNameCharacters\r\n    )\r\n    .test('length', 'Maximum length is 50 characters', val => Boolean(val && val.length <= 80))\r\n    .matches(/^[A-Z][a-z.]*([- '][A-Z][a-z]*)??$/, 'Lastname has invalid format'),\r\n  register_accepted: yup\r\n    .boolean()\r\n    .required('You must accept the terms and conditions')\r\n    .oneOf([true], 'The terms and conditions must be accepted.'),\r\n  register_country: yup.string().required('Country is a required field'),\r\n  register_investortype: yup\r\n    .string()\r\n    .required('Investor Type is a required field'),\r\n});\r\n\r\nexport function RegisterForm() {\r\n  const { t } = useTranslation(['common']);\r\n\r\n  const { authState } = useSecurity();\r\n\r\n  const [formStatus, setFormStatus] = useState('');\r\n  const [countryList, setCountryList] = useState<any[] | null>(null);\r\n  const [investorTypes, setInvestorTypes] = useState<any[] | null>(null);\r\n  const [termsOpen, setTermsOpen] = React.useState<boolean>(false);\r\n  const [data, setData] = useState({\r\n    register_email: '',\r\n    register_firstname: '',\r\n    register_lastname: '',\r\n    register_accepted: false,\r\n    register_country: '',\r\n    register_investortype: '',\r\n  });\r\n\r\n  const router = useRouter();\r\n\r\n  const methods = useForm({\r\n    defaultValues: {\r\n      register_email: data.register_email,\r\n      register_firstname: data.register_firstname,\r\n      register_lastname: data.register_lastname,\r\n      register_accepted: data.register_accepted,\r\n      register_country: data.register_country,\r\n      register_investortype: data.register_investortype,\r\n    },\r\n    mode: 'onChange',\r\n    resolver: yupResolver(schema),\r\n  });\r\n\r\n  const { control, register, handleSubmit, errors } = methods;\r\n\r\n  useEffect(() => {\r\n    async function runEffect() {\r\n      setFormStatus(STATUS_DATA_LOADING);\r\n\r\n      try {\r\n        const response = await getCountryList();\r\n        const types = await getInvestorTypes();\r\n\r\n        if (response) {\r\n          setCountryList(response);\r\n        }\r\n\r\n        if (types) {\r\n          setInvestorTypes(types);\r\n        }\r\n\r\n        setFormStatus('');\r\n      } catch (e) {\r\n        setFormStatus(STATUS_INIT_ERROR);\r\n      }\r\n    }\r\n    runEffect();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    window.dispatchEvent(new Event('resize'));\r\n  }, [formStatus, errors]);\r\n\r\n  async function onSubmit(data: any) {\r\n    setData(data);\r\n\r\n    setFormStatus(STATUS_SENDING);\r\n\r\n    const region = countryList?.find(\r\n      item => item.code === data.register_country\r\n    )?.regionCode ?? '';\r\n\r\n    try {\r\n      const res = await registerAccount(\r\n        data.register_email.trim(),\r\n        data.register_firstname.trim(),\r\n        data.register_lastname,\r\n        region,\r\n        data.register_country,\r\n        data.register_investortype,\r\n        data.register_accepted\r\n      );\r\n\r\n      if (res.detail === 'ExistsOkta:ExistsConnect') {\r\n        setFormStatus(ALREADY_REGISTERED);\r\n      } else if (!res.errors || !Object.keys(res.errors).length) {\r\n        toast.success(t('common:forms.register.messages.toast-success'));\r\n        setFormStatus(STATUS_SENT);\r\n      } else {\r\n        setFormStatus(STATUS_FAILED);\r\n      }\r\n    } catch (e) {\r\n      setFormStatus(STATUS_FAILED);\r\n    }\r\n  }\r\n\r\n  if (authState.isAuthenticated) {\r\n    return <Redirect to=\"/home\" />\r\n  }\r\n\r\n  return (\r\n    <PageAuth>\r\n      {(formStatus === '' || formStatus === STATUS_SENDING) && (\r\n        <ValidationProvider schema={schema}>\r\n            <FormProvider {...methods}>\r\n              <Form onSubmit={handleSubmit(onSubmit)}>\r\n                <Typography variant=\"h4\" component=\"h3\">\r\n                  {t('common:forms.register.title')}\r\n                </Typography>\r\n\r\n                <Typography paragraph>\r\n                  abrdn Connect is a servicing tool for our Institutional clients, and\r\n                  provides all users with information on our publicly available funds\r\n                </Typography>\r\n\r\n                <Input\r\n                  ref={register}\r\n                  id=\"register_email\"\r\n                  type=\"email\"\r\n                  label=\"Email\"\r\n                  name=\"register_email\"\r\n                  error={!!errors.register_email}\r\n                  helperText={errors?.register_email?.message}\r\n                />\r\n\r\n                <Input\r\n                  ref={register}\r\n                  id=\"register_firstname\"\r\n                  type=\"text\"\r\n                  label=\"Firstname\"\r\n                  name=\"register_firstname\"\r\n                  error={!!errors.register_firstname}\r\n                  helperText={errors?.register_firstname?.message}\r\n                />\r\n\r\n                <Input\r\n                  ref={register}\r\n                  id=\"register_lastname\"\r\n                  type=\"text\"\r\n                  label=\"Lastname\"\r\n                  name=\"register_lastname\"\r\n                  error={!!errors.register_lastname}\r\n                  helperText={errors?.register_lastname?.message}\r\n                />\r\n\r\n                {countryList && countryList.length > 0 && (\r\n                  <Select\r\n                    ref={register}\r\n                    control={control}\r\n                    // @ts-ignore\r\n                    id=\"register_country\"\r\n                    label=\"Country\"\r\n                    name=\"register_country\"\r\n                    options={countryList.map((item: any, index: number) => {\r\n                      return {\r\n                        displayText: item.displayText,\r\n                        value: item.code,\r\n                      };\r\n                    })}\r\n                    error={!!errors.register_country}\r\n                    helperText={errors?.register_country?.message}\r\n                  />\r\n                )}\r\n\r\n                {investorTypes && investorTypes.length > 0 && (\r\n                  <Select\r\n                    ref={register}\r\n                    control={control}\r\n                    // @ts-ignore\r\n                    id=\"register_investortype\"\r\n                    label=\"Investor Type\"\r\n                    name=\"register_investortype\"\r\n                    options={investorTypes.map(\r\n                      (item: any, index: number) => {\r\n                        return {\r\n                          displayText: item.displayText,\r\n                          value: item.code,\r\n                        };\r\n                      }\r\n                    )}\r\n                    error={!!errors.register_investortype}\r\n                    helperText={errors?.register_investortype?.message}\r\n                  />\r\n                )}\r\n\r\n                <div>\r\n                  <div>\r\n                    <Controller\r\n                      name=\"register_accepted\"\r\n                      control={control}\r\n                      render={(props: any) => (\r\n                        <Checkbox\r\n                          color=\"primary\"\r\n                          {...props}\r\n                          id=\"register_accepted\"\r\n                          onChange={(e) => props.onChange(e.target.checked)}\r\n                        />\r\n                      )}\r\n                    />\r\n\r\n                    <label htmlFor=\"register_accepted\">\r\n                      I have read and accepted the{' '}\r\n                      <Anchor\r\n                        to=\"/terms-and-conditions\"\r\n                        onClick={() => setTermsOpen(true)}\r\n                      >\r\n                        Terms &amp; Conditions\r\n                      </Anchor>\r\n                    </label>\r\n                  </div>\r\n                  <FormHelperText\r\n                    error={!!errors?.register_accepted?.message}\r\n                  >\r\n                    {errors?.register_accepted?.message}\r\n                  </FormHelperText>\r\n                </div>\r\n\r\n                <Box paddingY={2}>\r\n                  <Button\r\n                    size=\"large\"\r\n                    disabled={formStatus === STATUS_SENDING}\r\n                    variant=\"contained\"\r\n                    type=\"submit\"\r\n                    color=\"primary\"\r\n                  >\r\n                    Register {formStatus === STATUS_SENDING && <Progress />}\r\n                  </Button>\r\n                </Box>\r\n              </Form>\r\n            </FormProvider>\r\n          </ValidationProvider>\r\n      )}\r\n\r\n      {formStatus !== STATUS_SENT && (\r\n        <Typography variant=\"caption\" paragraph>\r\n          <Anchor to=\"/auth/landing\">\r\n            Back to login\r\n          </Anchor>\r\n        </Typography>\r\n      )}\r\n\r\n      {(formStatus === STATUS_SENT || formStatus === ALREADY_REGISTERED) && <SuccessfullyRegisteredDialog />}\r\n\r\n      {(formStatus === STATUS_INIT_ERROR || formStatus === STATUS_FAILED) && (\r\n        <ErrorDialog type=\"registration\" onBack={() => router.push('/auth/landing')} />\r\n      )}\r\n\r\n      {/*{formStatus === ALREADY_REGISTERED && <AlreadyRegisteredDialog />}*/}\r\n\r\n      <Dialog\r\n        open={termsOpen}\r\n        onClose={() => setTermsOpen(false)}\r\n        scroll=\"paper\"\r\n        aria-labelledby=\"scroll-dialog-title\"\r\n        aria-describedby=\"scroll-dialog-description\"\r\n      >\r\n        <DialogTitle id=\"scroll-dialog-title\" disableTypography>\r\n          <Typography variant=\"h4\" component=\"h2\" style={{ margin: 0 }}>\r\n            Terms &amp; Conditions\r\n          </Typography>\r\n        </DialogTitle>\r\n        <DialogContent dividers>\r\n          <DialogContentText id=\"scroll-dialog-description\" tabIndex={-1}>\r\n            <TermsAndConditions />\r\n          </DialogContentText>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button onClick={() => setTermsOpen(false)} color=\"primary\">\r\n            Close\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n    </PageAuth>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { LineClamp } from '@abrdn-latest/core';\r\nimport { Box, Chip, Paper, Typography } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { ExternalAnchor } from 'components/core';\r\nimport React from 'react';\r\nimport { getFormattedDate } from 'utils';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  tile: {\r\n    border: '1px solid #D9D9D6',\r\n  },\r\n\r\n  imageBanner: {\r\n    position: 'relative',\r\n  },\r\n\r\n  logo: {\r\n    position: 'relative',\r\n    overflow: 'hidden',\r\n    width: 392,\r\n    height: 196,\r\n    backgroundImage: (props: { image?: string }) => `url(\"${props.image}\")`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center',\r\n    backgroundSize: 'cover',\r\n  },\r\n\r\n  chips: {\r\n    position: 'absolute',\r\n    bottom: 0,\r\n    left: 0,\r\n    right: 0,\r\n  },\r\n\r\n  chip: {\r\n    fontSize: '12px',\r\n    padding: 12,\r\n    backgroundColor: '#0057B7',\r\n    marginRight: 8,\r\n  },\r\n}));\r\n\r\ninterface Props {\r\n  date: string;\r\n  excerpt?: string;\r\n  image?: string;\r\n  readTime: string;\r\n  title: string;\r\n  url: string;\r\n}\r\n\r\nexport const ArticlePreview = ({\r\n  image,\r\n  title,\r\n  url,\r\n  excerpt,\r\n  readTime,\r\n  date,\r\n}: Props) => {\r\n  const classes = useStyles({ image });\r\n\r\n  return (\r\n    <Paper className={classes.tile}>\r\n      <Box className={classes.imageBanner}>\r\n        {image && <Box className={classes.logo} />}\r\n        <Box className={classes.chips} padding={2}>\r\n          <Chip\r\n            className={classes.chip}\r\n            size=\"small\"\r\n            color=\"secondary\"\r\n            label={getFormattedDate(date)}\r\n          />\r\n          <Chip\r\n            className={classes.chip}\r\n            size=\"small\"\r\n            color=\"secondary\"\r\n            label={`${readTime}`}\r\n          />\r\n        </Box>\r\n      </Box>\r\n\r\n      <Box padding={2}>\r\n        <Typography variant=\"h4\" style={{ marginBottom: 15 }}>\r\n          <ExternalAnchor to={url} icon={false} label={title} />\r\n        </Typography>\r\n\r\n        {excerpt && (\r\n          <Typography variant=\"body2\">\r\n            <LineClamp count={3}>{excerpt}</LineClamp>\r\n          </Typography>\r\n        )}\r\n      </Box>\r\n    </Paper>\r\n  );\r\n};\r\n","import { IconButton, TextField } from '@material-ui/core';\r\nimport { ClearIcon, SearchIcon } from 'icons';\r\nimport { useEffect, useState } from 'react';\r\n\r\ninterface Props {\r\n  /**\r\n   * Can the search field be cleared\r\n   */\r\n  clearable?: boolean;\r\n\r\n  /**\r\n   * Delay in ms before search/callback is triggered\r\n   */\r\n  delay?: number;\r\n\r\n  /**\r\n   * Input name/id\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  label?: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  onChange(value: string): void;\r\n}\r\n\r\nexport const SearchInput = ({\r\n  clearable = true,\r\n  delay = 700,\r\n  id,\r\n  label = 'Search',\r\n  onChange,\r\n}: Props) => {\r\n  //\r\n  let timer: any = null;\r\n\r\n  //\r\n  const [value, setValue] = useState<string>('');\r\n\r\n  // when the value changes we want to trigger any events\r\n  useEffect(() => {\r\n    if (onChange) {\r\n      onChange(value);\r\n    }\r\n  }, [value]);\r\n\r\n  /**\r\n   * CLear the search input value\r\n   */\r\n  const clearSearch = () => {\r\n    setValue('');\r\n\r\n    try {\r\n      const el = document.getElementById(id);\r\n\r\n      if (el) {\r\n        // @ts-ignore\r\n        el.value = '';\r\n      }\r\n    } catch (e) {}\r\n  };\r\n\r\n  /**\r\n   * Handles the search event\r\n   */\r\n  const handleSearch = (ev: any) => {\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n\r\n    timer = setTimeout(() => {\r\n      // get the value from the search input,\r\n      const value: string = String(ev.target.value).trim();\r\n\r\n      setValue(value);\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }, delay);\r\n  };\r\n\r\n  return (\r\n    <TextField\r\n      variant=\"standard\"\r\n      fullWidth\r\n      id={id}\r\n      placeholder={label}\r\n      onChange={handleSearch}\r\n      InputProps={{\r\n        startAdornment: (\r\n          <SearchIcon fontSize=\"small\" style={{ marginRight: 10 }} />\r\n        ),\r\n        endAdornment: clearable ? (\r\n          <IconButton\r\n            size=\"small\"\r\n            color=\"primary\"\r\n            aria-label=\"clear\"\r\n            component=\"span\"\r\n            onClick={() => {\r\n              clearSearch();\r\n            }}\r\n          >\r\n            <ClearIcon fontSize=\"small\" />\r\n          </IconButton>\r\n        ) : null,\r\n      }}\r\n    />\r\n  );\r\n};\r\n","// https://stackblitz.com/edit/react-clamp-lines?file=Clamp.js\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * The number of lines to clamp to\r\n   */\r\n  count: number;\r\n}\r\n\r\nexport const LineClamp = ({ count, children }: Props) => {\r\n  const useStyles = makeStyles(() => ({\r\n    root: {\r\n      display: '-webkit-box',\r\n      '-webkit-line-clamp': count,\r\n      '-webkit-box-orient': 'vertical',\r\n      overflow: 'hidden',\r\n    },\r\n  }));\r\n\r\n  const classes = useStyles();\r\n\r\n  return <span className={classes.root}>{children}</span>;\r\n};\r\n","import { Box, makeStyles } from '@material-ui/core';\r\n\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline' | 'strech';\r\n  children: React.ReactNode;\r\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\r\n\r\n  justifyContent?:\r\n    | 'flex-start'\r\n    | 'center'\r\n    | 'flex-end'\r\n    | 'space-between'\r\n    | 'space-around';\r\n  spacing?: 0 | 0.5 | 1 | 2 | 3 | 4 | 8 | 12;\r\n}\r\n\r\nexport const Stack = ({\r\n  alignItems = 'center',\r\n  children,\r\n  direction = 'row',\r\n  justifyContent,\r\n  spacing = 0,\r\n}: Props) => {\r\n  const useStyles = makeStyles((theme) => ({\r\n    root: {\r\n      display: 'flex',\r\n      alignItems,\r\n      flexDirection: direction,\r\n      justifyContent,\r\n\r\n      '& > :not(style) + :not(style)': {\r\n        margin:\r\n          direction === 'row'\r\n            ? `0 0 0 ${theme.spacing(spacing)}px`\r\n            : `${theme.spacing(spacing)}px 0 0 0`,\r\n      },\r\n    },\r\n  }));\r\n\r\n  const classes = useStyles();\r\n\r\n  return <Box className={classes.root}>{children}</Box>;\r\n};\r\n","import { Box } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React, { useEffect } from 'react';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n  inner: {\r\n    display: 'block',\r\n    position: 'relative',\r\n    padding: 0,\r\n    paddingBottom: '56.25%',\r\n    height: 0,\r\n    minHeight: '200px',\r\n    overflow: 'hidden',\r\n  },\r\n  iframe: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    bottom: 0,\r\n    left: 0,\r\n    border: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n  },\r\n}));\r\n\r\ninterface Props {\r\n  src: string;\r\n  title: string;\r\n}\r\n\r\nexport const EmbeddedVideo = ({ src, title }: Props) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <Box>\r\n      <Box className={classes.inner} dangerouslySetInnerHTML={{\r\n        __html: `\r\n          <iframe\r\n            class=\"${classes.iframe}\"\r\n            title=\"${title}\"\r\n            allow=\"fullscreen\"\r\n            src=\"${src}\"\r\n            allowfullscreen\r\n          />\r\n        `\r\n      }} />\r\n    </Box>\r\n  );\r\n};\r\n","import {\r\n  Box,\r\n  Collapse,\r\n  Grid,\r\n  IconButton,\r\n  makeStyles,\r\n  Paper,\r\n} from '@material-ui/core';\r\nimport clsx from 'clsx';\r\nimport { ExpandMoreIcon } from 'icons';\r\nimport React, { createContext, useContext, useState } from 'react';\r\n\r\ninterface Context {\r\n  expanded?: boolean;\r\n  setExpanded(state: boolean): void;\r\n}\r\n\r\nconst AccordionContext = createContext<Context>({\r\n  setExpanded: (state: boolean) => {},\r\n});\r\n\r\n/**\r\n *\r\n * @returns\r\n */\r\nexport const useAccordion = (): Context => useContext(AccordionContext);\r\n\r\n/**\r\n *\r\n */\r\nexport const AccordionProvider = AccordionContext.Provider;\r\n\r\ninterface AccordionProps {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n\r\n  /**\r\n   *\r\n   */\r\n  defaultExpanded?: boolean;\r\n}\r\n\r\nexport const Accordion = ({\r\n  children,\r\n  defaultExpanded = true,\r\n}: AccordionProps) => {\r\n  const [expanded, setExpanded] = useState<boolean>(defaultExpanded);\r\n\r\n  return (\r\n    <AccordionProvider value={{ expanded, setExpanded }}>\r\n      <Box marginBottom={2}>{children}</Box>\r\n    </AccordionProvider>\r\n  );\r\n};\r\n\r\ninterface SummaryProps {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n\r\n  /**\r\n   *\r\n   */\r\n  expandIcon?: React.ReactNode;\r\n}\r\n\r\nconst useAccordionSummaryStyles = makeStyles((theme) => ({\r\n  root: {\r\n    transition: 'all .3s',\r\n    marginRight: -theme.spacing(2),\r\n  },\r\n  expanded: {\r\n    transform: 'rotate(180deg)',\r\n  },\r\n  collapsed: {\r\n    transform: 'rotate(0deg)',\r\n  },\r\n}));\r\n\r\nexport const AccordionSummary = ({\r\n  children,\r\n  expandIcon = ExpandMoreIcon,\r\n}: SummaryProps) => {\r\n  const classes = useAccordionSummaryStyles();\r\n\r\n  const { expanded, setExpanded } = useAccordion();\r\n\r\n  const handleClick = (ev: React.MouseEvent) => {\r\n    setExpanded(!expanded);\r\n  };\r\n\r\n  const Icon = expandIcon;\r\n\r\n  return (\r\n    <Box p={4} component={Paper}>\r\n      <Grid\r\n        container\r\n        direction=\"row\"\r\n        justify=\"space-between\"\r\n        alignItems=\"center\"\r\n      >\r\n        <Grid item style={{ flexGrow: 1 }}>\r\n          {children}\r\n        </Grid>\r\n        <Grid item>\r\n          <Box marginLeft={1}>\r\n            <IconButton\r\n              onClick={handleClick}\r\n              className={clsx(\r\n                classes.root,\r\n                expanded ? classes.expanded : classes.collapsed\r\n              )}\r\n            >\r\n              {/* @ts-ignore */}\r\n              <Icon />\r\n            </IconButton>\r\n          </Box>\r\n        </Grid>\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst useAccordionToggleStyles = makeStyles((theme) => ({\r\n  root: {\r\n    cursor: 'pointer',\r\n  },\r\n}));\r\n\r\ninterface ToggleProps {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport const AccordionToggle = ({ children }: ToggleProps) => {\r\n  const classes = useAccordionToggleStyles();\r\n  const { expanded, setExpanded } = useAccordion();\r\n\r\n  return (\r\n    <Box\r\n      onClick={() => {\r\n        setExpanded(!expanded);\r\n      }}\r\n      className={classes.root}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst useAccordionDetailStyles = makeStyles((theme) => ({\r\n  root: {\r\n    paddingTop: 0,\r\n    paddingLeft: theme.spacing(3),\r\n    paddingRight: theme.spacing(3),\r\n    paddingBottom: theme.spacing(3),\r\n  },\r\n}));\r\n\r\ninterface DetailProps {\r\n  /**\r\n   *\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport const AccordionDetail = ({ children }: DetailProps) => {\r\n  const classes = useAccordionDetailStyles();\r\n\r\n  const { expanded } = useAccordion();\r\n\r\n  return (\r\n    <Collapse in={expanded}>\r\n      <Box className={classes.root} component={Paper}>\r\n        {children}\r\n      </Box>\r\n    </Collapse>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { createSlice, PayloadAction } from '@reduxjs/toolkit';\r\n\r\ninterface DeletedState {\r\n  ids: string[];\r\n}\r\n\r\nconst initialState = { ids: [] } as DeletedState;\r\n\r\nconst documentSlice = createSlice({\r\n  name: 'documents-deleted',\r\n  initialState,\r\n  reducers: {\r\n    addDeletedDocumentId(state, action: PayloadAction<string>) {\r\n      state.ids.push(action.payload);\r\n    },\r\n  },\r\n});\r\n\r\nexport const { addDeletedDocumentId } = documentSlice.actions;\r\n\r\nexport const selectDeletedIds = (state: any) => {\r\n  return state['documents-deleted'].ids;\r\n};\r\n\r\nexport default documentSlice.reducer;\r\n","// TODO: comment\r\n\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport {\r\n  getDocumentTypes,\r\n  getDocumentUploadRestrictions,\r\n  getDocuments,\r\n} from 'api';\r\n\r\nimport { getDocumentsPerPage } from 'api/constants';\r\n\r\nexport interface DocumentsRequest {\r\n  clientId?: string;\r\n  documentTypeCode?: string;\r\n  max?: number;\r\n  start: number;\r\n}\r\n\r\nexport const getAllDocuments = createAsyncThunk(\r\n  'documents/all',\r\n  async ({\r\n    start = 0,\r\n    max = getDocumentsPerPage(),\r\n    documentTypeCode,\r\n    clientId,\r\n  }: DocumentsRequest) => {\r\n    const items = await getDocuments(start, max, documentTypeCode, clientId);\r\n\r\n    return items;\r\n  }\r\n);\r\n\r\nexport const getDocumentCategories = createAsyncThunk(\r\n  'documents/types',\r\n  async (_, { getState }) => {\r\n    const items = await getDocumentTypes();\r\n    return items;\r\n  }\r\n);\r\n\r\nexport const getDocumentRestrictions = createAsyncThunk(\r\n  'documents/upload-restrictions',\r\n  async (_, { getState }) => {\r\n    const items = await getDocumentUploadRestrictions();\r\n    return items;\r\n  }\r\n);\r\n\r\nexport const documentSlice = createSlice({\r\n  name: 'documents',\r\n  initialState: {\r\n    status: '',\r\n    documents: {\r\n      pagination: {},\r\n      documents: [],\r\n    },\r\n    categories: [],\r\n    restrictions: {\r\n      fileSizeLimitBytes: 0,\r\n      fileSizeLimitDisplayName: '',\r\n      allowedMimeTypes: [],\r\n      allowedFileExtensions: [],\r\n    },\r\n  },\r\n  reducers: {\r\n    setDocuments: (state, action) => {\r\n      state.documents = action.payload;\r\n    },\r\n    readDocuments: (state, action) => {\r\n      state.documents = action.payload;\r\n    },\r\n    deleteDocuments: (state, action) => {},\r\n  },\r\n  extraReducers: (builder) => {\r\n    builder.addCase(getAllDocuments.pending, (state, action) => {\r\n      state.status = STATUS_LOADING;\r\n    });\r\n    builder.addCase(getAllDocuments.fulfilled, (state, action) => {\r\n      state.documents = action.payload;\r\n      state.status = STATUS_SUCCESS;\r\n    });\r\n    builder.addCase(getAllDocuments.rejected, (state, action) => {\r\n      state.status = STATUS_FAILED;\r\n    });\r\n\r\n    // Get Action Required Messages\r\n    builder.addCase(getDocumentCategories.pending, (state, action) => {});\r\n    builder.addCase(getDocumentCategories.fulfilled, (state, action) => {\r\n      state.categories = action.payload;\r\n    });\r\n    builder.addCase(getDocumentCategories.rejected, (state, action) => {});\r\n    // End Action Required Messages\r\n\r\n    // Get Action Required Messages\r\n    builder.addCase(getDocumentRestrictions.pending, (state, action) => {});\r\n    builder.addCase(getDocumentRestrictions.fulfilled, (state, action) => {\r\n      // @ts-ignore\r\n      state.restrictions = action.payload;\r\n    });\r\n    builder.addCase(getDocumentRestrictions.rejected, (state, action) => {});\r\n  },\r\n});\r\n\r\nexport const { setDocuments } = documentSlice.actions;\r\n\r\nexport const selectDocuments = (state: any) => {\r\n  return state.documents.documents;\r\n};\r\n\r\nexport const selectDocumentsStatus = (state: any) => {\r\n  return state.documents.status;\r\n};\r\n\r\nexport const selectDocumentCategories = (state: any) => {\r\n  return state.documents.categories;\r\n};\r\n\r\nexport const selectDocumentRestrictions = (state: any) => {\r\n  return state.documents.restrictions;\r\n};\r\n\r\nexport default documentSlice.reducer;\r\n","// TODO: comment\r\nimport {\r\n  STATUS_FAILED,\r\n  STATUS_LOADING,\r\n  STATUS_SUCCESS,\r\n} from '@abrdn-latest/config';\r\nimport { createAsyncThunk, createSlice } from '@reduxjs/toolkit';\r\nimport { getDocuments } from 'api';\r\nimport { getDocumentsPerPage } from 'api/constants';\r\nimport { DocumentsRequest } from './documentsSlice';\r\n\r\nexport interface RecentDocumentsState {\r\n  items: any;\r\n  status: any;\r\n}\r\n\r\nexport const getRecentDocuments = createAsyncThunk(\r\n  'documents/get-recent',\r\n  async ({\r\n    start = 0,\r\n    max = getDocumentsPerPage(),\r\n    documentTypeCode,\r\n  }: DocumentsRequest) => {\r\n    const items = await getDocuments(start, max, documentTypeCode);\r\n\r\n    return items;\r\n  }\r\n);\r\n\r\nconst initialState: RecentDocumentsState = {\r\n  status: STATUS_LOADING,\r\n  items: {\r\n    pagination: {},\r\n    documents: [],\r\n  },\r\n};\r\n\r\nexport const documentsSlice = createSlice({\r\n  name: 'documents-recent',\r\n  initialState,\r\n  reducers: {},\r\n  extraReducers: (builder) => {\r\n    builder.addCase(getRecentDocuments.pending, (state, action) => {\r\n      state.status = STATUS_LOADING;\r\n    });\r\n    builder.addCase(getRecentDocuments.fulfilled, (state, action) => {\r\n      state.items = action.payload;\r\n      state.status = STATUS_SUCCESS;\r\n    });\r\n    builder.addCase(getRecentDocuments.rejected, (state, action) => {\r\n      state.status = STATUS_FAILED;\r\n    });\r\n  },\r\n});\r\n\r\nexport const selectRecentDocuments = (state: any) => {\r\n  return state['recent-documents'].items.documents;\r\n};\r\n\r\nexport const selectRecentDocumentsStatus = (state: any) => {\r\n  return state['recent-documents'].status;\r\n};\r\n\r\nexport default documentsSlice.reducer;\r\n","// TODO: comment\r\nimport { Button } from '@material-ui/core';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport { GetAppIcon } from 'icons';\r\nimport React from 'react';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    button: {\r\n      fontWeight: 700,\r\n      padding: 0,\r\n      textAlign: 'left',\r\n      textDecoration: 'underline',\r\n      fontSize: 14,\r\n      borderRadius: 0,\r\n      '&:hover': {\r\n        background: 'none',\r\n        textDecoration: 'none',\r\n      },\r\n    },\r\n  })\r\n);\r\n\r\ninterface Props {\r\n  /**\r\n   *\r\n   */\r\n  label: string;\r\n\r\n  /**\r\n   *\r\n   */\r\n  onClick?: any;\r\n}\r\n\r\nexport const ExportButton = ({ label, onClick }: Props) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <Button\r\n      variant=\"text\"\r\n      color=\"primary\"\r\n      className={classes.button}\r\n      onClick={onClick}\r\n      endIcon={<GetAppIcon />}\r\n    >\r\n      {label}\r\n    </Button>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { Box, Button, Popover, Typography } from '@material-ui/core';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport { InfoOutlinedIcon } from 'icons';\r\nimport React, { useState } from 'react';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    typography: { fontSize: 13, padding: theme.spacing(2) },\r\n    button: {\r\n      fontSize: 'inherit',\r\n      fontWeight: 'inherit',\r\n      borderRadius: 0,\r\n      paddingTop: 0,\r\n      paddingBottom: 0,\r\n      paddingLeft: 0,\r\n      '&:hover': {\r\n        background: 'none',\r\n        textDecoration: 'underline',\r\n      },\r\n    },\r\n    popover: {\r\n      maxWidth: 400,\r\n    },\r\n  })\r\n);\r\n\r\ninterface Props {\r\n  content: string;\r\n  title: string;\r\n}\r\n\r\nexport const InfoPopper = ({ title, content }: Props) => {\r\n  const classes = useStyles();\r\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\r\n\r\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const open = Boolean(anchorEl);\r\n  const id = open ? 'simple-popover' : undefined;\r\n\r\n  return (\r\n    <div>\r\n      <Button\r\n        className={classes.button}\r\n        aria-describedby={id}\r\n        onClick={handleClick}\r\n        endIcon={<InfoOutlinedIcon />}\r\n      >\r\n        {title}\r\n      </Button>\r\n      <Popover\r\n        className={classes.popover}\r\n        id={id}\r\n        open={open}\r\n        anchorEl={anchorEl}\r\n        onClose={handleClose}\r\n        anchorOrigin={{\r\n          vertical: 'bottom',\r\n          horizontal: 'left',\r\n        }}\r\n        transformOrigin={{\r\n          vertical: 'top',\r\n          horizontal: 'left',\r\n        }}\r\n      >\r\n        <Box minWidth={240}>\r\n          <Typography className={classes.typography}>{content}</Typography>\r\n        </Box>\r\n      </Popover>\r\n    </div>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { CircularProgress } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React, { Fragment } from 'react';\r\nimport './Progress.scss';\r\n\r\n// TODO: move this to scss\r\nconst useStylesFacebook = makeStyles((theme) => ({\r\n  bottom: {\r\n    color: theme.palette.grey[theme.palette.type === 'light' ? 200 : 700],\r\n  },\r\n  top: {\r\n    color: '#1a90ff',\r\n    animationDuration: '550ms',\r\n    position: 'absolute',\r\n    left: 0,\r\n  },\r\n  circle: {\r\n    strokeLinecap: 'round',\r\n  },\r\n}));\r\n\r\nfunction FacebookCircularProgress(props: any) {\r\n  const classes = useStylesFacebook();\r\n\r\n  return (\r\n    <div className=\"progress\">\r\n      <CircularProgress\r\n        variant=\"determinate\"\r\n        className={classes.bottom}\r\n        size={20}\r\n        thickness={4}\r\n        {...props}\r\n        value={100}\r\n      />\r\n      <CircularProgress\r\n        variant=\"indeterminate\"\r\n        disableShrink\r\n        className={classes.top}\r\n        classes={{\r\n          circle: classes.circle,\r\n        }}\r\n        size={20}\r\n        thickness={4}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface Props {\r\n  label?: string;\r\n}\r\n\r\nexport const Progress = ({ label }: Props) => {\r\n  return (\r\n    <Fragment>\r\n      <FacebookCircularProgress /> {label && <span>{label}</span>}\r\n    </Fragment>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport {\r\n  Box,\r\n  Breadcrumbs as MaterialBreadcrumbs,\r\n  Container,\r\n  Paper,\r\n  Typography,\r\n} from '@material-ui/core';\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport { Anchor } from 'components/core';\r\nimport React from 'react';\r\nimport { ThemeDark } from 'styles';\r\n\r\ninterface Item {\r\n  href?: string;\r\n  label: string;\r\n}\r\ninterface Props {\r\n  inBanner?: boolean;\r\n  trail: Item[];\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => {\r\n  return {\r\n    paper: {\r\n      position: 'relative',\r\n      // float: 'left',\r\n      display: 'inline-block',\r\n      paddingTop: 5,\r\n      paddingRight: 10,\r\n      '&::before': {\r\n        content: '\"\"',\r\n        position: 'absolute',\r\n        top: 0,\r\n        left: -999,\r\n        right: '100%',\r\n        bottom: 0,\r\n        zIndex: 1,\r\n        background: '#000',\r\n      },\r\n    },\r\n  };\r\n});\r\n\r\nexport const Breadcrumbs = ({ trail, inBanner = false }: Props) => {\r\n  const classes = useStyles();\r\n  const theme = useTheme();\r\n\r\n  const style = {\r\n    marginTop: -theme.spacing(7),\r\n    marginBottom: theme.spacing(7),\r\n  };\r\n\r\n  return (\r\n    <ThemeDark>\r\n      <Box style={inBanner ? style : undefined}>\r\n        <Container disableGutters={inBanner}>\r\n          <Paper className={classes.paper}>\r\n            <Box padding={1}>\r\n              <MaterialBreadcrumbs separator={'•'}>\r\n                {trail.map(({ label, href }: Item, index: number) => {\r\n                  if (!label) {\r\n                    return null;\r\n                  }\r\n\r\n                  if (href) {\r\n                    return (\r\n                      <Typography\r\n                        variant=\"body2\"\r\n                        component=\"span\"\r\n                        key={`t-${index}`}\r\n                      >\r\n                        <Anchor color=\"inherit\" to={href} key={label}>\r\n                          {label}\r\n                        </Anchor>\r\n                      </Typography>\r\n                    );\r\n                  }\r\n\r\n                  return (\r\n                    <Typography\r\n                      color=\"textPrimary\"\r\n                      key={`t-${index}`}\r\n                      variant=\"body2\"\r\n                      component=\"span\"\r\n                    >\r\n                      {label}\r\n                    </Typography>\r\n                  );\r\n                })}\r\n              </MaterialBreadcrumbs>\r\n            </Box>\r\n          </Paper>\r\n        </Container>\r\n      </Box>\r\n    </ThemeDark>\r\n  );\r\n};\r\n","// TODO: comment\r\nimport { ListItem, ListItemIcon, ListItemText, Link as MuiLink } from '@material-ui/core';\r\nimport React, { forwardRef, useMemo } from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\n\r\ninterface Props {\r\n  className?: string;\r\n  exact?: boolean;\r\n  external?: boolean;\r\n  icon?: any;\r\n  iconEnd?: any;\r\n  isTopLevel?: boolean;\r\n  onClick?: any;\r\n  primary: string;\r\n  to?: string;\r\n}\r\n\r\nexport const ListItemLink = ({\r\n  className,\r\n  icon,\r\n  iconEnd,\r\n  primary,\r\n  to = '',\r\n  exact,\r\n  external,\r\n  isTopLevel = false,\r\n  onClick,\r\n}: Props) => {\r\n  const isActive = isTopLevel\r\n    ? (match: any, location: any) => {\r\n        const locationBase = location.pathname.replace(/^\\//, '').split('/')[0];\r\n\r\n        const toBase = to.replace(/^\\//, '').split('/')[0];\r\n\r\n        return locationBase === toBase;\r\n      }\r\n    : undefined;\r\n\r\n  const renderLink = useMemo(\r\n    () =>\r\n      forwardRef((itemProps, ref) => {\r\n        return (\r\n          <NavLink\r\n            to={to}\r\n            exact={exact}\r\n            {...itemProps}\r\n            onClick={onClick}\r\n            isActive={isActive}\r\n          />\r\n        );\r\n      }),\r\n    [to]\r\n  );\r\n\r\n  const renderExternalLink = useMemo(\r\n    () =>\r\n      forwardRef((itemProps, ref) => {\r\n        return (\r\n          <MuiLink\r\n            href={to}\r\n            {...itemProps}\r\n            onClick={onClick}\r\n            style={{ color: 'inherit' }}\r\n          />\r\n        );\r\n      }),\r\n    [to]\r\n  );\r\n\r\n  return (\r\n    <li className={className}>\r\n      <ListItem button component={external ? renderExternalLink : renderLink}>\r\n        {icon ? <ListItemIcon>{icon}</ListItemIcon> : null}\r\n        <ListItemText primary={primary} />\r\n        {iconEnd ? <ListItemIcon>{iconEnd}</ListItemIcon> : null}\r\n      </ListItem>\r\n    </li>\r\n  );\r\n};\r\n"],"sourceRoot":""}