mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
b6ccd22d6c
Co-authored-by: Mark Stacey <markjstacey@gmail.com>
133 lines
3.8 KiB
JavaScript
133 lines
3.8 KiB
JavaScript
import React, { Component, createContext, useEffect, useCallback, useState } from 'react'
|
|
import { useSelector } from 'react-redux'
|
|
import PropTypes from 'prop-types'
|
|
import { useHistory } from 'react-router-dom'
|
|
import { captureException } from '@sentry/browser'
|
|
|
|
import {
|
|
getCurrentNetworkId,
|
|
getAccountType,
|
|
getNumberOfAccounts,
|
|
getNumberOfTokens,
|
|
} from '../selectors/selectors'
|
|
import { getSendToken } from '../selectors/send'
|
|
import {
|
|
txDataSelector,
|
|
} from '../selectors/confirm-transaction'
|
|
import { getEnvironmentType } from '../../../app/scripts/lib/util'
|
|
import {
|
|
sendMetaMetricsEvent,
|
|
sendCountIsTrackable,
|
|
} from '../helpers/utils/metametrics.util'
|
|
|
|
export const MetaMetricsContext = createContext(() => {
|
|
captureException(
|
|
Error(`MetaMetrics context function was called from a react node that is not a descendant of a MetaMetrics context provider`),
|
|
)
|
|
})
|
|
|
|
export function MetaMetricsProvider ({ children }) {
|
|
const txData = useSelector(txDataSelector) || {}
|
|
const network = useSelector(getCurrentNetworkId)
|
|
const environmentType = getEnvironmentType()
|
|
const activeCurrency = useSelector(getSendToken)?.symbol
|
|
const accountType = useSelector(getAccountType)
|
|
const confirmTransactionOrigin = txData.origin
|
|
const metaMetricsId = useSelector((state) => state.metamask.metaMetricsId)
|
|
const participateInMetaMetrics = useSelector((state) => state.metamask.participateInMetaMetrics)
|
|
const metaMetricsSendCount = useSelector((state) => state.metamask.metaMetricsSendCount)
|
|
const numberOfTokens = useSelector(getNumberOfTokens)
|
|
const numberOfAccounts = useSelector(getNumberOfAccounts)
|
|
const history = useHistory()
|
|
const [state, setState] = useState(() => ({
|
|
currentPath: (new URL(window.location.href)).pathname,
|
|
previousPath: '',
|
|
}))
|
|
|
|
const { previousPath, currentPath } = state
|
|
|
|
useEffect(() => {
|
|
const unlisten = history.listen(() => setState((prevState) => ({
|
|
currentPath: (new URL(window.location.href)).pathname,
|
|
previousPath: prevState.currentPath,
|
|
})))
|
|
// remove this listener if the component is no longer mounted
|
|
return unlisten
|
|
}, [history])
|
|
|
|
const metricsEvent = useCallback((config = {}, overrides = {}) => {
|
|
const { eventOpts = {} } = config
|
|
const { name = '' } = eventOpts
|
|
const { currentPath: overrideCurrentPath = '' } = overrides
|
|
const isSendFlow = Boolean(name.match(/^send|^confirm/u) || overrideCurrentPath.match(/send|confirm/u))
|
|
|
|
if (participateInMetaMetrics || config.isOptIn) {
|
|
return sendMetaMetricsEvent({
|
|
network,
|
|
environmentType,
|
|
activeCurrency,
|
|
accountType,
|
|
confirmTransactionOrigin,
|
|
metaMetricsId,
|
|
numberOfTokens,
|
|
numberOfAccounts,
|
|
version: global.platform.getVersion(),
|
|
...config,
|
|
previousPath,
|
|
currentPath,
|
|
excludeMetaMetricsId: isSendFlow && !sendCountIsTrackable(metaMetricsSendCount + 1),
|
|
...overrides,
|
|
})
|
|
}
|
|
|
|
return undefined
|
|
}, [
|
|
network,
|
|
environmentType,
|
|
activeCurrency,
|
|
accountType,
|
|
confirmTransactionOrigin,
|
|
participateInMetaMetrics,
|
|
previousPath,
|
|
metaMetricsId,
|
|
numberOfTokens,
|
|
numberOfAccounts,
|
|
currentPath,
|
|
metaMetricsSendCount,
|
|
])
|
|
|
|
return (
|
|
<MetaMetricsContext.Provider value={metricsEvent}>
|
|
{children}
|
|
</MetaMetricsContext.Provider>
|
|
)
|
|
}
|
|
|
|
MetaMetricsProvider.propTypes = { children: PropTypes.node }
|
|
|
|
export class LegacyMetaMetricsProvider extends Component {
|
|
static propTypes = {
|
|
children: PropTypes.node,
|
|
}
|
|
|
|
static defaultProps = {
|
|
children: undefined,
|
|
}
|
|
|
|
static contextType = MetaMetricsContext
|
|
|
|
static childContextTypes = {
|
|
metricsEvent: PropTypes.func,
|
|
}
|
|
|
|
getChildContext () {
|
|
return {
|
|
metricsEvent: this.context,
|
|
}
|
|
}
|
|
|
|
render () {
|
|
return this.props.children
|
|
}
|
|
}
|