\r\n 
\r\n
\r\n )}\r\n \r\n
\r\n \r\n {title} \r\n {formattedDate} \r\n
\r\n \r\n
\r\n {content}
\r\n\r\n {withLink ? (\r\n \r\n {t('news.title')}\r\n \r\n ) : (\r\n {t('news.title')} \r\n )}\r\n \r\n \r\n
\r\n \r\n {data.map((item) => (\r\n
\r\n \r\n setStartDateWithValidation(date)}\r\n placeholder={t(monthFrom.placeholder)}\r\n />\r\n setEndDate(date)}\r\n placeholder={t(monthTo.placeholder)}\r\n disabledDate={disabledDate}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default MonthRangePicker;\r\n\r\nMonthRangePicker.propTypes = {\r\n monthFrom: PropTypes.shape({\r\n className: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n startDate: PropTypes.shape({}),\r\n setStartDate: PropTypes.func,\r\n }),\r\n monthTo: PropTypes.shape({\r\n className: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n endDate: PropTypes.shape({}),\r\n setEndDate: PropTypes.func,\r\n }),\r\n format: PropTypes.string,\r\n};\r\nMonthRangePicker.defaultProps = {\r\n monthFrom: {\r\n className: '',\r\n placeholder: 'from',\r\n },\r\n monthTo: {\r\n className: '',\r\n placeholder: 'to',\r\n },\r\n format: 'MMM-YY',\r\n};\r\n","import React, { Fragment, useEffect, useState } from 'react';\r\nimport { Preloader } from 'components/molecules/Preloader';\r\nimport { useTranslation } from 'react-i18next';\r\nimport PropTypes from 'prop-types';\r\nimport { LineChart, Select, TabPane, Tabs, TabsExtraItem, Title, ContentBox } from 'ui-library';\r\nimport MonthRangePicker from 'components/MonthRangePicker';\r\nimport { useFormatting } from 'locale';\r\nimport { lineChartLabels } from 'constants/constants';\r\nimport { getPerformanceSelectOptions, MONTH_TO_MONTH } from 'filters/investementPerformanceFilters';\r\nimport PageSection from '../PageSection/PageSection';\r\nimport { EmptyContent } from '../molecules/EmptyContent';\r\n\r\nfunction AssetDevelopment({\r\n data,\r\n isLoading,\r\n error,\r\n onFilterChange,\r\n currentFilter,\r\n title,\r\n chartValueFormat,\r\n yAxisFormat,\r\n currency,\r\n setFilterDates,\r\n}) {\r\n const [startDate, setStartDate] = useState(null);\r\n const [endDate, setEndDate] = useState(null);\r\n const { t } = useTranslation();\r\n const { getFormattedXAxisFormat } = useFormatting();\r\n\r\n useEffect(() => {\r\n if (startDate && endDate) {\r\n setFilterDates({ startDate, endDate });\r\n }\r\n }, [startDate, endDate]);\r\n\r\n useEffect(() => {\r\n if (currentFilter !== MONTH_TO_MONTH) {\r\n setStartDate(null);\r\n setEndDate(null);\r\n }\r\n }, [currentFilter]);\r\n\r\n const monthFrom = {\r\n startDate,\r\n setStartDate,\r\n placeholder: 'dashboard.assetDevelopment.filters.from',\r\n };\r\n const monthTo = {\r\n endDate,\r\n setEndDate,\r\n placeholder: 'dashboard.assetDevelopment.filters.to',\r\n };\r\n\r\n const renderTabs = () => (\r\n - \r\n {title && (\r\n
- \r\n {title}\r\n \r\n )}\r\n
- \r\n
{children}
;\r\n}\r\n\r\nOverviewPanel.propTypes = {\r\n children: PropTypes.node,\r\n};\r\n\r\nOverviewPanel.defaultProps = {\r\n children: null,\r\n};\r\n\r\nexport default OverviewPanel;\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { getClassNames } from 'utils';\r\nimport { formatValueByType, getColorClass } from 'utils/formatting';\r\nimport classNames from 'classnames';\r\nimport { useFormatting } from 'locale';\r\nimport { OVERVIEW_SIZE_LAGRE, OVERVIEW_SIZES, TYPE_TEXT, VALUE_TYPES } from './constants';\r\n\r\nfunction OverviewItem({ title, htmlTitle, value, size, type, colored, currency, hideOnMobile }) {\r\n const { getFormattedNumber } = useFormatting();\r\n\r\n const className = getClassNames(\r\n getColorClass(colored ? value : 0, 'overview-item__value'),\r\n `overview-item__value_${size}`\r\n );\r\n\r\n const hideOnMobileClassName = useMemo(\r\n () =>\r\n classNames('overview-item', {\r\n 'hide-on-mobile': hideOnMobile,\r\n }),\r\n [hideOnMobile]\r\n );\r\n\r\n return (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nOverviewItem.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n htmlTitle: PropTypes.string,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\r\n size: PropTypes.oneOf(OVERVIEW_SIZES),\r\n type: PropTypes.oneOf(VALUE_TYPES),\r\n colored: PropTypes.bool,\r\n currency: PropTypes.string,\r\n hideOnMobile: PropTypes.bool,\r\n};\r\n\r\nOverviewItem.defaultProps = {\r\n htmlTitle: '',\r\n size: OVERVIEW_SIZE_LAGRE,\r\n type: TYPE_TEXT,\r\n colored: false,\r\n currency: '',\r\n hideOnMobile: false,\r\n};\r\n\r\nexport default OverviewItem;\r\n","export const TYPE_CURRENCY = 'currency';\r\nexport const TYPE_PERCENT = 'percent';\r\nexport const TYPE_NUMBER = 'number';\r\nexport const TYPE_TEXT = 'text';\r\n\r\nexport const VALUE_TYPES = [TYPE_CURRENCY, TYPE_PERCENT, TYPE_NUMBER, TYPE_TEXT];\r\n\r\nexport const OVERVIEW_SIZE_SMALL = 'small';\r\nexport const OVERVIEW_SIZE_LAGRE = 'large';\r\n\r\nexport const OVERVIEW_SIZES = [OVERVIEW_SIZE_SMALL, OVERVIEW_SIZE_LAGRE];\r\n","import React from 'react';\r\nimport { Title, ContentBox } from 'ui-library';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { OverviewPanel } from 'components/Overview';\r\nimport PageSection from 'components/PageSection/PageSection';\r\nimport { Preloader } from 'components/molecules/Preloader';\r\nimport PropTypes from 'prop-types';\r\nimport { NA } from 'static/na';\r\nimport OverviewItem from './OverviewItem';\r\nimport { TYPE_CURRENCY, TYPE_PERCENT, TYPE_NUMBER, TYPE_TEXT } from './constants';\r\n\r\nfunction Overview({ data, isLoading, error, performanceYTD }) {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n \r\n {formatValueByType(value, type, colored, getFormattedNumber)}\r\n \r\n {currency !== null && {currency}}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {data.Img && 
}\r\n
\r\n \r\n {data.Name} \r\n
\r\n \r\n {data.Contacts && (\r\n {\r\n sendGAEvent(\r\n GA_ACTIONS.viewRM,\r\n GA_CATEGORIES.contactRM,\r\n 'send_email'\r\n );\r\n }}\r\n href={data.Contacts[0].Icon.href}\r\n className=\"paragraph_secondary\"\r\n >\r\n {t('messages.sendMessage')}\r\n \r\n )}\r\n {data.PhoneNumber && !showPhone && (\r\n setPhone(true)}\r\n >\r\n {t('dashboard.relationshipManager.callNow')}\r\n \r\n )}\r\n {data.PhoneNumber && showPhone && (\r\n {\r\n sendGAEvent(\r\n GA_ACTIONS.viewRM,\r\n GA_CATEGORIES.contactRM,\r\n 'click_and_call'\r\n );\r\n }}\r\n href={`tel:${data.PhoneNumber}`}\r\n className=\"call-now\"\r\n >\r\n {data.PhoneNumber}\r\n \r\n )}\r\n
\r\n \r\n {label} \r\n
\r\n \r\n {Value} \r\n
\r\n \r\n {t('dashboard.profile.title')}\r\n {Profile}\r\n
\r\n\r\n {CellPercent(Performance)}
\r\n \r\n {data.map((item) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nDashboard.propTypes = {\r\n match: PropTypes.shape({\r\n params: PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n }),\r\n }).isRequired,\r\n contactId: PropTypes.number.isRequired,\r\n};\r\n\r\nDashboard.defaultProps = {};\r\n\r\nconst mapStateToProps = (state) => ({\r\n contactId: contactIdSelector(state),\r\n});\r\n\r\nexport default connect(mapStateToProps)(Dashboard);\r\n","import { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport ServiceManager from 'services/core/ServiceManager';\r\nimport AdapterError from 'errors/AdapterError';\r\nimport ServerError from 'errors/ServerError';\r\nimport { adaptParentsAllocations } from '../adapters/adaptParentsAllocations';\r\n\r\nexport const useParentsAllocations = (data, isLoading, currency) => {\r\n const [errorAllocation, setError] = useState(null);\r\n const [isLoadingAllocation, setLoading] = useState(true);\r\n const [investmentAllocation, setData] = useState({\r\n chart: [{ data: { pie: {}, bar: {}, list: {} } }],\r\n });\r\n const { i18n, t } = useTranslation();\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n\r\n if (!isLoading) {\r\n ServiceManager.commonService('getAssetClasses', [i18n.language])\r\n .then(({ data: assetClasses }) => {\r\n try {\r\n setData(adaptParentsAllocations(data, assetClasses, currency, t));\r\n setLoading(false);\r\n } catch (err) {\r\n throw new AdapterError(err);\r\n }\r\n })\r\n .catch((err) => {\r\n setData(adaptParentsAllocations(data, [], currency, t));\r\n setError(err.type !== undefined ? err : new ServerError(err));\r\n setLoading(false);\r\n });\r\n }\r\n }, [isLoading, i18n.language]);\r\n\r\n return { investmentAllocation, isLoadingAllocation, errorAllocation };\r\n};\r\n","import React from 'react';\r\nimport { Redirect, Route, Switch } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport Dashboard from './Dashboard';\r\n\r\nconst Router = (props) => {\r\n const {\r\n match: { path },\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n {t('dashboard.title')}\r\n {t('news.title')}\r\n \r\n \r\n {data?.[0]?.title}\r\n \r\n
\r\n \r\n \r\n {t('news.origin')}\r\n \r\n
\r\n \r\n
{data?.[0]?.date}
\r\n \r\n {data?.[0]?.fullContent}\r\n
\r\n \r\n \r\n {t('dashboard.title')}\r\n {t('news.title')}\r\n \r\n \r\n {newsItem.title}\r\n \r\n
\r\n \r\n
\r\n {isFactsheet && (\r\n // eslint-disable-next-line react/button-has-type\r\n \r\n {t('overview.downloadFactsheet')}\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nOverview.propTypes = {\r\n currency: PropTypes.string,\r\n positionCurrency: PropTypes.string,\r\n positionValue: PropTypes.number,\r\n units: PropTypes.string,\r\n quantity: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n price: PropTypes.number,\r\n costPrice: PropTypes.number,\r\n portfolioAllocation: PropTypes.number,\r\n onDownload: PropTypes.func,\r\n isFactsheet: PropTypes.bool,\r\n priceDate: PropTypes.string.isRequired,\r\n isDownLoading: PropTypes.bool,\r\n};\r\n\r\nOverview.defaultProps = {\r\n isDownLoading: false,\r\n currency: '',\r\n positionCurrency: '',\r\n positionValue: undefined,\r\n units: '',\r\n quantity: 0,\r\n price: undefined,\r\n costPrice: undefined,\r\n portfolioAllocation: undefined,\r\n onDownload: () => {},\r\n isFactsheet: false,\r\n};\r\n\r\nexport default Overview;\r\n","import { find } from 'lodash/fp';\r\nimport { getfromDataObject, validateData, validateNumber, NA } from 'utils/formatting';\r\n\r\nexport const adaptPortfolioDetails = (data, positionId, getFormatedDate, getFormattedNumber) => {\r\n const positions = data.Positions || [];\r\n const item = positions.length ? find(['Id', Number(positionId)], positions) : '';\r\n const customAttr = item.CustomAttributes ? JSON.parse(item.CustomAttributes) : {};\r\n\r\n return {\r\n securityId: item ? item.Security.Id : null,\r\n portfolioName: getfromDataObject(data, 'Name'),\r\n productId: getfromDataObject(data.Product, 'Id'),\r\n quantity: item ? item.Quantity || 0 : 0,\r\n units: item\r\n ? getFormattedNumber(validateNumber(item.Quantity), {\r\n maximumFractionDigits: 0,\r\n minimumFractionDigits: 0,\r\n })\r\n : 0,\r\n currency: validateData(\r\n item ? item.Security.Currency.CurrencyCode : data.Currency.CurrencyCode\r\n ),\r\n currencyId: validateData(item ? item.Security.Currency.Id : data.Currency.Id),\r\n positionCurrency: validateData(data.Currency.CurrencyCode),\r\n tradingPrice: item ? validateNumber(item.BuyPrice) : 0,\r\n priceDate: item.customAttr?.LastPriceDate\r\n ? getFormatedDate(item.customAttr.LastPriceDate)\r\n : NA,\r\n FxRate: item ? validateNumber(item.FxRate) : 0,\r\n factor: item && item?.Security.Factor ? validateNumber(item?.Security.Factor) : 1,\r\n portfolioAllocation: item ? validateNumber(item.Allocation) * 100 : 0,\r\n costPrice: item ? validateNumber(item.BuyPrice) : 0,\r\n performanceSP: validateNumber(customAttr.performanceSI),\r\n performanceYTD: validateNumber(customAttr.performanceYTD),\r\n };\r\n};\r\n","import { filter } from 'lodash/fp';\r\nimport { validateNumber } from 'utils/formatting';\r\n\r\nconst calcRoundingLot = (data) => (Math.log10(data) < 0 ? Math.abs(Math.log10(data)) : 0);\r\n\r\nexport const adaptSecurities = (data, { positionId }) => {\r\n const security = filter({ Id: Number(positionId) }, data.Securities);\r\n\r\n return {\r\n securityId: security.Id,\r\n name: security[0] ? security[0].Name : '',\r\n price: security[0] ? validateNumber(security[0].TradingPrice) : 0,\r\n tradingUnit: security[0] ? validateNumber(security[0].TradingUnit) : 0,\r\n roundingLot:\r\n security[0] && security[0].RoundingLot && security[0].RoundingLot > 0\r\n ? calcRoundingLot(security[0].RoundingLot)\r\n : 0,\r\n };\r\n};\r\n","import { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport ServiceManager from 'services/core/ServiceManager';\r\n\r\nconst securityDetailsAdapter = (data) => {\r\n const customAttr = data.CustomAttributes ? JSON.parse(data.CustomAttributes) : {};\r\n\r\n return {\r\n ...data,\r\n performanceYTD: Math.round(customAttr.performanceYTD * 10000) / 100,\r\n };\r\n};\r\n\r\nexport const useSecurityDetails = (securityId) => {\r\n const [securityDetails, setData] = useState(null);\r\n const [isLoading, setLoading] = useState(false);\r\n const [isError, setError] = useState(null);\r\n const { i18n } = useTranslation();\r\n\r\n useEffect(() => {\r\n if (securityId) {\r\n setLoading(true);\r\n\r\n ServiceManager.instrumentsService('getSecurity', [securityId, i18n.language])\r\n .then((response) => {\r\n setData(securityDetailsAdapter(response.data));\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setError(error);\r\n setLoading(false);\r\n });\r\n }\r\n }, [securityId]);\r\n\r\n return { securityDetails, isLoading, isError };\r\n};\r\n","import React, { useCallback, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n Accordion,\r\n AccordionPanel as Panel,\r\n ContentBox,\r\n Title,\r\n Row,\r\n Column,\r\n BreadCrumbs,\r\n Button,\r\n} from 'ui-library';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { contactIdSelector } from 'redux/auth/authSelectors';\r\nimport { Preloader } from 'components/molecules/Preloader';\r\nimport history from 'services/core/history';\r\nimport { createBlobFile, openDocumentUrl } from 'utils/documentUtils';\r\nimport { getSecurityFactsheet } from 'services/custom/getSecurityFactsheet';\r\nimport { useFormatting } from 'locale';\r\n\r\nimport { GA_ACTIONS, GA_CATEGORIES, sendGAEvent } from 'utils/analytics';\r\nimport Overview from './components/Overview';\r\nimport { adaptPortfolioDetails } from './adapters/adaptPortfolioDetails';\r\nimport { adaptSecurities } from './adapters/adaptSecurities';\r\nimport { usePortfolioDetails } from '../../../common/hooks/usePortfolioDetails';\r\nimport { useSecuritiesSearch } from '../../../common/hooks/useSecuritiesSearch';\r\nimport { useSecurityDetails } from '../../../common/hooks/useSecurityDetails';\r\n\r\nfunction PositionDetailsOverview(props) {\r\n const {\r\n match: {\r\n params: { positionId, portfolioId, productId, tabId },\r\n },\r\n contactId: clientId,\r\n } = props;\r\n\r\n const [isDownLoading, setLoading] = useState(false);\r\n\r\n const {\r\n dataPortfolioDetails,\r\n isLoadingPortfolioDetails,\r\n errorPortfolioDetails,\r\n } = usePortfolioDetails(adaptPortfolioDetails, clientId, portfolioId, positionId);\r\n\r\n const { getFormattedDate } = useFormatting();\r\n const { i18n } = useTranslation();\r\n\r\n const { securityDetails } = useSecurityDetails(dataPortfolioDetails.securityId);\r\n const securityPriceDate = getFormattedDate(securityDetails?.PriceHistory[0]?.Date);\r\n\r\n const onDownloadFactsheet = useCallback(() => {\r\n setLoading(true);\r\n getSecurityFactsheet(securityDetails, i18n.language)\r\n .then((data) => {\r\n const newBlob = createBlobFile(data);\r\n\r\n openDocumentUrl(newBlob);\r\n sendGAEvent(GA_ACTIONS.factsheet, GA_CATEGORIES.download, newBlob.fileName);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n // eslint-disable-next-line no-console\r\n console.log(error);\r\n setLoading(false);\r\n });\r\n }, [securityDetails]);\r\n\r\n const { dataSecurities, isLoadingSecurities, errorSecurities } = useSecuritiesSearch(\r\n adaptSecurities,\r\n portfolioId,\r\n productId,\r\n null,\r\n positionId\r\n );\r\n\r\n const { t } = useTranslation();\r\n const defaultActiveKeyList = tabId === '1' ? ['1'] : ['1', '2'];\r\n\r\n return (\r\n \r\n
\r\n \r\n {showFullView && (\r\n
\r\n {showFullView && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {t('portfolios.title')}\r\n \r\n {dataPortfolioDetails.portfolioName}\r\n \r\n \r\n \r\n {securityDetails?.Name}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n history.goBack()}\r\n >\r\n {t('position.back')}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {t('portfolios.updated')}\r\n \r\n {data.updateDate}\r\n
\r\n {/*\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {t('activation.activationSuccess')} \r\n {\r\n history.push('/login');\r\n }}\r\n >\r\n {t('activation.Login')}\r\n \r\n ) : (\r\n {\r\n history.push(\r\n `/reset-password/${user.username}/${activationKey}`\r\n );\r\n }}\r\n >\r\n {t('activation.setPassword')}\r\n \r\n )}\r\n
\r\n );\r\n case 2:\r\n return (\r\n \r\n {user.username\r\n ? t('activation.usernameAccountCreated', {\r\n username: user.username,\r\n })\r\n : t('activation.youtAccountCreated')}\r\n
\r\n {user.isPasswordSet ? (\r\n\r\n {t('activation.activationError')} \r\n
\r\n );\r\n default:\r\n return null;\r\n }\r\n }\r\n}\r\n\r\nUserActivation.propTypes = {\r\n match: PropTypes.shape({\r\n path: PropTypes.string,\r\n url: PropTypes.string,\r\n isExact: PropTypes.bool,\r\n params: PropTypes.shape({\r\n activationKey: PropTypes.string,\r\n }),\r\n }).isRequired,\r\n t: PropTypes.func.isRequired,\r\n};\r\n\r\nUserActivation.defaultProps = {};\r\n\r\nUserActivation.displayName = 'UserActivation';\r\n","export const userSelect = (data) => ({\r\n isPasswordSet: data.IsPasswordSet,\r\n username: data.UserName,\r\n contactId: data.ContactId,\r\n});\r\n","import { useEffect, useState, useCallback } from 'react';\r\nimport DocumentsService from 'additiv-services/dist/services/core/documents';\r\nimport { useTranslation } from 'react-i18next';\r\nimport AdapterError from 'errors/AdapterError';\r\nimport { addDaysToDate, subtractUnits } from 'utils/datetime';\r\nimport { createBlobFile, openDocumentUrl } from 'utils/documentUtils';\r\nimport ServerError from 'errors/ServerError';\r\nimport { useFormatting } from 'locale';\r\nimport { GA_ACTIONS, GA_CATEGORIES, sendGAEvent } from 'utils/analytics';\r\nimport { adaptDocuments, getNames } from '../adapters/adaptDocument';\r\n\r\nexport default (clientId) => {\r\n const [error, setError] = useState(null);\r\n const [isLoading, setLoading] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [names, setNames] = useState([]);\r\n const [dataChecked, setDataChecked] = useState([]);\r\n const { t } = useTranslation();\r\n const { getFormattedDate } = useFormatting();\r\n\r\n const config = {\r\n ownerIds: [clientId],\r\n // Set startSate to solve NS-687\r\n startDate: subtractUnits(new Date(), 100, 'years'),\r\n endDate: addDaysToDate(new Date(), 1),\r\n };\r\n\r\n const onClientListChecked = ({ id, name }) => ({ target: { checked } }) => {\r\n if (checked) setDataChecked((oldArray) => [...oldArray, { id, name }]);\r\n else {\r\n setDataChecked((oldArray) => {\r\n const index = oldArray.findIndex((item) => item.id === id);\r\n\r\n return [...oldArray.slice(0, index), ...oldArray.slice(index + 1)];\r\n });\r\n }\r\n };\r\n\r\n const downloadDocument = useCallback((documentId, contactId) => {\r\n DocumentsService.downloadDocument(documentId, contactId)\r\n .then((response) => {\r\n try {\r\n const newBlob = createBlobFile(response.data);\r\n\r\n sendGAEvent(GA_ACTIONS.document, GA_CATEGORIES.download, newBlob.fileName);\r\n openDocumentUrl(newBlob);\r\n } catch (err) {\r\n throw new AdapterError(err);\r\n }\r\n })\r\n .catch((err) => {\r\n setError(err.type !== undefined ? err : new ServerError(err));\r\n setLoading(false);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n DocumentsService.getDocuments(config)\r\n .then((response) => {\r\n try {\r\n const adaptedData = adaptDocuments(\r\n response.data,\r\n downloadDocument,\r\n t,\r\n getFormattedDate\r\n );\r\n\r\n setData(\r\n adaptedData.map((item) => ({\r\n ...item,\r\n showToCustomer: {\r\n ...item.showToCustomer,\r\n onChecked: onClientListChecked(item),\r\n },\r\n }))\r\n );\r\n setNames(getNames(adaptedData));\r\n setLoading(false);\r\n } catch (err) {\r\n throw new AdapterError(err);\r\n }\r\n })\r\n .catch((err) => {\r\n setError(err.type !== undefined ? err : new ServerError(err));\r\n setLoading(false);\r\n });\r\n }, []);\r\n\r\n return {\r\n data,\r\n dataChecked,\r\n names,\r\n isLoading,\r\n error,\r\n };\r\n};\r\n","import { checkNullData, stripHtmlTags } from 'utils';\r\nimport { dateTimeFormats } from 'locale';\r\n\r\nexport const getNames = (data) => {\r\n const listOfNames = new Set();\r\n\r\n data.forEach((val) => listOfNames.add(val.name));\r\n\r\n return [...listOfNames];\r\n};\r\n\r\nexport const adaptDocuments = (data, downloadDocument, t, getFormattedDate) => {\r\n if (checkNullData(data)) return [];\r\n\r\n return data.map(\r\n ({\r\n Id,\r\n OwnerId,\r\n ValidTill,\r\n CreateDate,\r\n ExternalId,\r\n OriginalFilename,\r\n RetrieveFileAsName,\r\n DocumentMetadata: {\r\n Name,\r\n IsActive,\r\n OutputFilename,\r\n ShowToCustomer,\r\n DmsDocumentCategoryName,\r\n },\r\n }) => {\r\n if (checkNullData(data)) return [];\r\n\r\n const documentName = RetrieveFileAsName || stripHtmlTags(Name || OutputFilename);\r\n\r\n return {\r\n id: Id,\r\n showToCustomer: {\r\n value: '',\r\n selected: ShowToCustomer,\r\n },\r\n name: documentName,\r\n nameCol: {\r\n link: `/documents/${Id}/owner/${OwnerId}`,\r\n value: documentName,\r\n onDownload: downloadDocument,\r\n },\r\n valid: getFormattedDate(ValidTill, {\r\n hour: dateTimeFormats.NUMERIC,\r\n minute: dateTimeFormats.NUMERIC,\r\n second: dateTimeFormats.NUMERIC,\r\n }),\r\n isActive: t(`advisoryDashboard.documents.${IsActive ? 'yes' : 'no'}`),\r\n filename: OriginalFilename || '',\r\n category: DmsDocumentCategoryName || '',\r\n contactId: OwnerId,\r\n externalId: ExternalId,\r\n createDate: getFormattedDate(CreateDate, {\r\n hour: dateTimeFormats.NUMERIC,\r\n minute: dateTimeFormats.NUMERIC,\r\n second: dateTimeFormats.NUMERIC,\r\n }),\r\n icon: '',\r\n };\r\n }\r\n );\r\n};\r\n","import { CellPDFView } from 'components/renderers';\r\nimport { sorterByDate, sorterString } from 'utils/sorting';\r\n\r\nexport default (t) => [\r\n {\r\n key: 'nameCol',\r\n title: t('clientDashboard.documents.name'),\r\n width: 200,\r\n render: CellPDFView,\r\n sortable: true,\r\n sorter: sorterString('nameCol.value'),\r\n },\r\n {\r\n key: 'createDate',\r\n title: t('clientDashboard.documents.createDate'),\r\n width: 160,\r\n minWidth: 160,\r\n sorter: sorterByDate('createDate'),\r\n sortable: true,\r\n className: 'table-cell__date',\r\n },\r\n {\r\n key: 'icon',\r\n title: '',\r\n titleType: 'columns',\r\n width: 20,\r\n className: 'text-right',\r\n },\r\n];\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { contactIdSelector } from 'redux/auth/authSelectors';\r\nimport { ContentBox, Table, Title } from 'ui-library';\r\nimport PageSection from 'components/PageSection/PageSection';\r\nimport { Preloader } from 'components/molecules/Preloader';\r\nimport { EmptyContent } from 'components/molecules/EmptyContent';\r\n\r\nimport useDocuments from './hooks/useDocument';\r\nimport getColumns from './constants';\r\n\r\nimport './Documents.css';\r\n\r\n// eslint-disable-next-line react/prop-types\r\nfunction Documents({ contactId: clientId, t }) {\r\n const { data, isLoading, error } = useDocuments(clientId);\r\n\r\n return (\r\n {`${t('activation.activationFailed')} `}
\r\n\r\n \r\n {t('advisoryDashboard.title')}\r\n \r\n {t('advisoryDashboard.documents.title')}\r\n \r\n \r\n \r\n {data.name}\r\n \r\n
\r\n \r\n
\r\n \r\n NS Partners provides you with an online access to your portfolio(s) directly on\r\n a dedicated secured website and application: NS Connect.\r\n
\r\n\r\n The successful completion of the IT integration of transactional flows with our\r\n main banking partners has made possible such a service. Assets prices are also\r\n regularly updated. Please note the website and the app are not intended for\r\n direct transactions. In addition, we remind you that only bank documents shall\r\n be used for all your tax and regulatory reporting needs.\r\n
\r\nYou will find below the procedure to follow to benefit from this service.
\r\n\r\n For increased security, we have chosen for both the website and application a\r\n two-factor authentication method.\r\n
\r\n\r\n Once you have set your password via the link provided to this effect in the\r\n email you just received from no-reply@{NsTopDomain}\r\n, please proceed as\r\n explained below.\r\n
\r\n1. For access through the application
\r\n\r\n Download the NS Connect app from the AppStore or GooglePlay on your smartphone\r\n or tablet. You can also scan the QR code below.\r\n
\r\n \r\n\r\n \r\n 
\r\n AppStore \r\n \r\n \r\n 
\r\n GooglePlay \r\n \r\n
\r\n \r\n Enter your username and password. Your smartphone or tablet will use the Facial\r\n Recognition ("Face ID") option to authenticate you.\r\n
\r\n2. For access through the website
\r\n\r\n Go to \r\n \r\n nsconnect.{NsTopDomain}\r\n \r\n (do not use Internet Explorer as a browser).\r\n
\r\nEnter your username and password.
\r\n\r\n You will be prompted to download the Futurae app (Futurae Technologies AG) from\r\n the App Store or GooglePlay on your smartphone or tablet. This will allow you to\r\n authenticate yourself. Please simply follow the steps indicated as you proceed\r\n on NS Connect, summarized hereafter.\r\n
\r\n\r\n For the first use only, you are invited to register your smartphone or tablet on\r\n the Futurae app. To do this, re-enter your username and password on your\r\n computer, then open the Futurae application on your device and scan the QR code\r\n that appears on your computer.\r\n
\r\nYour device is registered, you are now ready to log in.
\r\nEnter your username and password.
\r\n\r\n Then enter the 6-digit code that will be given to you when opening the Futurae\r\n application on your smartphone or tablet. This will systematically be necessary\r\n for each connection, in order to identify you.\r\n
\r\n\r\n Do not hesitate to call your relationship manager or one of our employees,\r\n especially during the first connection and the first uses of the product.\r\n
\r\n\r\n NS Partners met à votre disposition un accès pour la consultation de l’ensemble\r\n de vos comptes confiés en gestion directement sur un site internet dédié et sur\r\n une application mobile: NS Connect.\r\n
\r\n\r\n L’aboutissement du travail d’intégration informatique des flux transactionnels\r\n avec nos principaux partenaires bancaires a rendu possible un tel service. Les\r\n prix des actifs investis sont également régulièrement mis à jour. Le site et\r\n l’application n’ont pas pour but d’effectuer directement des transactions. De\r\n plus, nous vous rappelons que seuls les documents des banques font foi pour tous\r\n vos besoins de rapports fiscaux et réglementaires.\r\n
\r\n\r\n Nous avons le plaisir de vous indiquer ci-après la marche à suivre pour\r\n bénéficier de ce service. Pour une sécurité renforcée, nous avons choisi, que ce\r\n soit pour le site ou l’application, une méthode d’authentification à deux\r\n facteurs.\r\n
\r\n\r\n Après avoir initialisé votre mot de passe grâce au lien fournit à cet effet via le\r\n mail que vous venez de recevoir de no-reply@{NsTopDomain}, veuillez procéder comme\r\n suit:\r\n
\r\n\r\n1. Pour l’accès par l’application
\r\n\r\n Téléchargez l’application NS Connect depuis l’AppStore ou GooglePlay sur votre\r\n smartphone ou tablette. Vous pouvez également scanner le code QR ci-dessous.\r\n
\r\n\r\n \r\n \r\n AppStore \r\n \r\n \r\n \r\n GooglePlay \r\n \r\n
\r\n \r\n Saisissez votre nom d’utilisateur et mot de passe. Votre smartphone ou tablette\r\n utilisera l’option Reconnaissance Facial ("Face ID") pour vous\r\n authentifier.\r\n
\r\n\r\n2. Pour l’accès par le site
\r\n\r\n Rendez-vous sur la page \r\n \r\n nsconnect.{NsTopDomain}\r\n \r\n (ne pas utiliser Internet Explorer comme browser).\r\n
\r\n\r\n Vous serez invité à télécharger l’application Futurae (Futurae Technologies AG)\r\n depuis l’AppSstore ou GooglePlay sur votre smartphone ou tablette. Celle-ci vous\r\n permettra de vous authentifier.\r\n
\r\n\r\n Saisissez votre nom d’utilisateur et choisissez votre mot de passe. Vous serez\r\n invité à télécharger l’application Futurae (Futurae Technologies AG) sur votre\r\n smartphone ou tablette. Celle-ci permettra de vous identifier lors de vos\r\n connexions. Il vous suffit de suivre les étapes indiquées à l’écran, et résumées\r\n ci-après.\r\n
\r\n\r\n Pour la première utilisation uniquement, vous devez enregistrer votre smartphone\r\n ou tablette. Pour ce faire, saisissez votre nom d’utilisateur et mot de passe\r\n sur votre ordinateur puis ouvrez l’application Futurae sur votre appareil et\r\n scannez le QR code qui apparait sur votre ordinateur.\r\n
\r\n\r\n Votre appareil est désormais reconnu, vous êtes maintenant prêt pour vous\r\n connecter.\r\n
\r\nSaisissez votre nom d’utilisateur et votre mot de passe.
\r\n\r\n Puis entrez le code à 6 chiffres qui vous sera donné en ouvrant l’application\r\n Futurae sur votre smartphone ou tablette. Ceci vous sera systématiquement\r\n demandé à chaque connexion, afin de vous identifier.\r\n
\r\n\r\n\r\n N’hésitez pas à faire appel à nos collaborateurs et à votre chargé de relation,\r\n notamment lors de la première connexion et des premières utilisations du\r\n produit.\r\n
\r\n\r\n NS Partners bietet Ihnen einen direkten Online-Zugang zu Ihrem Portfolio/Ihren\r\n Portfolios über eine entsprechende Website und App: NS Connect.\r\n
\r\n\r\n Der erfolgreiche Abschluss der IT-Integration der Transaktionsströme mit unseren\r\n wichtigsten Bankpartnern hat diesen Service ermöglicht. Auch die Daten der\r\n Vermögenswerte werden regelmässig aktualisiert. Die Website und die App sind\r\n nicht für direkte Transaktionen bestimmt. Wir möchten Sie auch daran erinnern,\r\n dass für Ihre steuerlichen und aufsichtsrechtlichen Meldungen ausschliesslich\r\n Bankbelege zu verwenden sind.\r\n
\r\n\r\n Nachstehend ist das Verfahren beschrieben, mit dem Sie diesen Service nutzen\r\n können.\r\n
\r\n\r\n Um Ihnen eine erhöhte Sicherheit zu bieten, haben wir sowohl die Website als\r\n auch die App mit einer Zwei-Faktor-Authentifizierung ausgestattet.\r\n
\r\n\r\n Sie haben gerade eine E-Mail von no-reply@{NsTopDomain} erhalten. Nachdem\r\n Sie über den darin enthaltenen Link Ihr Passwort festgelegt haben, gehen Sie\r\n bitte wie nachstehend beschrieben vor.\r\n
\r\n\r\n1. Zugang über die App
\r\n\r\n Laden Sie die NS Connect App aus dem App Store oder von Google Play auf Ihr\r\n Smartphone oder Tablet. Sie können dazu auch den unten angezeigten QR-Code\r\n scannen.\r\n
\r\n\r\n \r\n \r\n App Store \r\n \r\n\r\n \r\n \r\n Google Play \r\n \r\n
\r\n \r\n Geben Sie Ihren Benutzernamen und Ihr Passwort ein. Ihr Smartphone oder Tablet\r\n verwendet die Gesichtserkennung ("Face ID"), um Sie zu\r\n authentifizieren.\r\n
\r\n\r\n2. Zugang über die Website
\r\n\r\n Rufen Sie folgende Seite auf: \r\n \r\n nsconnect.{NsTopDomain}\r\n \r\n (verwenden Sie nicht den Internet Explorer als Browser).\r\n
\r\nGeben Sie Ihren Benutzernamen und Ihr Passwort ein.
\r\n\r\n Sie werden aufgefordert, die Futurae-App (Futurae Technologies AG) aus dem App\r\n Store oder von Google Play auf Ihr Smartphone oder Tablet herunterzuladen. Mit\r\n dieser App können Sie sich authentifizieren. Folgen Sie bitte einfach den in NS\r\n Connect angezeigten Schritten, die nachstehend zusammengefasst werden.\r\n
\r\n\r\n Bei der ersten Nutzung werden Sie aufgefordert, Ihr Smartphone oder Tablet in\r\n der Futurae-App zu registrieren. Geben Sie dazu auf Ihrem Computer erneut Ihren\r\n Benutzernamen und Ihr Passwort ein, öffnen Sie anschliessend die Futurae-App auf\r\n Ihrem Gerät und scannen Sie den von Ihrem Computer angezeigten QR-Code.\r\n
\r\nIhr Gerät ist nun registriert und Sie können sich einloggen.
\r\nGeben Sie Ihren Benutzernamen und Ihr Passwort ein.
\r\n\r\n\r\n Geben Sie dann den 6-stelligen Code ein, den Sie beim Öffnen der Futurae-App auf\r\n Ihrem Smartphone oder Tablet erhalten. Dieser Code wird bei jeder Verbindung\r\n systematisch abgefragt, um Sie zu identifizieren.\r\n
\r\n\r\n Bitte wenden Sie sich bei Fragen an Ihren Kundenberater oder einen unserer\r\n Mitarbeiter, insbesondere \\ bei Ihrer ersten Anmeldung und Verwendung des\r\n Produkts.\r\n
\r\n\r\n NS Partners vi fornisce un accesso on line al vostro portafoglio(i) direttamente\r\n su un'app e un sito web appositi: NS Connect.\r\n
\r\n\r\n Tale servizio è stato reso possibile grazie a l'automatizzazione e a l'integrazione\r\n informatica relativa dei flussi transazionali con i nostri principali partner bancari.\r\n L'app e il sito web non sono progettati per eseguire delle transazioni in diretta.\r\n Vi ricordiamo inoltre che solamente i documenti bancari saranno utilizzati per\r\n l'insieme delle vostre esigenze fiscali e di notificazione normativa.\r\n
\r\nDi seguito troverete la procedura da seguire per attivare questo servizio.
\r\n\r\n Per una maggiore sicurezza, sia per il sito web che per l'app abbiamo\r\n selezionato un metodo di autenticazione a due fattori.\r\n
\r\n\r\n Una volta impostata la vostra password tramite il link fornito a tal scopo nell'e-mail\r\n che avete appena ricevuto da no-reply@{NsTopDomain}, vi preghiamo di procedere come\r\n illustrato di seguito.\r\n
\r\n\r\n1. Per l'accesso via l'app Scaricate da Play Store o App Store l'app NS Connect sul vostro\r\n smartphone o tablet. Avete anche la possibilità di scannerizzare il codice QR riportato di\r\n seguito.\r\n
\r\n\r\n\r\n \r\n \r\n Play Store \r\n \r\n \r\n \r\n App Store \r\n \r\n
\r\n\r\n Digitate il vostro nome d'utente e la password.
\r\n\r\n Il vostro smartphone o tablet utilizzerà l'opzione di riconoscimento facciale\r\n ("Face ID") per l'autoidentificazione.\r\n
\r\n\r\n2. Per l'accesso via il sito web
\r\n\r\n Andate sulla pagina \r\n \r\n nsconnect.{NsTopDomain}\r\n \r\n (non utilizzate Internet Explorer come browser).\r\n
\r\nDigitate il vostro nome d'utente e la password.
\r\n\r\n Vi verrà richiesto di scaricare da App Store o GooglePlay l'app\r\n Futurae (Futurae Technologies AG) sul vostro smartphone o tablet.\r\n Così facendo avrete la possibilità di procedere alla vostra autentificazione.\r\n Vi preghiamo di seguire i passaggi indicati mano a mano che proseguite su NS Connect\r\n qui di seguito riassunti.\r\n
\r\n\r\n Unicamente per il primo utilizzo, siete invitati a registrare il vostro smartphone o tablet\r\n sull'app Futurae. Per procedere in tal senso, digitate il vostro nome utente e la password\r\n sul vostro computer, in seguito accedete all'app Futurae dal vostro dispositivo e scannerizzare\r\n il codice QR che appare sul vostro computer.\r\n
\r\n\r\n Il vostro dispositivo è adesso registrato, potete quindi effettuare il vostro login.\r\n
\r\nDigitate il vostro nome d'utente e la password.
\r\n\r\n\r\n In seguito digitate il codice di 6 cifre che vi sarà fornito al momento dell'accesso all'app\r\n Futurae dal vostro smartphone o tablet. Tale passaggio vi sarà chiesto sistematicamente ad ogni\r\n connessione per procedere alla vostra identificazione.\r\n
\r\n\r\n
\r\n Non esitate a contattare il vostro relationship manager soprattutto nel corso della prima connessione\r\n e durante le prime fasi di utilizzo del prodotto.\r\n
\r\n \r\n\r\n A NS Partners disponibiliza-lhe acesso online à (s) sua(s) carteira(s)\r\n diretamente através de um site Web e aplicação especÃfca: NS Connect.\r\n
\r\n\r\n Este serviço foi possÃvel graças à integração informática dos fluxos transacionais\r\n com os nossos principais parceiros da banca. Os dados dos ativos são atualizados\r\n regularmente. O site Web e a aplicação, não se destinam a efetuar transações.\r\n GostarÃamos de recordar que apenas os documentos bancários, deverão ser usados\r\n para efeitos de cumprimento das obrigações fiscais e regulatórias.\r\n
\r\n\r\n Em seguida, apresentamos-lhe os passos a seguir para beneficiar deste serviço.\r\n
\r\n\r\n Para garantir uma maior segurança, optámos pelo método de autentificação de dois fatores,\r\n tanto para o site Web como para a aplicação.\r\n
\r\n\r\n Depois de definir a password através da ligação fornecida para o efeito, no email que acabou de\r\n receber da no-reply@{NsTopDomain}, siga os passos indicados abaixo.\r\n
\r\n\r\n1. Para aceder através da aplicação
\r\n\r\n Transfira a aplicação NS Connect a partir da AppStore ou GooglePlay ara o seu smartphone ou tablet.\r\n Também pode ler o código QR abaixo.\r\n
\r\n\r\n \r\n \r\n AppStore \r\n \r\n \r\n \r\n GooglePlay \r\n \r\n
\r\n \r\n Insira o nome de utilizador e a password. O seu smartphone ou tablet,\r\n utilizará a opção de reconhecimento facial ("Face ID") ara proceder\r\n à sua autenticação.\r\n
\r\n\r\n2. Para aceder através do sÃtio Web
\r\n\r\n Vá à seguinte página: \r\n \r\n nsconnect.{NsTopDomain}\r\n \r\n (não utilize o navegador Internet Explorer).\r\n
\r\nInsira o nome de utilizador e a password.
\r\n\r\n Ser-lhe-á pedido que transfira a aplicação Futurae (Futurae Technologies AG) da AppStore\r\n ou GooglePlay para o seu smartphone ou tablet.\r\n Tal servirá para proceder à sua autenticação. Queira seguir os passos\r\n indicados na NS Connect, resumidos abaixo.\r\n
\r\n\r\n Apenas aquando da primeira utilização, será convidado a registar o seu smartphone ou tablet\r\n na aplicação Futurae. Para tal, volte a introduzir o nome de utilizador e palavra-passe no seu\r\n computador, em seguida, abra a aplicação Futurae no seu dispositivo e leia o código QR que aparece\r\n no computador.\r\n
\r\nO seu dispositivo está registado e já pode iniciar sessão.
\r\nInsira o nome de utilizador e a password.
\r\n\r\n De seguida, insira o código de 6 dÃgitos indicado quando abre a aplicação Futurae, no seu smartphone\r\n ou tablet. Sempre que quiser iniciar sessão terá de indicar este código para fins de autenticação.\r\n
\r\n\r\n Não hesite em contactar o seu gestor ou um dos nossos funcionários,\r\n especialmente da primeira vez que se ligar e utilizar o produto.\r\n
\r\n\r\n NS Partners le ofrece un acceso directo a su(s) cartera(s) a través de un sitio\r\n web dedicado y una aplicación móvil: NS Connect.\r\n
\r\n\r\n Este servicio ha sido posible gracias a la integración informática de los flujos\r\n de transacciones con nuestras principales contrapartes bancarias. Los precios de\r\n los activos también están actualizados regularmente. El sitio web y la\r\n aplicación móvil no permiten realizar transacciones. Además, le recordamos que\r\n solo se utilizarán documentos bancarios para todos sus requisitos de declaración\r\n fiscal y reglamentaria.\r\n
\r\n\r\n Consulte abajo el procedimiento que deberá seguir para beneficiarse de este\r\n servicio.\r\n
\r\n\r\n Para una mayor seguridad, hemos elegido un método de doble autenticación tanto\r\n para el sitio web como para la aplicación.\r\n
\r\n\r\n Cuando haya configurado su contraseña a través del enlace proporcionado en el\r\n correo electrónico que acaba de recibir de no-reply@{NsTopDomain}\r\n , proceda según se explica abajo.\r\n
\r\n\r\n1. Para acceder a través de la aplicación
\r\n\r\n Descargue la aplicación NS Connect en Play Store o App Store en su smartphone o\r\n tableta. También puede escanear el código QR que figura abajo.\r\n
\r\n\r\n \r\n \r\n Play Store \r\n \r\n \r\n \r\n App Store \r\n \r\n
\r\n \r\n Introduzca su nombre de usuario y contraseña. Su smartphone o tableta utilizarán\r\n la opción de reconocimiento facial ("Face ID") para autenticarle.\r\n
\r\n\r\n2. Para acceder a través del sitio web
\r\n\r\n Vaya a la página siguiente: \r\n \r\n nsconnect.{NsTopDomain}\r\n \r\n (no utilice el navegador Internet Explorer).\r\n
\r\nIntroduzca su nombre de usuario y contraseña.
\r\n\r\n Se le pedirá que descargue la aplicación Futurae (Futurae Technologies AG) en la\r\n App Store o GooglePlay de su smartphone o tableta. Esto le permitirá\r\n autenticarse. Siga los pasos que se indican según avanza en NS Connect, los\r\n cuales se resumen a continuación.\r\n
\r\n\r\n La primera vez que lo use, se le pedirá que registre su smartphone o tableta en\r\n la aplicación Futurae. Para ello, vuelva a introducir su nombre de usuario y\r\n contraseña en su ordenador. A continuación, abra la aplicación Futurae en su\r\n dispositivo y escanee el código QR que aparecerá en su ordenador.\r\n
\r\nSu dispositivo está registrado y usted ya está listo para iniciar sesión.
\r\n\r\nIntroduzca su nombre de usuario y contraseña.
\r\n\r\n A continuación, introduzca el código de seis dÃgitos que le facilita la\r\n aplicación Futurae cuando se abre en su smartphone o tableta. Esa etapa será\r\n necesaria a cada conexión, para identificarle.\r\n
\r\n\r\n No dude en ponerse en contacto con su gestor de cartera o con cualquier de\r\n nuestros empleados, especialmente durante la primera conexión y las primeras\r\n veces que use el producto.\r\n
\r\n${t('faq.typesOfPersonalDataAvailable.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.whereDataStored.heading',\r\n content: `${t('faq.whereDataStored.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.whenDataUpdated.heading',\r\n content: `${t('faq.whenDataUpdated.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.datesUsedForChartSelections.heading',\r\n content: `${t('faq.datesUsedForChartSelections.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.startDateRefers.heading',\r\n content: `${t('faq.startDateRefers.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.anotherEmail.heading',\r\n content: `${t('faq.anotherEmail.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.subscribeToNews.heading',\r\n content: `${t('faq.subscribeToNews.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.seeLiveData.heading',\r\n content: `${t('faq.seeLiveData.paragraph')}
`,\r\n },\r\n {\r\n title: 'faq.secureMyConnection.heading',\r\n content: `\r\n\r\n ${t('faq.secureMyConnection.paragraph.weUseAppropriateTech')}\r\n
\r\n ${t('faq.secureMyConnection.paragraph.basicSecurityRecommended')}\r\n
- \r\n
- ${t('faq.secureMyConnection.list.selectKnownProvider')} \r\n
- ${t('faq.secureMyConnection.list.preferSecureWifi')} \r\n
- ${t('faq.secureMyConnection.list.installAntivirus')} \r\n
- ${t('faq.secureMyConnection.list.updateFireWall')} \r\n
- ${t('faq.secureMyConnection.list.installOsUpdates')} \r\n
- ${t('faq.secureMyConnection.list.installTrustedSoftware')} \r\n
- ${t('faq.secureMyConnection.list.useLatestBrowserVersion')} \r\n
- ${t('faq.secureMyConnection.list.checkCertificate')} \r\n
- ${t('faq.secureMyConnection.list.logOutFormSession')} \r\n
- ${t('faq.secureMyConnection.list.cleanCache')} \r\n
\r\n ${t('faq.portfolioPerformanceCalculation.paragraph.accordingTWR')}\r\n
\r\n ${t('faq.portfolioPerformanceCalculation.paragraph.thisMethodCalculates')}\r\n
\r\n ${t('faq.assetPerformanceCalculation.paragraph.assetsAreInstruments')}\r\n
\r\n ${t('faq.assetPerformanceCalculation.paragraph.calculatedAsFollows')}\r\n
\r\n ${t('faq.assetPerformanceCalculation.paragraph.costPriceWeighted')}\r\n
\r\n ${t('faq.strategyDictionary.cash')}: \r\n ${t('faq.strategyDefinition.cash')}\r\n
\r\n\r\n ${t('faq.strategyDictionary.currencyHedge')}: \r\n ${t('faq.strategyDefinition.currencyHedge')}\r\n
\r\n\r\n ${t('faq.strategyDictionary.fixedIncome')}: \r\n ${t('faq.strategyDefinition.fixedIncome')}\r\n
\r\n\r\n ${t('faq.strategyDictionary.equities')}: \r\n ${t('faq.strategyDefinition.equities')}\r\n
\r\n\r\n ${t('faq.strategyDictionary.absoluteReturn')}: \r\n ${t('faq.strategyDefinition.absoluteReturn')}\r\n
\r\n\r\n ${t('faq.strategyDictionary.gold')}: \r\n ${t('faq.strategyDefinition.gold')}\r\n
\r\n\r\n ${t('faq.strategyDictionary.loan')}: \r\n ${t('faq.strategyDefinition.loan')}\r\n\r\n
\r\n ${t('faq.strategyDictionary.longTermCommitment')}: \r\n ${t('faq.strategyDefinition.longTermCommitment')}\r\n
\r\n `,\r\n },\r\n {\r\n title: 'faq.subSrategyDictionary.heading',\r\n content: `\r\n\r\n ${t('faq.subSrategyDictionary.cash')}: \r\n ${t('faq.subSrategyDefinition.cash')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.currencyHedge')}: \r\n ${t('faq.subSrategyDefinition.currencyHedge')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.credit')}: \r\n ${t('faq.subSrategyDefinition.credit')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.globalBonds')}: \r\n ${t('faq.subSrategyDefinition.globalBonds')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.emergingBonds')}:\r\n ${t('faq.subSrategyDefinition.emergingBonds')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.equitiesLong')}:\r\n ${t('faq.subSrategyDefinition.equitiesLong')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.equitiesLongShort')}:\r\n ${t('faq.subSrategyDefinition.equitiesLongShort')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.flexible')}:\r\n ${t('faq.subSrategyDefinition.flexible')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.globalMacro')}:\r\n ${t('faq.subSrategyDefinition.globalMacro')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.relativeValue')}:\r\n ${t('faq.subSrategyDefinition.relativeValue')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.multiStrategyBonds')}:\r\n ${t('faq.subSrategyDefinition.multiStrategyBonds')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.gold')}:\r\n ${t('faq.subSrategyDefinition.gold')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.loan')}:\r\n ${t('faq.subSrategyDefinition.loan')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.privateEquity')}:\r\n ${t('faq.subSrategyDefinition.privateEquity')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.realEstate')}:\r\n ${t('faq.subSrategyDefinition.realEstate')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.guarantee')}:\r\n ${t('faq.subSrategyDefinition.guarantee')}\r\n
\r\n\r\n ${t('faq.subSrategyDictionary.others')}:\r\n ${t('faq.subSrategyDefinition.others')}\r\n
\r\n `,\r\n },\r\n];\r\n","export const validate = (values) => {\r\n const errors = {};\r\n\r\n if (values.password !== undefined && !values.password) {\r\n errors.password = 'resetPassword.providePassword';\r\n }\r\n\r\n if (\r\n values.password &&\r\n values.confirmPassword !== undefined &&\r\n values.confirmPassword !== values.password\r\n ) {\r\n errors.confirmPassword = 'resetPassword.passwordDontMatch';\r\n }\r\n\r\n return errors;\r\n};\r\n","import {\r\n ACTIVATION_KEY_INVALID,\r\n PASSWORD_SAME_ALREADY_SET,\r\n PASSWORD_SET_ACTIVE,\r\n} from 'static/requestResults';\r\nimport commonErrorMessageToErrorModelXref from './commonErrors';\r\nimport { ErrorModel } from './ErrorModel';\r\n\r\nexport const RESET_PASSWORD_ERROR = 'ResetPasswordError';\r\n\r\nconst ACTIVATION_KEY_INVALID_MESSAGE = 'error.activationKeyInvalidMessage';\r\nconst THE_SAME_PASSWORD_WAS_USED_MESSAGE = 'error.samePasswordWasUsedMessage';\r\nconst PASSWORD_SET_ACTIVE_MESSAGE = 'error.passwordSerActiveMessage';\r\n\r\nconst errorMessageToErrorModelXref = {\r\n ...commonErrorMessageToErrorModelXref,\r\n [ACTIVATION_KEY_INVALID]: new ErrorModel({\r\n id: 21,\r\n type: RESET_PASSWORD_ERROR,\r\n message: ACTIVATION_KEY_INVALID_MESSAGE,\r\n }),\r\n [PASSWORD_SAME_ALREADY_SET]: new ErrorModel({\r\n id: 22,\r\n type: RESET_PASSWORD_ERROR,\r\n message: THE_SAME_PASSWORD_WAS_USED_MESSAGE,\r\n }),\r\n [PASSWORD_SET_ACTIVE]: new ErrorModel({\r\n id: 23,\r\n type: RESET_PASSWORD_ERROR,\r\n message: PASSWORD_SET_ACTIVE_MESSAGE,\r\n }),\r\n};\r\n\r\nexport const getErrorModelByStatus = (status) => errorMessageToErrorModelXref[status];\r\n","import React, { Component } from 'react';\r\nimport { Title, Button, TextInput, Infobox } from 'ui-library';\r\nimport { isEmpty, isUndefined } from 'lodash/fp';\r\nimport PropTypes from 'prop-types';\r\nimport { SUCCESS } from 'static/requestResults';\r\nimport ServiceManager from 'services/core/ServiceManager';\r\nimport history from 'services/core/history';\r\nimport { validate } from './validation';\r\nimport { selectResult } from './selectors';\r\nimport { getErrorModelByStatus } from '../../../error/errors';\r\n\r\nexport class ResetPassword extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n view: 0,\r\n password: undefined,\r\n confirmPassword: undefined,\r\n errors: {},\r\n generalErrors: undefined,\r\n isGeneralError: false,\r\n };\r\n\r\n this.changePasswordInputHandler = this.changePasswordInputHandler.bind(this);\r\n this.changeConfirmPasswordInputHandler = this.changeConfirmPasswordInputHandler.bind(this);\r\n }\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n\r\n const {\r\n match: {\r\n params: { activationKey },\r\n },\r\n } = this.props;\r\n const { password, confirmPassword } = this.state;\r\n const initAllValues = { ...this.state };\r\n\r\n Object.keys(initAllValues).forEach((key) => {\r\n initAllValues[key] = isUndefined(initAllValues[key]) ? null : initAllValues[key];\r\n });\r\n\r\n const errors = validate(initAllValues);\r\n\r\n this.setState({\r\n ...initAllValues,\r\n errors,\r\n });\r\n\r\n if (isEmpty(errors)) {\r\n ServiceManager.Security('changePassword', [activationKey, password, confirmPassword])\r\n .then((response) => {\r\n const resultType = selectResult(response.data);\r\n const error = getErrorModelByStatus(resultType);\r\n\r\n if (error !== undefined) {\r\n this.setState({\r\n isGeneralError: true,\r\n generalErrorMessage: error.message,\r\n });\r\n } else if (resultType === SUCCESS) {\r\n this.setState({\r\n view: 1,\r\n isGeneralError: false,\r\n });\r\n } else {\r\n this.setState({\r\n isGeneralError: true,\r\n generalErrorMessage: undefined,\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n this.setState({\r\n isGeneralError: true,\r\n generalErrorMessage: undefined,\r\n });\r\n });\r\n }\r\n\r\n return false;\r\n };\r\n\r\n updateState(fieldName, value) {\r\n this.setState((prevState) => ({\r\n [fieldName]: value,\r\n errors: validate({\r\n ...prevState,\r\n [fieldName]: value,\r\n }),\r\n }));\r\n }\r\n\r\n changePasswordInputHandler(e) {\r\n this.setState({ isGeneralError: false });\r\n this.updateState('password', e.target.value);\r\n }\r\n\r\n changeConfirmPasswordInputHandler(e) {\r\n this.setState({ isGeneralError: false });\r\n this.updateState('confirmPassword', e.target.value);\r\n }\r\n\r\n render() {\r\n const { view, errors, isGeneralError, generalErrorMessage } = this.state;\r\n const { t } = this.props;\r\n\r\n if (view === 0) {\r\n return (\r\n\r\n {t('resetPassword.passwordCreation')} \r\n {isGeneralError && (\r\n \r\n {generalErrorMessage === undefined\r\n ? t('resetPassword.somethingWrong')\r\n : t(generalErrorMessage)}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n {t('resetPassword.enterNewPassword')}
\r\n \r\n\r\n {t('resetPassword.newPasswordIsSet')} \r\n {\r\n history.push('/login');\r\n }}\r\n >\r\n {t('resetPassword.goToLogin')}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nResetPassword.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n match: PropTypes.shape({\r\n path: PropTypes.string,\r\n url: PropTypes.string,\r\n isExact: PropTypes.bool,\r\n params: PropTypes.object,\r\n }),\r\n};\r\n\r\nResetPassword.defaultProps = {\r\n match: {},\r\n};\r\n\r\nResetPassword.displayName = 'ResetPassword';\r\n","export const selectResult = (data) => data.Result;\r\n","import { withTranslation } from 'react-i18next';\r\nimport { ResetPassword } from './ResetPassword';\r\n\r\nexport default withTranslation()(ResetPassword);\r\n","import React, { Fragment } from 'react';\r\n\r\nfunction DefaultContent() {\r\n return (\r\n {t('resetPassword.passwordIsReadyToUse')}
\r\n\r\n Copyright ©\r\n {' '}\r\n {new Date().getFullYear()}\r\n {' '}\r\n additiv AG. All rights reserved.\r\n
\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport default LanguageSwitcher;\r\n","import React from 'react';\r\nimport FooterMini from 'lib/ui-library/Footer/FooterMini';\r\nimport { useTranslation } from 'react-i18next';\r\nimport LanguageSwitcher from 'translations/component/LanguageSwitcher';\r\nimport footerLogo from 'clientRequirements/images/icon_NS.png';\r\nimport './Footer.css';\r\nimport { LINKEDIN_URL, NOTZ_STUCKI_MAIN_SITE } from 'constants/constants';\r\nimport linkedinIcon from 'styles/icons/linkedin.svg';\r\n\r\nexport const Footer = () => {\r\n const { t } = useTranslation();\r\n const footerLink = (\r\n \r\n );\r\n\r\n return (\r\n \r\n ↑\r\n
\r\n BACK TO THE TOP\r\n
\r\n );\r\n};\r\n\r\nexport default ScrollTop;\r\n","import React from 'react';\r\nimport LogoImage from 'clientRequirements/images/icon_NS.png';\r\nimport './Logo.css';\r\n\r\nexport const Logo = () => (\r\n \r\n BACK TO THE TOP\r\n
\r\n 
\r\n
\r\n);\r\n","import React, { Fragment, useCallback, useMemo, useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n Header as HeaderUILibrary,\r\n Navigation,\r\n NavigationLink as NavLink,\r\n Toggle,\r\n} from 'ui-library';\r\nimport { Logo } from 'components/Logo';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setTheme } from 'redux/theme/themeActions';\r\nimport { getThemeSelector } from 'redux/theme/themeSelectors';\r\nimport { setThemeVariables } from 'utils/configureTheme';\r\nimport DetectorSystemTheme from 'services/core/DetectorSystemTheme';\r\nimport { NOTZ_STUCKI_MAIN_SITE } from '../../../constants/constants';\r\n\r\nexport const Header = ({ isAuthenticated, onRightButtonClick, pathname, profile }) => {\r\n const { t, i18n } = useTranslation();\r\n const [profileOpen, setProfileOpen] = useState(false);\r\n const [isOpen, setIsOpen] = useState(false);\r\n const toggleNavigation = () => {\r\n setIsOpen(!isOpen);\r\n };\r\n const closeNavigation = () => {\r\n setIsOpen(false);\r\n };\r\n const current = useMemo(() => pathname.split('/')[1], [pathname]);\r\n const navigation = useMemo(\r\n () => [\r\n {\r\n title: t('MainMenu.DashboardMenuItem'),\r\n link: '/dashboard',\r\n active: current === 'dashboard',\r\n },\r\n {\r\n title: t('MainMenu.PortfoliosMenuItem'),\r\n link: '/portfolios',\r\n active: current === 'portfolios',\r\n },\r\n {\r\n title: t('MainMenu.Documents'),\r\n link: '/documents',\r\n active: current === 'documents',\r\n },\r\n { title: t('MainMenu.NewsMenuItem'), link: '/news', active: current === 'news' },\r\n { title: t('MainMenu.Faq'), link: '/faq', active: current === 'faq' },\r\n ],\r\n [pathname, i18n.language]\r\n );\r\n\r\n const dispatch = useDispatch();\r\n const theme = useSelector(getThemeSelector);\r\n const defaultChecked = useMemo(() => theme === 'dark', [theme]);\r\n const changeTheme = useCallback(\r\n (value) => {\r\n const newTheme = value ? 'dark' : 'light';\r\n\r\n dispatch(setTheme(newTheme));\r\n setThemeVariables(newTheme);\r\n document.documentElement.setAttribute('data-theme', newTheme);\r\n },\r\n [setTheme, setThemeVariables]\r\n );\r\n\r\n const detectorTheme = (e) => {\r\n changeTheme(e.matches);\r\n };\r\n\r\n useEffect(() => {\r\n DetectorSystemTheme.subscribe(detectorTheme);\r\n\r\n return () => {\r\n DetectorSystemTheme.unsubscribe(detectorTheme);\r\n };\r\n }, []);\r\n const profileInfo = useMemo(\r\n () => ({\r\n ...profile,\r\n withEdit: false,\r\n withAlert: true,\r\n logoutText: t('dashboard.profile.logout'),\r\n onLogout: () => {\r\n setProfileOpen(false);\r\n onRightButtonClick();\r\n },\r\n additionalInfo: (\r\n <>\r\n \r\n {t('dashboard.profile.riskProfile')}\r\n {': '}\r\n \r\n {profile.riskProfile}\r\n \r\n \r\n {t(\r\n profile.portfolios > 1\r\n ? 'dashboard.profile.portfolios'\r\n : 'dashboard.profile.portfolio'\r\n )}\r\n {': '}\r\n \r\n {profile.portfolios}\r\n
\r\n
\r\n \r\n ),\r\n visible: profileOpen,\r\n onVisibleChange: setProfileOpen,\r\n }),\r\n [profile, profileOpen, defaultChecked, setTheme]\r\n );\r\n const navigationTablet = useMemo(\r\n () => (\r\n {t('dashboard.turnOnDarkMode')}
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TermsText;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Button } from '../Button';\r\nimport TermsText from './TermsText';\r\n\r\nconst TermsOfUse = ({ setTerms }) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n <>\r\n \r\n
- \r\n {/* 1 */}\r\n
- {t('termsOfUse.legalNotice')} \r\n \r\n
- \r\n {t('termsOfUse.paragraph1')}\r\n \r\n
- \r\n {t('termsOfUse.paragraph2')}\r\n
\r\n
\r\n {t('termsOfUse.paragraph3')}\r\n \r\n - \r\n {t('termsOfUse.paragraph4')}\r\n
\r\n
\r\n {t('termsOfUse.paragraph5')}\r\n
\r\n
\r\n {t('termsOfUse.paragraph6')}\r\n
\r\n
\r\n {t('termsOfUse.paragraph7')}\r\n
\r\n
\r\n {t('termsOfUse.paragraph8')}\r\n \r\n - \r\n {t('termsOfUse.paragraph9')}\r\n
\r\n
\r\n {t('termsOfUse.paragraph10')}\r\n \r\n - \r\n {t('termsOfUse.paragraph11')}\r\n \r\n
- {t('termsOfUse.dataProtectionPolicy')} \r\n \r\n\r\n {/* 3 */}\r\n
- {t('termsOfUse.paragraph19')} \r\n
- {t('termsOfUse.paragraph20')} \r\n
- {t('termsOfUse.paragraph21')} \r\n
- {t('termsOfUse.paragraph22')} \r\n
- {t('termsOfUse.paragraph23')} \r\n
- {t('termsOfUse.cookiePolicy')} \r\n \r\n
- {t('termsOfUse.paragraph39')} \r\n
- {t('termsOfUse.paragraph40')} \r\n
- {t('termsOfUse.paragraph41')} \r\n
- {t('termsOfUse.paragraph45')} \r\n
- {t('termsOfUse.paragraph48')} \r\n
- {t('termsOfUse.paragraph49')} \r\n
- {t('termsOfUse.paragraph50')} \r\n
- {t('termsOfUse.paragraph51')} \r\n
- {t('termsOfUse.paragraph52')} \r\n
- {t('termsOfUse.paragraph53')} \r\n
\r\n
- \r\n
\r\n
{t('termsOfUse.generalConsiderations')}
\r\n\r\n {t('termsOfUse.paragraph12')}\r\n https://www.notzstucki.com/\r\n
\r\n\r\n {/* 4 */}\r\n{t('termsOfUse.basicPrinciplesPrivacyPolicy')}
\r\n{t('termsOfUse.paragraph13')}
\r\n{t('termsOfUse.paragraph14')}
\r\n{t('termsOfUse.paragraph15')}
\r\n{t('termsOfUse.paragraph16')}
\r\n{t('termsOfUse.paragraph17')}
\r\n{t('termsOfUse.paragraph18')}
\r\n\r\n {/* 5 */}\r\n{t('termsOfUse.personalDataUse')}
\r\n- \r\n
{t('termsOfUse.personalDataRights')}
\r\n{t('termsOfUse.paragraph24')}
\r\n{t('termsOfUse.paragraph25')}
\r\n{t('termsOfUse.paragraph26')}
\r\n{t('termsOfUse.paragraph27')}
\r\n{t('termsOfUse.paragraph28')}
\r\n\r\n {/* 7 */}\r\n{t('termsOfUse.dataDuration')}
\r\n{t('termsOfUse.paragraph29')}
\r\n{t('termsOfUse.paragraph30')}
\r\n{t('termsOfUse.paragraph31')}
\r\n\r\n {/* 8 */}\r\n{t('termsOfUse.dataController')}
\r\n{t('termsOfUse.paragraph32')}
\r\n{t('termsOfUse.paragraph33')}
\r\n\r\n {/* 9 */}\r\n{t('termsOfUse.linkToThirdParty')}
\r\n{t('termsOfUse.paragraph34')}
\r\n\r\n {/* 10 */}\r\n\r\n
{t('termsOfUse.paragraph35')}
\r\n{t('termsOfUse.paragraph36')}
\r\n\r\n {/* 11 */}\r\n{t('termsOfUse.whatAreCookies')}
\r\n{t('termsOfUse.paragraph37')}
\r\n- \r\n {t('termsOfUse.paragraph38')}\r\n
{t('termsOfUse.paragraph42')}
\r\n{t('termsOfUse.paragraph43')}
\r\n\r\n{t('termsOfUse.typesOfCookies')}
\r\n- \r\n {t('termsOfUse.paragraph44')}\r\n
{t('termsOfUse.paragraph46')}
\r\n{t('termsOfUse.paragraph47')}
\r\n- \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n {t('termsOfUse.nameOfCookie')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.length')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.description')}\r\n \r\n | \r\n
|---|---|---|
| \r\n \r\n {t('termsOfUse.paragraph54')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.paragraph55')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.paragraph56')}\r\n \r\n | \r\n
| \r\n \r\n {t('termsOfUse.paragraph57')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.paragraph58')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.paragraph59')}\r\n \r\n | \r\n
| \r\n \r\n {t('termsOfUse.paragraph60')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.paragraph61')}\r\n \r\n | \r\n\r\n \r\n {t('termsOfUse.paragraph62')}\r\n \r\n | \r\n
\r\n
\r\n\r\n
\r\n {t('termsOfUse.furtherInfo')}\r\n \r\n {' '}\r\n https://www.google.com/analytics/learn/privacy.html?hl=es\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n {/* 12 */}\r\n
{t('termsOfUse.cookieConfiguration')}
\r\n{t('termsOfUse.paragraph63')}
\r\n{t('termsOfUse.paragraph64')}
\r\n{t('termsOfUse.paragraph65')}
\r\n{t('termsOfUse.paragraph66')}
\r\n\r\n\r\n
\r\n\r\n
Microsoft
\r\n \r\n https://windows.microsoft.com/es-es/windows-vista/block-or-allow-cookies\r\n \r\n\r\n\r\n
\r\n\r\n
Safari
\r\n \r\n https://support.apple.com/kb/HT1677?viewlocale=es_ES\r\n \r\n\r\n\r\n
\r\n\r\n
Google Chrome
\r\n \r\n https://support.google.com/chrome/answer/95647?hl=es\r\n \r\n\r\n\r\n
\r\n\r\n
Firefox
\r\n \r\n https://support.mozilla.org/es/kb/habilitar-y-deshabilitar-cookies-que-los-sitios-we\r\n \r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nTermsOfUse.propTypes = {\r\n setTerms: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default TermsOfUse;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport TermsOfUse from '../../../components/TermsOfUse/TermsOfUse';\r\nimport { userSelector } from '../../../redux/auth/authSelectors';\r\nimport { setTermsAccepted } from '../../../redux/auth/authActions';\r\n\r\nconst WithTermsOfUsePopUp = ({ children, user, ...props }) => (\r\n <>\r\n {!user?.isTermsAccepted && \r\n
\r\n \r\n
\r\n {t('termsOfUse.disclaimer')}
\r\n\r\n
\r\n \r\n setTerms()}\r\n >\r\n {t('termsOfUse.accept')}\r\n \r\n
\r\n \r\n {t('termsOfUse.disclaimerDescription')}\r\n
\r\n{children}
\r\n \r\n);\r\n\r\nconst mapStateToProps = (state) => ({\r\n user: userSelector(state),\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n setTerms: () => dispatch(setTermsAccepted(true)),\r\n});\r\n\r\nWithTermsOfUsePopUp.propTypes = {\r\n user: PropTypes.shape({\r\n isTermsAccepted: PropTypes.bool,\r\n }).isRequired,\r\n children: PropTypes.shape({}).isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WithTermsOfUsePopUp);\r\n","import React from 'react';\r\nimport { withAuthentication } from 'hocs';\r\nimport { Redirect, Route, Switch } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport RouteWithAppTitle from 'components/RouteWithAppTitle';\r\nimport { PageNotFound } from './pages/404';\r\nimport Dashboard from './pages/Dashboard/Router';\r\nimport News from './pages/News/Router';\r\nimport Portfolios from './pages/Portfolios/Router';\r\nimport { UserActivation } from './pages/UserActivation';\r\nimport Documents from './pages/Documents';\r\nimport ActivationEn from './pages/Activation/en';\r\nimport ActivationFr from './pages/Activation/fr';\r\nimport ActivationDe from './pages/Activation/de';\r\nimport ActivationIt from './pages/Activation/it';\r\nimport ActivationPr from './pages/Activation/pr';\r\nimport ActivationEs from './pages/Activation/es';\r\nimport Faq from './pages/Faq';\r\nimport ResetPassword from './pages/ResetPassword';\r\nimport { RootTemplate } from './templates';\r\nimport WithTermsOfUse from './containers/hocs/WithTermsOfUse';\r\n\r\nexport const RootRouter = ({ match: { path }, location: { pathname } }) => (\r\n \r\n \r\n {t(error)}\r\n \r\n
\r\n );\r\n } else if (\r\n typeof error === 'object' &&\r\n error.type === DEVICE_NOT_ENROLLED &&\r\n view !== ENROLL_DEVICE_VIEW\r\n ) {\r\n setView(ENROLL_DEVICE_VIEW);\r\n } else if (isEnrollUnsuccess === true) {\r\n setError(\r\n \r\n {t(error.message)} \r\n
\r\n );\r\n }\r\n }\r\n\r\n if (isEnrollDeviceSuccess === true && view !== LOGIN_FORM_VIEW) {\r\n return (\r\n \r\n {t('enrollDevice.deviceHasBeenEnrolled')} \r\n
\r\n );\r\n }\r\n\r\n if (isEnrollSuccess && view !== LOGIN_FORM_VIEW) {\r\n return (\r\n {t('enrollDevice.readyToUse')}
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n let newProps = null;\r\n\r\n if (view === LOGIN_FORM_VIEW) {\r\n newProps = {\r\n title: 'login.LOGIN',\r\n bottomLinks: renderForgotLink(t),\r\n error: errorContent,\r\n submitLabel: 'login.LOGIN',\r\n onSubmit: onLogin2FA,\r\n };\r\n }\r\n if (view === ENROLL_DEVICE_VIEW) {\r\n newProps = {\r\n title: 'login.LOGIN',\r\n info: EnrollementInfoBox,\r\n submitLabel: 'common.CONTINUE_MSG',\r\n onSubmit: onEnroll,\r\n };\r\n }\r\n\r\n return (\r\n {t('enrollDevice.title')}
\r\n{`${t('enrollDevice.scanQRCode')}:`}
\r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nFuturaePasscode.propTypes = {\r\n passcodeLength: PropTypes.number,\r\n onSubmit: PropTypes.func.isRequired,\r\n onChange: PropTypes.func,\r\n onCancel: PropTypes.func,\r\n error: PropTypes.string,\r\n isLoading: PropTypes.bool,\r\n infoText: PropTypes.string,\r\n};\r\n\r\nFuturaePasscode.defaultProps = {\r\n passcodeLength: 6,\r\n onChange: () => {},\r\n onCancel: () => {},\r\n error: undefined,\r\n isLoading: false,\r\n infoText: 'login.enterTheCode',\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Loading } from 'components/Loading';\r\nimport { Button } from 'components/Button';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { LOGIN_FAILED_UNEXPECTEDLY } from 'error/authErrors';\r\nimport { FuturaePasscode } from './FuturaePasscode';\r\n\r\nconst MobileAppApprove = (props) => {\r\n const {\r\n isPreAuthLoading,\r\n isLoading,\r\n error,\r\n onPreAuth,\r\n validatePasscode,\r\n passcodeLength,\r\n contactId,\r\n onBackToLogin,\r\n } = props;\r\n\r\n useEffect(() => {\r\n if (!contactId) {\r\n onPreAuth();\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n\r\n // const { passcodeLength, provider, onLogin, t } = this.props;\r\n // const Passcode = provider === MTAN ? MTanPasscode : FuturaePasscode;\r\n const Passcode = FuturaePasscode;\r\n\r\n if (error?.type === LOGIN_FAILED_UNEXPECTEDLY) {\r\n return (\r\n \r\n \r\n {t('forgotPassword.backToLogin')}\r\n \r\n
\r\n );\r\n }\r\n\r\n return isPreAuthLoading ? (\r\n \r\n {t(enrollError)} \r\n
\r\n )}\r\n \r\n {t('enrollDevice.scanQRCode')}\r\n
\r\n {t('enrollDevice.ifYourMobileIsOffline')}\r\n
\r\n
\r\n
\r\n {/* */}\r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nEnrollQRCode.propTypes = {\r\n qrCode: PropTypes.string,\r\n enrollStatusTimeout: PropTypes.number,\r\n enrollError: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n};\r\n\r\nEnrollQRCode.defaultProps = {\r\n qrCode: null,\r\n enrollStatusTimeout: null,\r\n enrollError: null,\r\n};\r\n\r\nEnrollQRCode.displayName = 'EnrollQRCode';\r\n\r\nexport default EnrollQRCode;\r\n","import ServiceManager from 'services/core/ServiceManager';\r\nimport { getErrorModelByStatus } from 'error/authErrors';\r\nimport {\r\n SUCCESS,\r\n UNEXPECTED_ERROR,\r\n UNEXPECTED_ERROR_OR_INVALID_PASSCODE,\r\n} from 'static/requestResults';\r\n\r\nexport async function validatePasscode({ passcode, contactId, isTrustedDevice = false }, callback) {\r\n const result = {};\r\n\r\n try {\r\n const { data } = await ServiceManager.Security('authenticate', [\r\n contactId,\r\n { passcode, setTrusted: isTrustedDevice },\r\n ]);\r\n\r\n const resultStatus = data.Result;\r\n const error = getErrorModelByStatus(resultStatus);\r\n\r\n if (error !== undefined) {\r\n result.error = { type: 'error', message: error.message };\r\n } else if (resultStatus === SUCCESS) {\r\n result.sessionId = data.Session.SessionId;\r\n result.jwtAccessToken = data.Session.JwtAccessToken;\r\n } else {\r\n result.error = getErrorModelByStatus(UNEXPECTED_ERROR).message;\r\n }\r\n\r\n callback(result);\r\n } catch {\r\n callback(getErrorModelByStatus(UNEXPECTED_ERROR_OR_INVALID_PASSCODE).message);\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Title } from 'ui-library';\r\nimport LoginLogoSvgLight from 'clientRequirements/images/logo-mobile.svg';\r\n\r\nconst LoginContentPane = ({ children }) => (\r\n \r\n
\r\n);\r\n\r\nLoginContentPane.propTypes = {\r\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,\r\n};\r\n\r\nexport default LoginContentPane;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button } from 'ui-library';\r\nimport { useTranslation } from 'react-i18next';\r\nimport EnrollementInfoBox from 'components/EnrollmentInfoBox';\r\n\r\nconst ToEnrollDevice = ({ isSubmitting, onSubmit }) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n <>\r\n \r\n \r\n <img src={LoginLogoSvgLight} alt=\"Notz Stucki\" />\r\n \r\n
\r\n \r\n
\r\n {children}
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nToEnrollDevice.propTypes = {\r\n isSubmitting: PropTypes.bool.isRequired,\r\n onSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nToEnrollDevice.defaultProps = {};\r\n\r\nToEnrollDevice.displayName = 'ToEnrollDevice';\r\n\r\nexport default ToEnrollDevice;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Button, Infobox, Title } from 'ui-library';\r\nimport { get, getOr } from 'lodash/fp';\r\nimport { connect } from 'react-redux';\r\nimport history from 'services/core/history';\r\nimport { AUTH_COMPLETE, getUserProfile } from 'redux/auth/authActions';\r\nimport { isLoginDoneSelector } from 'redux/auth/authSelectors';\r\nimport { getUrlTokenCredentials } from 'utils/url';\r\nimport { GA_ACTIONS, GA_CATEGORIES, sendGAEvent } from 'utils/analytics';\r\nimport {\r\n PRE_AUTH,\r\n TO_ENROLL_DEVICE,\r\n ENROLL_DEVICE,\r\n AUTH_PASSCODE,\r\n AUTH_ALLOW,\r\n TITLE_VIEWS,\r\n} from '../constants';\r\nimport LoginForm from '../components2/LoginForm';\r\nimport MobileAppApprove from '../components2/MobileAppApprove';\r\nimport { preAuth } from '../api/preAuth';\r\nimport { enrollDeviceByUserAndPassword } from '../api/enrollDevice';\r\nimport { EnrollQRCode } from '../components2/EnrollQRCode';\r\nimport { validatePasscode } from '../api/validatePassCode';\r\nimport { validateUsername } from '../utils/validation';\r\nimport LoginContentPane from '../components2/LoginContentPane';\r\nimport ToEnrollDevice from '../components2/ToEnrollDevice';\r\n\r\nconst LoginContainer = (props) => {\r\n const { t } = useTranslation();\r\n const [loginData, setLoginData] = useState({\r\n error: {},\r\n status: PRE_AUTH,\r\n validatedUsername: null,\r\n password: null,\r\n contactId: null,\r\n isSubmitting: false,\r\n isLoading: false,\r\n });\r\n const { isLoginDone } = props;\r\n\r\n const {\r\n urlAccessToken,\r\n urlContactId,\r\n roleId,\r\n isURLLogin,\r\n sessionId,\r\n } = getUrlTokenCredentials();\r\n\r\n useEffect(() => {\r\n if (loginData.error?.message === 'error.invalidLoginCredentials') {\r\n sendGAEvent(GA_ACTIONS.login, GA_CATEGORIES.error, 'invalid_login_credentials');\r\n }\r\n }, [loginData.error]);\r\n\r\n useEffect(() => {\r\n if (isURLLogin) {\r\n props.onAuthComplete({\r\n sessionId,\r\n jwtAccessToken: urlAccessToken,\r\n contactId: urlContactId,\r\n roleId,\r\n });\r\n }\r\n }, [isURLLogin]);\r\n\r\n useEffect(() => {\r\n if (isLoginDone) {\r\n const { router } = props;\r\n const fromPathname = getOr(undefined, 'location.state.from.pathname', router);\r\n\r\n if (fromPathname && fromPathname !== '/login' && fromPathname !== '/') {\r\n history.push(fromPathname);\r\n } else {\r\n history.push('/dashboard');\r\n }\r\n }\r\n }, [isLoginDone]);\r\n\r\n const submitFormHandlers = {\r\n [PRE_AUTH]: {\r\n onSubmit: ({ username, password }) => {\r\n const validatedUsername = validateUsername(username);\r\n\r\n setLoginData((state) => ({\r\n status: state.status,\r\n isSubmitting: true,\r\n validatedUsername,\r\n password,\r\n }));\r\n\r\n preAuth(validatedUsername, password, (result) => {\r\n if (result.status === AUTH_ALLOW) {\r\n props.onAuthComplete({\r\n sessionId: result.sessionId,\r\n jwtAccessToken: result.jwtAccessToken,\r\n contactId: result.contactId,\r\n });\r\n props.handleGetUserProfile();\r\n props.redirectToDashboard();\r\n } else {\r\n setLoginData((state) => ({\r\n ...state,\r\n ...result,\r\n isSubmitting: false,\r\n }));\r\n }\r\n });\r\n },\r\n submitLabel: t('login.LOGIN'),\r\n bottomLinks: (\r\n \r\n {t(loginData.error?.message)} \r\n
\r\n )}\r\n {loginView(currentHandler)}
\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport { ForgotPassword } from './ForgotPasswordAskRM';\r\nimport { NoHeaderTemplate } from '../../templates/NoHeaderTemplate';\r\n\r\nconst Router = ({ match: { path } }) => (\r\n \r\n \r\n <img src={LogoImage} alt=\"NS Partners\" />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {t('ForgotPassword.Title')}
\r\n{t('ForgotPassword.toResetPassContactRM')}
\r\n\r\n \r\n
\r\n \r\n {t('enrollDevice.deviceHasBeenEnrolled')} \r\n
\r\n );\r\n }\r\n\r\n let errorContent = null;\r\n\r\n if (error !== undefined && error !== null) {\r\n if (isEnrollUnsuccess === true) {\r\n errorContent = (\r\n {t('enrollDevice.readyToUse')}
\r\n\r\n \r\n
\r\n \r\n {t(error.message)} \r\n
\r\n );\r\n }\r\n if (typeof error === 'string') {\r\n errorContent = (\r\n \r\n {t(error)} \r\n
\r\n );\r\n }\r\n }\r\n\r\n const info = (\r\n \r\n \r\n {t('enrollDevice.accountRequires2FA')}\r\n {' '}\r\n \r\n {t('enrollDevice.googlePlay')}\r\n \r\n {' '}\r\n {t('enrollDevice.storeDeviceOr')}\r\n {' '}\r\n \r\n {t('enrollDevice.appleStore')}\r\n \r\n {'. '}\r\n {t('enrollDevice.securityReasonsNotification')}\r\n \r\n
\r\n );\r\n\r\n if (isEnrollSuccess) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {t('enrollDevice.title')}\r\n
\r\n{`${t('enrollDevice.scanQRCode')}:`}
\r\n \r\n\r\n \r\n {t(error)}\r\n \r\n
\r\n );\r\n } else if (typeof error === 'object') {\r\n switch (error.type) {\r\n case DEVICE_NOT_ENROLLED:\r\n errorContent = (\r\n \r\n \r\n {t('login.2FARequired')}\r\n {' '}\r\n \r\n {t('login.EnrollDevice')}\r\n \r\n .\r\n \r\n
\r\n );\r\n break;\r\n default:\r\n }\r\n }\r\n }\r\n\r\n if (view === LOGIN_FORM_VIEW) {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EnrollementInfoBox;\r\n","module.exports = __webpack_public_path__ + \"static/media/icon_NS.b36bf0fa.png\";","export const validateUsername = (username) =>\r\n /@/.test(username) ? username : `${username}@${global.AppConfig.USERNAME_EMAIL_DOMAIN}`;\r\n\r\nexport const validateLoginForm = (values) => {\r\n const errors = {};\r\n\r\n if (!values.username) {\r\n errors.username = 'validation.requireUsername';\r\n }\r\n\r\n if (!values.password) {\r\n errors.password = 'validation.requirePassword';\r\n }\r\n\r\n return errors;\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/logo-mobile.b2ead5eb.svg\";","import React from 'react';\r\nimport { TextInput } from 'ui-library';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n// TODO: deal with unused vars\r\nexport const FieldRenderer = ({\r\n input,\r\n label,\r\n type,\r\n id,\r\n // eslint-disable-next-line no-unused-vars\r\n name,\r\n // eslint-disable-next-line no-unused-vars\r\n autoComplete,\r\n // eslint-disable-next-line no-unused-vars\r\n meta: { touched, error, warning, submitting },\r\n}) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n {t('enrollDevice.accountRequires2FA')}\r\n
\r\n \r\n \r\n 
\r\n {' '}\r\n App Store\r\n \r\n \r\n 
\r\n {' '}\r\n Google Play\r\n \r\n
\r\n \r\n {passcode.map(\r\n (value, index) => (\r\n {\r\n e.target.select();\r\n }}\r\n onChange={changeTanHandler(index)}\r\n onKeyUp={keyupTanHandler(index)}\r\n />\r\n ),\r\n this\r\n )}\r\n
\r\n );\r\n};\r\n\r\nPasscode.propTypes = {\r\n passcodeLength: PropTypes.number,\r\n onChange: PropTypes.func,\r\n};\r\n\r\nPasscode.defaultProps = {\r\n passcodeLength: 6,\r\n onChange: () => {},\r\n};\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJ4SURBVFhH7dY3iBVBHMfxZw6VAbMWhkow21jYWJhQTAiihTYGEAsLGwttbGzEgBgqCxUVtDEjKig2IohZMQcEtRfMfr/LzjHsze6tNtfsDz7cLTNvd97M/Gdfq0mTJp2dLvnfuumLcRiJMRgM8wmv8AEv8RW1UmcA3TERyzEDo/EdX/ALphsGoSfe4BZO4SF+ojRVA7BtMjZhFj7iHO7Ab+n1D9jPQY6AszIdCzAMV7EHDuQPaqcPNsNvcw1L0A8hvTEVy7AUU9ALIfa1zQE42I3wnrUyEIfgem7BAMTxwWfwHvdz7+CUT0AcP+s97Hsgv66MHY7jMeaiK+L48Ae4iDkYCqfa/y/hLiYhjveYh2c4gv5Ixinch6dwsxXjtJ/GeYTdH2cIruAE4uUImQkHsRup9tY6OFULs6v2mQan2pkpi5vPPvZNZTFsX51dRXH3PsE2lFWGm+oenPKy2OaesG8q3nsHXGKf2bbGv2FNF9c8jmXkDcoGaEJbVclZsj4rnCFtWQOnZ1F21T5uwLeoWgKXzz6WZSqWrM9YmV0V4sbYi+dwwxRj+0lYAW64YqwI6/4oPBGL8TB7gZ1ItWexRCwVd6sbqjjdHsmWmg+yPZSh/3tg3cZ4xPEezoxf7DDiAy0Zz4L98CDaml/Hsc6dCdvdcJ4LVs8xFB/uZ7fDvrvQ4cNDPDbXw2P0JlbgX4/iVfCzfvO1SB7FHe1op3wD5sOXzw1chzeNX0Y9MBy+ql1r95BLcxYHYdklK6NqACGWjWe8u382rF9fx58RXrUOwNPRv69xGRfwCP/9Ok7FHyRjMSoXdvM3uA/kD5PaP0iaNGnSyWm1/gKtn4AyqFDspAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMLSURBVFhH7dZZyIxRHMfx12vf9y2ylcieJURIUSQlhbJcuJElWSJb4cJWLpQlXOACkSWJJJQi2dco+05Kluwivt+nTh4zz7wzSuPC/OpT78w785zz/M//nGeKCinkH6Ut+qI4epXHlMJAXMcGlEHeUhYT8QRrUQ/RjP4klqwWWqIxmqM6PuERHuMenuIbQmpgDsZgNdbgA3KeQFX0w3B0gLN/hbcwP1ARDfAeN3EI++Gdr0QXOIm9+I4o2SZQHkMxCS1wFodxA3fxGg5uKsOKWB0n2x8f4Tp/xmScQ85pis0Ia9YN3k1IbTjQKAxCM4QbctAZsBrvcAG9kHO6w7s9Dbs23q3+7Vr6/4fw4rdxC4vREDNhTyxHT+yAn/V7WbeeX3Cb7IZViMc7nAKrsgydYCUs+wQ4icu4D5fNJTTVsAh+bzwyLr0XughnXNc3UmID2uWzUNo3YvG7Z2BPOLnUQVy+2XCn2FdpsYl24jjcYkmxxJa+TvTqV+wF7/wIDsLuL4fUWBG34DW09o14LI3r1jt6lR7vaBtsyBCrMA4PsAX1MQKXEB00CfEz9tZ6FMcbIhwcGdeHWN7w/ypYgKVw8Kl4gXDNsD1TE74fP6iiVMJWnEAT30jIQrjO7eCgVmwswi7x4htxAElLUAFW0ArZM2nxsHGAPUgqYRvY6Tain+uDeMXcsm630dGr32MTWjGbcIhvZEpXXME+eLKFONBgeAHLa8N2RNiG0+DEvEMbOh634RL4XSsWn3RiOuMkzsPZes67r72ADxMb9hTCQXQHVmYefPCEOFB7eP7bqCOR828A+8BOdZBjeI65sFdMSUexg7icblufGUfRA2l3nq0UrbALXvwL3D7udR8qnnY+EeMPIz9ngw6AJ6oPo03YjpdIS0kTcMar8BXz4TIMg+97SobHcZiAlXGP+5y/CneCd/4MGZM0AcvnQD5IPN08Pr1b4//iP0jcKWFN38CzPukHSc5xnzqgF1qBmshbLOs6OLhPtvAky1umw7Vzr+e8Vf5mGiF+8BTyP6So6Cc3DqewjXo3SAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/itunes_icon.7394dae8.svg\";","module.exports = __webpack_public_path__ + \"static/media/gplay_icon.106162ae.svg\";","import { get } from 'lodash/fp';\r\n\r\nexport const isTwoFactorEnabledSelector = (data) => get('IsTwoFactorEnabled', data);\r\nexport const enrollQRCodeSelector = (data) =>\r\n get('AsynchronousParameters.ActivationQrCodeUrl', data);\r\nexport const enrollmentSessionIdSelector = (data) => get('EnrollmentSessionId', data);\r\nexport const enrollStatusSelector = (data) => get('Status', data);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"--primary-default\":\"#e4e8ee\",\"--primary-lighter\":\"#f0f3f6\",\"--primary-light\":\"#ffffff\",\"--primary-dark\":\"#7d8da5\",\"--primary-darker\":\"#586579\",\"--secondary-default\":\"#4a4a7a\",\"--secondary-lighter\":\"#7171a7\",\"--secondary-light\":\"#c8c8e8\",\"--secondary-dark\":\"#26264e\",\"--secondary-darker\":\"#0b0b1e\",\"--accent-default\":\"#3681b0\",\"--accent-lighter\":\"rgba(54, 129, 176, 0.75)\",\"--accent-light\":\"rgba(54, 129, 176, 0.5)\",\"--accent-dark\":\"#2e6d94\",\"--accent-darker\":\"#245472\",\"--positive-default\":\"#07cc9b\",\"--positive-lighter\":\"#83e5cd\",\"--positive-light\":\"#38d6af\",\"--positive-dark\":\"#19b38d\",\"--positive-darker\":\"#159475\",\"--negative-default\":\"#ff376b\",\"--negative-lighter\":\"#ff9bb5\",\"--negative-light\":\"#ff5f88\",\"--negative-dark\":\"#ce3960\",\"--negative-darker\":\"#bb3256\",\"--white\":\"#ffffff\",\"--white-rgb\":\"255,255,255\",\"--black\":\"#000\",\"--black-rgb\":\"0,0,0\",\"--bright\":\"var(--secondary-darker)\",\"--primary-default-rgb\":\"40,39,38\",\"--white-darker\":\"#f5f5f5\",\"--border-color\":\"#090912\",\"--background-base\":\"#10101f\",\"--background-content\":\"#191934\",\"--background-header\":\"var(--background-base)\",\"--background-footer\":\"var(--background-base)\",\"--outline-blur-size\":\"0\",\"--outline-width\":\"2px\",\"--outline-color\":\"var(--primary-color)\",\"--background-color-light\":\"rgb(250, 250, 250)\",\"--background-color-base\":\"rgb(245, 245, 245)\",\"--padding-base\":\"30px\",\"--component-background\":\"var(--white)\",\"--primary-color\":\"var(--accent-default)\",\"--info-color\":\"var(--accent-default)\",\"--success-color\":\"var(--accent-default)\",\"--processing-color\":\"var(--accent-default)\",\"--error-color\":\"var(--negative-default)\",\"--highlight-color\":\"var(--negative-default)\",\"--warning-color\":\"var(--primary-lighter)\",\"--normal-color\":\"#d9d9d9\",\"--primary-1\":\"#f0f5ff\",\"--primary-5\":\"#6b89ff\",\"--primary-7\":\"#2e44d9\",\"--item-active-bg\":\"var(--primary-1)\",\"--item-hover-bg\":\"var(--primary-1)\",\"--text-color\":\"var(--primary-default)\",\"--text-color-secondary\":\"rgba(var(--black-rgb), 45%)\",\"--text-color-inverse\":\"var(--primary-default)\",\"--text-color-dark\":\"rgba(var(--white-rgb), 0.85)\",\"--heading-color\":\"rgba(var(--black-rgb), 0.85)\",\"--icon-color-hover\":\"rgba(var(--black-rgb), 75%)\",\"--font-variant-base\":\"tabular-nums\",\"--font-feature-settings-base\":\"'tnum'\",\"--font-size-base\":\"14px\",\"--font-size-lg\":\"calc(var(--font-size-base) + 2px)\",\"--font-size-sm\":\"12px\",\"--line-height-base\":\"1.5\",\"--disabled-color\":\"rgba(0,0,0, 0.25)\",\"--disabled-bg\":\"var(--background-color-base)\",\"--disabled-color-dark\":\"rgba(var(--white-rgb), 0.35)\",\"--border-color-base\":\"var(--border-color)\",\"--border-color-split\":\"rgb(232, 232, 232)\",\"--border-color-inverse\":\"var(--background-content)\",\"--border-width-base\":\"1px\",\"--border-style-base\":\"solid\",\"--border-radius-base\":\"2px\",\"--border-radius-sm\":\"2px\",\"--accent-font-family\":\"'Century-gothic', Roboto, Helvetica, Arial, sans-serif\",\"--accent-font-weight\":\"normal\",\"--collapse-color\":\"var(--primary-default)\",\"--collapse-bg-color\":\"var(--background-base)\",\"--collapse-border-color\":\"var(--border-color)\",\"--collapse-header-color\":\"var(--primary-default)\",\"--collapse-arrow-color\":\"var(--accent-default)\",\"--collapse-item-border-color\":\"var(--secondary-lighter)\",\"--collapse-extra-counter-color\":\"var(--white)\",\"--collapse-extra-counter-bg-color\":\"var(--accent-default)\",\"--collapse-content-color\":\"var(--primary-default)\",\"--collapse-content-disabled-color\":\"var(--secondary-lighter)\",\"--collapse-content-bg-color\":\"var(--white)\",\"--collapse-borderless-bg-color\":\"var(--white)\",\"--breadcrumb-color-hover\":\"var(--primary-default)\",\"--breadcrumb-color-base\":\"var(--secondary-default)\",\"--breadcrumb-color\":\"var(--secondary-default)\",\"--breadcrumb-color-active\":\"var(--primary-default)\",\"--checkbox-color\":\"var(--primary-color)\",\"--checkbox-check-color\":\"var(--white)\",\"--checkbox-border-width\":\"var(--border-width-base)\",\"--input-color\":\"var(--primary-default)\",\"--input-error-color\":\"var(--negative-default)\",\"--input-error-hover-color\":\"var(--negative-light)\",\"--input-bg-color\":\"var(--background-content)\",\"--input-wrap-bg-color\":\"var(--background-content)\",\"--input-border-color\":\"var(--border-color-base)\",\"--input-group-border-color\":\"var(--primary-lighter)\",\"--input-focus-border-color\":\"var(--primary-color)\",\"--input-active-bg-color\":\"var(--background-content)\",\"--input-disabled-color\":\"var(--primary-default)\",\"--input-disabled-bg-color\":\"var(--disabled-bg)\",\"--input-disabled-border-color\":\"#e6d8d8\",\"--input-hover-color\":\"var(--primary-5)\",\"--input-hover-border-color\":\"var(--primary-color)\",\"--input-placeholder-color\":\"var(--primary-light)\",\"--input-number-handler-active-bg\":\"#f4f4f4\",\"--input-shadow-color\":\"var(--primary-light)\",\"--input-addon-bg\":\"var(--input-bg-color)\",\"--input-max-button-color\":\"var(--primary-default)\",\"--input-max-button-hover-color\":\"var(--primary-darker)\",\"--shadow-color\":\"none\",\"--shadow-color-inverse\":\"var(--shadow-color)\",\"--box-shadow-base\":\"var(--shadow-color)\",\"--shadow-1-up\":\"var(--shadow-color)\",\"--shadow-1-down\":\"var(--shadow-color)\",\"--shadow-1-left\":\"var(--shadow-color)\",\"--shadow-1-right\":\"var(--shadow-color)\",\"--shadow-2\":\"var(--shadow-color)\",\"--modal-body-padding\":\"24px\",\"--modal-header-bg\":\"var(--component-background)\",\"--modal-footer-bg\":\"tranparent\",\"--modal-mask-bg\":\"rgba(var(--primary-default-rgb), 0.50)\",\"--table-header-color\":\"var(--secondary-default)\",\"--table-header-hover-color\":\"var(--primary-default)\",\"--table-linked\":\"var(--primary-default)\",\"--table-linked-hover\":\"var(--primary-light)\",\"--animation-duration-slow\":\"0.3s\",\"--animation-duration-base\":\"0.2s\",\"--animation-duration-fast\":\"0.1s\",\"--screen-xs-max\":\"calc((var(--screen-sm-min) - 1px))\",\"--screen-sm-max\":\"calc((var(--screen-md-min) - 1px))\",\"--screen-md-max\":\"calc((var(--screen-lg-min) - 1px))\",\"--screen-lg-max\":\"calc((var(--screen-xl-min) - 1px))\",\"--screen-xl-max\":\"calc((var(--screen-xxl-min) - 1px))\",\"--btn-default-color\":\"var(--text-color)\",\"--btn-default-bg\":\"var(--background-content)\",\"--btn-default-border\":\"var(--border-color-base)\",\"--btn-primary-hover-bg\":\"var(--accent-darker)\",\"--btn-secondary-hover-bg\":\"var(--secondary-default)\",\"--btn-secondary-disabled-color\":\"var(--primary-dark)\",\"--radio-size\":\"16px\",\"--radio-dot-color\":\"var(--primary-default)\",\"--radio-dot-color-rgb\":\"rgb(40, 39, 38)\",\"--radio-duration\":\"0.3s\",\"--radio-focused-outline\":\"3px solid rgba(var(--radio-dot-color-rgb), 0.06)\",\"--radio-button-bg\":\"var(--btn-default-bg)\",\"--radio-button-checked-bg\":\"var(--btn-default-bg)\",\"--radio-button-color\":\"var(--btn-default-color)\",\"--radio-button-hover-color\":\"var(--primary-5)\",\"--radio-button-active-color\":\"var(--primary-7)\",\"--radion-bt-wr-dis-checked\":\"#e6e6e6\",\"--radio-button-box-shadow\":\"0 0 0 3px rgba(var(--radio-dot-color-rgb), 0.08)\",\"--ease-base-out\":\"cubic-bezier(0.7, 0.3, 0.1, 1)\",\"--ease-base-in\":\"cubic-bezier(0.9, 0, 0.3, 0.7)\",\"--ease-out\":\"cubic-bezier(0.215, 0.61, 0.355, 1)\",\"--ease-in\":\"cubic-bezier(0.55, 0.055, 0.675, 0.19)\",\"--ease-in-out\":\"cubic-bezier(0.645, 0.045, 0.355, 1)\",\"--ease-out-back\":\"cubic-bezier(0.12, 0.4, 0.29, 1.46)\",\"--ease-in-back\":\"cubic-bezier(0.71, -0.46, 0.88, 0.6)\",\"--ease-in-out-back\":\"cubic-bezier(0.71, -0.46, 0.29, 1.46)\",\"--ease-out-circ\":\"cubic-bezier(0.08, 0.82, 0.17, 1)\",\"--ease-in-circ\":\"cubic-bezier(0.6, 0.04, 0.98, 0.34)\",\"--ease-in-out-circ\":\"cubic-bezier(0.78, 0.14, 0.15, 0.86)\",\"--ease-out-quint\":\"cubic-bezier(0.23, 1, 0.32, 1)\",\"--ease-in-quint\":\"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\"--ease-in-out-quint\":\"cubic-bezier(0.86, 0, 0.07, 1)\",\"--padding-lg\":\"24px\",\"--padding-md\":\"16px\",\"--padding-sm\":\"12px\",\"--padding-xs\":\"8px\",\"--control-padding-horizontal\":\"var(--padding-sm)\",\"--control-padding-horizontal-sm\":\"var(--padding-xs)\",\"--content-box-border-radius\":\"5px\",\"--content-box-shadow\":\"none\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"--primary-default\":\"#25282e\",\"--primary-lighter\":\"#babece\",\"--primary-light\":\"#85899d\",\"--primary-dark\":\"#141519\",\"--primary-darker\":\"#050506\",\"--secondary-default\":\"#9dabbf\",\"--secondary-lighter\":\"#e4e8ee\",\"--secondary-light\":\"#c3ccd9\",\"--secondary-dark\":\"#808ea2\",\"--secondary-darker\":\"#5e6b7d\",\"--accent-default\":\"#3681b0\",\"--accent-lighter\":\"rgba(54, 129, 176, 0.5)\",\"--accent-light\":\"rgba(54, 129, 176, 0.75)\",\"--accent-dark\":\"#2e6d94\",\"--accent-darker\":\"#245472\",\"--positive-default\":\"#07cc9b\",\"--positive-lighter\":\"#83e5cd\",\"--positive-light\":\"#38d6af\",\"--positive-dark\":\"#19b38d\",\"--positive-darker\":\"#159475\",\"--negative-default\":\"#ff376b\",\"--negative-lighter\":\"#ff9bb5\",\"--negative-light\":\"#ff5f88\",\"--negative-dark\":\"#ce3960\",\"--negative-darker\":\"#bb3256\",\"--white\":\"#ffffff\",\"--white-rgb\":\"255, 255, 255\",\"--black\":\"#000\",\"--black-rgb\":\"0, 0, 0\",\"--bright\":\"var(--white)\",\"--primary-default-rgb\":\"40, 39, 38\",\"--white-darker\":\"#f5f5f5\",\"--border-color\":\"var(--primary-lighter)\",\"--background-base\":\"#F5F6FA\",\"--background-content\":\"var(--white)\",\"--background-header\":\"var(--accent-default)\",\"--background-footer\":\"#63666AFF\",\"--outline-blur-size\":\"0\",\"--outline-width\":\"2px\",\"--outline-color\":\"var(--primary-color)\",\"--background-color-light\":\"rgb(250, 250, 250)\",\"--background-color-base\":\"rgb(245, 245, 245)\",\"--padding-base\":\"30px\",\"--component-background\":\"var(--white)\",\"--primary-color\":\"var(--accent-default)\",\"--info-color\":\"var(--accent-default)\",\"--success-color\":\"var(--accent-default)\",\"--processing-color\":\"var(--accent-default)\",\"--error-color\":\"var(--negative-default)\",\"--highlight-color\":\"var(--negative-default)\",\"--warning-color\":\"var(--primary-lighter)\",\"--normal-color\":\"#d9d9d9\",\"--primary-1\":\"#f0f5ff\",\"--primary-5\":\"#6b89ff\",\"--primary-7\":\"#2e44d9\",\"--item-active-bg\":\"var(--primary-1)\",\"--item-hover-bg\":\"var(--primary-1)\",\"--text-color\":\"rgba(var(--black-rgb), 0.65)\",\"--text-color-secondary\":\"rgba(var(--black-rgb), 45%)\",\"--text-color-inverse\":\"var(--white)\",\"--text-color-dark\":\"rgba(var(--white-rgb), 0.85)\",\"--heading-color\":\"rgba(var(--black-rgb), 0.85)\",\"--icon-color-hover\":\"rgba(var(--black-rgb), 75%)\",\"--font-variant-base\":\"tabular-nums\",\"--font-feature-settings-base\":\"'tnum'\",\"--font-size-base\":\"14px\",\"--font-size-lg\":\"calc(var(--font-size-base) + 2px)\",\"--font-size-sm\":\"12px\",\"--line-height-base\":\"1.5\",\"--disabled-color\":\"rgba(0, 0, 0, 0.25)\",\"--disabled-bg\":\"var(--background-color-base)\",\"--disabled-color-dark\":\"rgba(var(--white-rgb), 0.35)\",\"--border-color-base\":\"var(--border-color)\",\"--border-color-split\":\"rgb(232, 232, 232)\",\"--border-color-inverse\":\"var(--white)\",\"--border-width-base\":\"1px\",\"--border-style-base\":\"solid\",\"--border-radius-base\":\"2px\",\"--border-radius-sm\":\"2px\",\"--accent-font-family\":\"'Century-gothic', Roboto, Helvetica, Arial, sans-serif\",\"--accent-font-weight\":\"normal\",\"--collapse-color\":\"var(--primary-default)\",\"--collapse-bg-color\":\"var(--background-base)\",\"--collapse-border-color\":\"var(--border-color)\",\"--collapse-header-color\":\"var(--primary-default)\",\"--collapse-arrow-color\":\"var(--accent-default)\",\"--collapse-item-border-color\":\"var(--secondary-lighter)\",\"--collapse-extra-counter-color\":\"var(--white)\",\"--collapse-extra-counter-bg-color\":\"var(--accent-default)\",\"--collapse-content-color\":\"var(--primary-default)\",\"--collapse-content-disabled-color\":\"var(--secondary-lighter)\",\"--collapse-content-bg-color\":\"var(--background-content)\",\"--collapse-borderless-bg-color\":\"var(--background-content)\",\"--breadcrumb-color-hover\":\"var(--primary-default)\",\"--breadcrumb-color-base\":\"var(--secondary-default)\",\"--breadcrumb-color\":\"var(--secondary-default)\",\"--breadcrumb-color-active\":\"var(--primary-default)\",\"--checkbox-color\":\"var(--primary-color)\",\"--checkbox-check-color\":\"var(--white)\",\"--checkbox-border-width\":\"var(--border-width-base)\",\"--input-color\":\"var(--primary-default)\",\"--input-error-color\":\"var(--negative-default)\",\"--input-error-hover-color\":\"var(--negative-dark)\",\"--input-bg-color\":\"var(--background-content)\",\"--input-wrap-bg-color\":\"var(--background-content)\",\"--input-border-color\":\"var(--border-color-base)\",\"--input-group-border-color\":\"var(--primary-lighter)\",\"--input-focus-border-color\":\"var(--primary-color)\",\"--input-active-bg-color\":\"var(--background-content)\",\"--input-disabled-color\":\"var(--primary-default)\",\"--input-disabled-bg-color\":\"var(--disabled-bg)\",\"--input-disabled-border-color\":\"#e6d8d8\",\"--input-hover-color\":\"var(--primary-5)\",\"--input-hover-border-color\":\"var(--primary-color)\",\"--input-placeholder-color\":\"var(--primary-light)\",\"--input-number-handler-active-bg\":\"#f4f4f4\",\"--input-shadow-color\":\"rgba(24, 144, 255, 0.2)\",\"--input-addon-bg\":\"var(--input-bg-color)\",\"--input-max-button-color\":\"var(--input-color)\",\"--input-max-button-hover-color\":\"var(--primary-darker)\",\"--shadow-color\":\"none\",\"--shadow-color-inverse\":\"var(--shadow-color)\",\"--box-shadow-base\":\"var(--shadow-color)\",\"--shadow-1-up\":\"var(--shadow-color)\",\"--shadow-1-down\":\"var(--shadow-color)\",\"--shadow-1-left\":\"var(--shadow-color)\",\"--shadow-1-right\":\"var(--shadow-color)\",\"--shadow-2\":\"var(--shadow-color)\",\"--modal-body-padding\":\"24px\",\"--modal-header-bg\":\"var(--component-background)\",\"--modal-footer-bg\":\"tranparent\",\"--modal-mask-bg\":\"rgba(var(--primary-default-rgb), 0.5)\",\"--table-header-color\":\"var(--primary-light)\",\"--table-header-hover-color\":\"var(--secondary-dark)\",\"--table-linked\":\"var(--primary-default)\",\"--table-linked-hover\":\"var(--primary-dark)\",\"--animation-duration-slow\":\"0.3s\",\"--animation-duration-base\":\"0.2s\",\"--animation-duration-fast\":\"0.1s\",\"--screen-xs-max\":\"calc((var(--screen-sm-min) - 1px))\",\"--screen-sm-max\":\"calc((var(--screen-md-min) - 1px))\",\"--screen-md-max\":\"calc((var(--screen-lg-min) - 1px))\",\"--screen-lg-max\":\"calc((var(--screen-xl-min) - 1px))\",\"--screen-xl-max\":\"calc((var(--screen-xxl-min) - 1px))\",\"--btn-default-color\":\"var(--text-color)\",\"--btn-default-bg\":\"var(--white)\",\"--btn-default-border\":\"var(--border-color-base)\",\"--btn-primary-hover-bg\":\"var(--accent-dark)\",\"--btn-secondary-hover-bg\":\"var(--white)\",\"--btn-secondary-disabled-color\":\"var(--primary-default)\",\"--radio-size\":\"16px\",\"--radio-dot-color\":\"var(--primary-default)\",\"--radio-dot-color-rgb\":\"rgb(40, 39, 38)\",\"--radio-duration\":\"0.3s\",\"--radio-focused-outline\":\"3px solid rgba(var(--radio-dot-color-rgb), 0.06)\",\"--radio-button-bg\":\"var(--btn-default-bg)\",\"--radio-button-checked-bg\":\"var(--btn-default-bg)\",\"--radio-button-color\":\"var(--btn-default-color)\",\"--radio-button-hover-color\":\"var(--primary-5)\",\"--radio-button-active-color\":\"var(--primary-7)\",\"--radion-bt-wr-dis-checked\":\"#e6e6e6\",\"--radio-button-box-shadow\":\"0 0 0 3px rgba(var(--radio-dot-color-rgb), 0.08)\",\"--ease-base-out\":\"cubic-bezier(0.7, 0.3, 0.1, 1)\",\"--ease-base-in\":\"cubic-bezier(0.9, 0, 0.3, 0.7)\",\"--ease-out\":\"cubic-bezier(0.215, 0.61, 0.355, 1)\",\"--ease-in\":\"cubic-bezier(0.55, 0.055, 0.675, 0.19)\",\"--ease-in-out\":\"cubic-bezier(0.645, 0.045, 0.355, 1)\",\"--ease-out-back\":\"cubic-bezier(0.12, 0.4, 0.29, 1.46)\",\"--ease-in-back\":\"cubic-bezier(0.71, -0.46, 0.88, 0.6)\",\"--ease-in-out-back\":\"cubic-bezier(0.71, -0.46, 0.29, 1.46)\",\"--ease-out-circ\":\"cubic-bezier(0.08, 0.82, 0.17, 1)\",\"--ease-in-circ\":\"cubic-bezier(0.6, 0.04, 0.98, 0.34)\",\"--ease-in-out-circ\":\"cubic-bezier(0.78, 0.14, 0.15, 0.86)\",\"--ease-out-quint\":\"cubic-bezier(0.23, 1, 0.32, 1)\",\"--ease-in-quint\":\"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\"--ease-in-out-quint\":\"cubic-bezier(0.86, 0, 0.07, 1)\",\"--padding-lg\":\"24px\",\"--padding-md\":\"16px\",\"--padding-sm\":\"12px\",\"--padding-xs\":\"8px\",\"--control-padding-horizontal\":\"var(--padding-sm)\",\"--control-padding-horizontal-sm\":\"var(--padding-xs)\",\"--content-box-border-radius\":\"5px\",\"--content-box-shadow\":\"0 3px 10px 0 rgba(66, 97, 255, 0.1)\",\"--footer-logo-width\":\"50px\",\"--light-blue\":\"#66aae2\",\"--lighter-blue\":\"rgb(235, 242, 247)\",\"--dark-grey\":\"#75726c\",\"--darker-gray\":\"#565450\",\"--light-grey\":\"#ececec\",\"--terms-bg-color\":\"#000000ef\",\"--body-bg\":\"var(--lighter-blue)\",\"--navigation-box-shadow\":\"0 5px 5px rgba(0, 0, 0, 0.25)\",\"--scroll-top-bg-color\":\"#0c181c\",\"--scroll-top-color\":\"#fff\",\"--chart0-color1\":\"rgb(255, 153, 0)\",\"--chart0-color2\":\"rgb(134, 166, 68)\",\"--chart0-color3\":\"rgb(102, 170, 226)\",\"--chart0-color4\":\"rgb(0, 114, 206)\",\"--chart0-color5\":\"rgb(99, 102, 106)\",\"--chart0-color6\":\"rgb(187, 175, 151)\",\"--chart0-color7\":\"rgb(255, 194, 102)\",\"--chart0-color8\":\"rgb(184, 207, 138)\",\"--chart1-color1\":\"var(--chart0-color1)\",\"--chart1-color2\":\"var(--chart0-color2)\",\"--chart1-color3\":\"rgb(163, 204, 238)\",\"--chart1-color4\":\"rgb(194, 221, 243)\",\"--chart1-color5\":\"rgb(224, 238, 249)\",\"--chart1-color6\":\"rgb(64, 149, 218)\",\"--chart1-color7\":\"rgb(125, 185, 231)\",\"--chart1-color8\":\"rgb(191, 220, 243)\",\"--chart1-color9\":\"rgb(138, 140, 143)\",\"--chart1-color10\":\"rgb(177, 178, 181)\",\"--chart1-color11\":\"rgb(216, 217, 218)\",\"--chart1-color12\":\"var(--chart0-color6)\",\"--chart1-color13\":\"var(--chart0-color7)\",\"--chart1-color14\":\"rgb(255, 235, 204)\",\"--chart1-color15\":\"rgb(231, 239, 216)\",\"--chart1-color16\":\"rgb(228, 223, 213)\",\"--chart1-color17\":\"rgb(217, 217, 217)\",\"--chart2-color1\":\"var(--chart0-color7)\",\"--chart2-color2\":\"var(--chart0-color8)\",\"--chart2-color3\":\"var(--chart0-color3)\",\"--chart2-color4\":\"var(--chart1-color3)\",\"--chart2-color5\":\"var(--chart0-color4)\",\"--chart2-color6\":\"var(--chart1-color4)\",\"--chart2-color7\":\"var(--chart1-color5)\",\"--chart2-color8\":\"var(--chart0-color5)\",\"--chart2-color9\":\"var(--chart0-color1)\",\"--chart2-color10\":\"var(--chart1-color6)\",\"--chart2-color11\":\"var(--chart1-color7)\",\"--chart2-color12\":\"var(--chart0-color2)\",\"--chart2-color13\":\"var(--chart1-color8)\",\"--chart2-color14\":\"var(--chart1-color9)\",\"--chart2-color15\":\"var(--chart1-color10)\",\"--chart2-color16\":\"var(--chart1-color11)\",\"--chart2-color17\":\"var(--chart0-color6)\",\"--chart2-color18\":\"var(--chart0-color7)\",\"--chart2-color19\":\"var(--chart1-color14)\",\"--chart2-color20\":\"var(--chart1-color15)\",\"--chart2-color21\":\"var(--chart1-color16)\",\"--chart2-color22\":\"var(--chart1-color17)\",\"--chart2-color23\":\"rgb(255, 255, 0)\",\"--chart2-color24\":\"var(--chart0-color6)\",\"--chart2-color25\":\"rgb(0, 176, 80)\",\"--chart2-color26\":\"rgb(112, 48, 160)\"};","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\nimport { Modal } from 'ui-library';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { logout as logoutAction } from '../redux/auth/authActions';\r\n\r\nconst events = ['mousemove', 'click', 'scroll', 'keypress'];\r\n\r\nconst SESSION_TIMEOUT_WARNING_DIALOG = parseInt(\r\n global.SetupConfig.SESSION_TIMEOUT_WARNING_DIALOG,\r\n 10\r\n);\r\nconst SESSION_TIMEOUT_WARNING_DIALOG_COUNTDOWN = parseInt(\r\n global.SetupConfig.SESSION_TIMEOUT_WARNING_DIALOG_COUNTDOWN,\r\n 10\r\n);\r\n\r\nexport function withAutoLogout(WrappedComponent) {\r\n class AutoLogout extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.timer = 0;\r\n this.modal = null;\r\n this.showModal = this.showModal.bind(this);\r\n this.resetTimeout = this.resetTimeout.bind(this);\r\n this.continueSession = this.continueSession.bind(this);\r\n this.clearSessionTimeout = this.clearSessionTimeout.bind(this);\r\n this.state = {\r\n modalTime: 1000 * SESSION_TIMEOUT_WARNING_DIALOG,\r\n logoutTime:\r\n 1000 *\r\n (SESSION_TIMEOUT_WARNING_DIALOG + SESSION_TIMEOUT_WARNING_DIALOG_COUNTDOWN),\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n events.forEach((event) => {\r\n global.window.addEventListener(event, this.resetTimeout);\r\n });\r\n\r\n this.setSessionTimeout();\r\n }\r\n\r\n componentWillUnmount() {\r\n events.forEach((event) => {\r\n global.window.removeEventListener(event, this.resetTimeout);\r\n });\r\n this.clearSessionTimeout();\r\n if (this.modal) this.modal.destroy();\r\n }\r\n\r\n setSessionTimeout() {\r\n const { logout } = this.props;\r\n const { modalTime, logoutTime } = this.state;\r\n\r\n if (this.modalTimeout) {\r\n this.clearSessionTimeout();\r\n }\r\n this.modalTimeout = setTimeout(this.showModal, modalTime);\r\n this.logoutTimeout = setTimeout(logout, logoutTime);\r\n }\r\n\r\n clearSessionTimeout() {\r\n if (this.timer) clearInterval(this.timer);\r\n if (this.modalTimeout) clearTimeout(this.modalTimeout);\r\n if (this.logoutTimeout) clearTimeout(this.logoutTimeout);\r\n }\r\n\r\n resetTimeout() {\r\n this.clearSessionTimeout();\r\n this.setSessionTimeout();\r\n }\r\n\r\n renderModalContent = (t, seconds) => (\r\n <>\r\n {t('session.content')}\r\n \r\n
\r\n {`${t('session.remainingTime')}: `}\r\n {`${seconds} ${t('session.seconds')}`}\r\n \r\n );\r\n\r\n continueSession() {\r\n events.forEach((event) => {\r\n global.window.addEventListener(event, this.resetTimeout);\r\n });\r\n this.resetTimeout();\r\n }\r\n\r\n showModal() {\r\n const { t } = this.props;\r\n let remainSeconds = SESSION_TIMEOUT_WARNING_DIALOG_COUNTDOWN;\r\n\r\n events.forEach((event) => {\r\n global.window.removeEventListener(event, this.resetTimeout);\r\n });\r\n\r\n this.modal = Modal.success({\r\n title: t('session.title'),\r\n onOk: this.continueSession,\r\n okText: t('session.button'),\r\n content: this.renderModalContent(t, remainSeconds),\r\n keyboard: false,\r\n className: 'auto-logout',\r\n });\r\n\r\n this.timer = setInterval(() => {\r\n remainSeconds -= 1;\r\n\r\n this.modal.update({\r\n content: this.renderModalContent(t, remainSeconds),\r\n });\r\n }, 1000);\r\n\r\n setTimeout(() => {\r\n clearInterval(this.timer);\r\n this.modal.destroy();\r\n }, remainSeconds * 1000);\r\n }\r\n\r\n render() {\r\n return