) nor does it use the innerRef prop.\\n\\n' + 'See https://goo.gl/LrBNgw for more info.';\n/**\n * Raise an error if \"children\" is not a DOM Element and there is no ref provided to Waypoint\n *\n * @param {?React.element} children\n * @param {?HTMLElement} ref\n * @return {undefined}\n */\n\nfunction ensureRefIsProvidedByChild(children, ref) {\n if (children && !isDOMElement(children) && !ref) {\n throw new Error(errorMessage);\n }\n}\n\n/**\n * @param {object} bounds An object with bounds data for the waypoint and\n * scrollable parent\n * @return {string} The current position of the waypoint in relation to the\n * visible portion of the scrollable parent. One of the constants `ABOVE`,\n * `BELOW`, `INSIDE` or `INVISIBLE`.\n */\n\nfunction getCurrentPosition(bounds) {\n if (bounds.viewportBottom - bounds.viewportTop === 0) {\n return INVISIBLE;\n } // top is within the viewport\n\n\n if (bounds.viewportTop <= bounds.waypointTop && bounds.waypointTop <= bounds.viewportBottom) {\n return INSIDE;\n } // bottom is within the viewport\n\n\n if (bounds.viewportTop <= bounds.waypointBottom && bounds.waypointBottom <= bounds.viewportBottom) {\n return INSIDE;\n } // top is above the viewport and bottom is below the viewport\n\n\n if (bounds.waypointTop <= bounds.viewportTop && bounds.viewportBottom <= bounds.waypointBottom) {\n return INSIDE;\n }\n\n if (bounds.viewportBottom < bounds.waypointTop) {\n return BELOW;\n }\n\n if (bounds.waypointTop < bounds.viewportTop) {\n return ABOVE;\n }\n\n return INVISIBLE;\n}\n\nvar timeout;\nvar timeoutQueue = [];\nfunction onNextTick(cb) {\n timeoutQueue.push(cb);\n\n if (!timeout) {\n timeout = setTimeout(function () {\n timeout = null; // Drain the timeoutQueue\n\n var item; // eslint-disable-next-line no-cond-assign\n\n while (item = timeoutQueue.shift()) {\n item();\n }\n }, 0);\n }\n\n var isSubscribed = true;\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n\n isSubscribed = false;\n var index = timeoutQueue.indexOf(cb);\n\n if (index === -1) {\n return;\n }\n\n timeoutQueue.splice(index, 1);\n\n if (!timeoutQueue.length && timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n}\n\nfunction resolveScrollableAncestorProp(scrollableAncestor) {\n // When Waypoint is rendered on the server, `window` is not available.\n // To make Waypoint easier to work with, we allow this to be specified in\n // string form and safely convert to `window` here.\n if (scrollableAncestor === 'window') {\n return global.window;\n }\n\n return scrollableAncestor;\n}\n\nvar hasWindow = typeof window !== 'undefined';\nvar defaultProps = {\n debug: false,\n scrollableAncestor: undefined,\n children: undefined,\n topOffset: '0px',\n bottomOffset: '0px',\n horizontal: false,\n onEnter: function onEnter() {},\n onLeave: function onLeave() {},\n onPositionChange: function onPositionChange() {},\n fireOnRapidScroll: true\n}; // Calls a function when you scroll to the element.\n\nvar Waypoint = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(Waypoint, _React$PureComponent);\n\n function Waypoint(props) {\n var _this;\n\n _this = _React$PureComponent.call(this, props) || this;\n\n _this.refElement = function (e) {\n _this._ref = e;\n };\n\n return _this;\n }\n\n var _proto = Waypoint.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var _this2 = this;\n\n if (!hasWindow) {\n return;\n } // this._ref may occasionally not be set at this time. To help ensure that\n // this works smoothly and to avoid layout thrashing, we want to delay the\n // initial execution until the next tick.\n\n\n this.cancelOnNextTick = onNextTick(function () {\n _this2.cancelOnNextTick = null;\n var _this2$props = _this2.props,\n children = _this2$props.children,\n debug = _this2$props.debug; // Berofe doing anything, we want to check that this._ref is avaliable in Waypoint\n\n ensureRefIsProvidedByChild(children, _this2._ref);\n _this2._handleScroll = _this2._handleScroll.bind(_this2);\n _this2.scrollableAncestor = _this2._findScrollableAncestor();\n\n if (process.env.NODE_ENV !== 'production' && debug) {\n debugLog('scrollableAncestor', _this2.scrollableAncestor);\n }\n\n _this2.scrollEventListenerUnsubscribe = addEventListener(_this2.scrollableAncestor, 'scroll', _this2._handleScroll, {\n passive: true\n });\n _this2.resizeEventListenerUnsubscribe = addEventListener(window, 'resize', _this2._handleScroll, {\n passive: true\n });\n\n _this2._handleScroll(null);\n });\n };\n\n _proto.componentDidUpdate = function componentDidUpdate() {\n var _this3 = this;\n\n if (!hasWindow) {\n return;\n }\n\n if (!this.scrollableAncestor) {\n // The Waypoint has not yet initialized.\n return;\n } // The element may have moved, so we need to recompute its position on the\n // page. This happens via handleScroll in a way that forces layout to be\n // computed.\n //\n // We want this to be deferred to avoid forcing layout during render, which\n // causes layout thrashing. And, if we already have this work enqueued, we\n // can just wait for that to happen instead of enqueueing again.\n\n\n if (this.cancelOnNextTick) {\n return;\n }\n\n this.cancelOnNextTick = onNextTick(function () {\n _this3.cancelOnNextTick = null;\n\n _this3._handleScroll(null);\n });\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (!hasWindow) {\n return;\n }\n\n if (this.scrollEventListenerUnsubscribe) {\n this.scrollEventListenerUnsubscribe();\n }\n\n if (this.resizeEventListenerUnsubscribe) {\n this.resizeEventListenerUnsubscribe();\n }\n\n if (this.cancelOnNextTick) {\n this.cancelOnNextTick();\n }\n }\n /**\n * Traverses up the DOM to find an ancestor container which has an overflow\n * style that allows for scrolling.\n *\n * @return {Object} the closest ancestor element with an overflow style that\n * allows for scrolling. If none is found, the `window` object is returned\n * as a fallback.\n */\n ;\n\n _proto._findScrollableAncestor = function _findScrollableAncestor() {\n var _this$props = this.props,\n horizontal = _this$props.horizontal,\n scrollableAncestor = _this$props.scrollableAncestor;\n\n if (scrollableAncestor) {\n return resolveScrollableAncestorProp(scrollableAncestor);\n }\n\n var node = this._ref;\n\n while (node.parentNode) {\n node = node.parentNode;\n\n if (node === document.body) {\n // We've reached all the way to the root node.\n return window;\n }\n\n var style = window.getComputedStyle(node);\n var overflowDirec = horizontal ? style.getPropertyValue('overflow-x') : style.getPropertyValue('overflow-y');\n var overflow = overflowDirec || style.getPropertyValue('overflow');\n\n if (overflow === 'auto' || overflow === 'scroll' || overflow === 'overlay') {\n return node;\n }\n } // A scrollable ancestor element was not found, which means that we need to\n // do stuff on window.\n\n\n return window;\n }\n /**\n * @param {Object} event the native scroll event coming from the scrollable\n * ancestor, or resize event coming from the window. Will be undefined if\n * called by a React lifecyle method\n */\n ;\n\n _proto._handleScroll = function _handleScroll(event) {\n if (!this._ref) {\n // There's a chance we end up here after the component has been unmounted.\n return;\n }\n\n var bounds = this._getBounds();\n\n var currentPosition = getCurrentPosition(bounds);\n var previousPosition = this._previousPosition;\n var _this$props2 = this.props,\n debug = _this$props2.debug,\n onPositionChange = _this$props2.onPositionChange,\n onEnter = _this$props2.onEnter,\n onLeave = _this$props2.onLeave,\n fireOnRapidScroll = _this$props2.fireOnRapidScroll;\n\n if (process.env.NODE_ENV !== 'production' && debug) {\n debugLog('currentPosition', currentPosition);\n debugLog('previousPosition', previousPosition);\n } // Save previous position as early as possible to prevent cycles\n\n\n this._previousPosition = currentPosition;\n\n if (previousPosition === currentPosition) {\n // No change since last trigger\n return;\n }\n\n var callbackArg = {\n currentPosition: currentPosition,\n previousPosition: previousPosition,\n event: event,\n waypointTop: bounds.waypointTop,\n waypointBottom: bounds.waypointBottom,\n viewportTop: bounds.viewportTop,\n viewportBottom: bounds.viewportBottom\n };\n onPositionChange.call(this, callbackArg);\n\n if (currentPosition === INSIDE) {\n onEnter.call(this, callbackArg);\n } else if (previousPosition === INSIDE) {\n onLeave.call(this, callbackArg);\n }\n\n var isRapidScrollDown = previousPosition === BELOW && currentPosition === ABOVE;\n var isRapidScrollUp = previousPosition === ABOVE && currentPosition === BELOW;\n\n if (fireOnRapidScroll && (isRapidScrollDown || isRapidScrollUp)) {\n // If the scroll event isn't fired often enough to occur while the\n // waypoint was visible, we trigger both callbacks anyway.\n onEnter.call(this, {\n currentPosition: INSIDE,\n previousPosition: previousPosition,\n event: event,\n waypointTop: bounds.waypointTop,\n waypointBottom: bounds.waypointBottom,\n viewportTop: bounds.viewportTop,\n viewportBottom: bounds.viewportBottom\n });\n onLeave.call(this, {\n currentPosition: currentPosition,\n previousPosition: INSIDE,\n event: event,\n waypointTop: bounds.waypointTop,\n waypointBottom: bounds.waypointBottom,\n viewportTop: bounds.viewportTop,\n viewportBottom: bounds.viewportBottom\n });\n }\n };\n\n _proto._getBounds = function _getBounds() {\n var _this$props3 = this.props,\n horizontal = _this$props3.horizontal,\n debug = _this$props3.debug;\n\n var _this$_ref$getBoundin = this._ref.getBoundingClientRect(),\n left = _this$_ref$getBoundin.left,\n top = _this$_ref$getBoundin.top,\n right = _this$_ref$getBoundin.right,\n bottom = _this$_ref$getBoundin.bottom;\n\n var waypointTop = horizontal ? left : top;\n var waypointBottom = horizontal ? right : bottom;\n var contextHeight;\n var contextScrollTop;\n\n if (this.scrollableAncestor === window) {\n contextHeight = horizontal ? window.innerWidth : window.innerHeight;\n contextScrollTop = 0;\n } else {\n contextHeight = horizontal ? this.scrollableAncestor.offsetWidth : this.scrollableAncestor.offsetHeight;\n contextScrollTop = horizontal ? this.scrollableAncestor.getBoundingClientRect().left : this.scrollableAncestor.getBoundingClientRect().top;\n }\n\n if (process.env.NODE_ENV !== 'production' && debug) {\n debugLog('waypoint top', waypointTop);\n debugLog('waypoint bottom', waypointBottom);\n debugLog('scrollableAncestor height', contextHeight);\n debugLog('scrollableAncestor scrollTop', contextScrollTop);\n }\n\n var _this$props4 = this.props,\n bottomOffset = _this$props4.bottomOffset,\n topOffset = _this$props4.topOffset;\n var topOffsetPx = computeOffsetPixels(topOffset, contextHeight);\n var bottomOffsetPx = computeOffsetPixels(bottomOffset, contextHeight);\n var contextBottom = contextScrollTop + contextHeight;\n return {\n waypointTop: waypointTop,\n waypointBottom: waypointBottom,\n viewportTop: contextScrollTop + topOffsetPx,\n viewportBottom: contextBottom - bottomOffsetPx\n };\n }\n /**\n * @return {Object}\n */\n ;\n\n _proto.render = function render() {\n var _this4 = this;\n\n var children = this.props.children;\n\n if (!children) {\n // We need an element that we can locate in the DOM to determine where it is\n // rendered relative to the top of its context.\n return /*#__PURE__*/React.createElement(\"span\", {\n ref: this.refElement,\n style: {\n fontSize: 0\n }\n });\n }\n\n if (isDOMElement(children) || isForwardRef(children)) {\n var ref = function ref(node) {\n _this4.refElement(node);\n\n if (children.ref) {\n if (typeof children.ref === 'function') {\n children.ref(node);\n } else {\n children.ref.current = node;\n }\n }\n };\n\n return /*#__PURE__*/React.cloneElement(children, {\n ref: ref\n });\n }\n\n return /*#__PURE__*/React.cloneElement(children, {\n innerRef: this.refElement\n });\n };\n\n return Waypoint;\n}(React.PureComponent);\n\nif (process.env.NODE_ENV !== 'production') {\n Waypoint.propTypes = {\n children: PropTypes.element,\n debug: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPositionChange: PropTypes.func,\n fireOnRapidScroll: PropTypes.bool,\n // eslint-disable-next-line react/forbid-prop-types\n scrollableAncestor: PropTypes.any,\n horizontal: PropTypes.bool,\n // `topOffset` can either be a number, in which case its a distance from the\n // top of the container in pixels, or a string value. Valid string values are\n // of the form \"20px\", which is parsed as pixels, or \"20%\", which is parsed\n // as a percentage of the height of the containing element.\n // For instance, if you pass \"-20%\", and the containing element is 100px tall,\n // then the waypoint will be triggered when it has been scrolled 20px beyond\n // the top of the containing element.\n topOffset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n // `bottomOffset` can either be a number, in which case its a distance from the\n // bottom of the container in pixels, or a string value. Valid string values are\n // of the form \"20px\", which is parsed as pixels, or \"20%\", which is parsed\n // as a percentage of the height of the containing element.\n // For instance, if you pass \"20%\", and the containing element is 100px tall,\n // then the waypoint will be triggered when it has been scrolled 20px beyond\n // the bottom of the containing element.\n // Similar to `topOffset`, but for the bottom of the container.\n bottomOffset: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n };\n}\n\nWaypoint.above = ABOVE;\nWaypoint.below = BELOW;\nWaypoint.inside = INSIDE;\nWaypoint.invisible = INVISIBLE;\nWaypoint.defaultProps = defaultProps;\nWaypoint.displayName = 'Waypoint';\n\nexport { Waypoint };\n","import { useEffect, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Intent, Spinner, Tag } from '@blueprintjs/core';\n\nenum Status {\n SUCCESS = 'SUCCESS',\n ERROR = 'ERROR',\n IN_PROGRESS = 'IN_PROGRESS',\n}\n\ntype UpdateStatusProps = {\n status?: Status;\n};\n\nfunction UpdateStatus({ status }: UpdateStatusProps) {\n const commonProps = { className: 'UpdateStatus', large: true, minimal: true };\n const isOnline = useOnlineStatus();\n\n if (!isOnline) {\n return (\n
\n \n \n );\n }\n\n if (status === Status.ERROR) {\n return (\n
\n \n \n );\n }\n\n if (status === Status.IN_PROGRESS) {\n return (\n
}\n {...commonProps}\n >\n
\n \n );\n }\n\n // If no status or an unknown status is passed to the component, it will\n // display \"Saved\". It would be better to be strict and always require a\n // valid status. Keeping this behavior to prevent breaking API changes.\n return (\n
\n \n \n );\n}\n\nUpdateStatus.SUCCESS = Status.SUCCESS;\nUpdateStatus.ERROR = Status.ERROR;\nUpdateStatus.IN_PROGRESS = Status.IN_PROGRESS;\n\nfunction useOnlineStatus() {\n const [isOnline, setIsOnline] = useState
(navigator.onLine);\n const onChange = () => setIsOnline(navigator.onLine);\n\n useEffect(() => {\n window.addEventListener('online', onChange);\n window.addEventListener('offline', onChange);\n\n return () => {\n window.removeEventListener('online', onChange);\n window.removeEventListener('offline', onChange);\n };\n }, []);\n\n return isOnline;\n}\n\nexport default UpdateStatus;\n","import React, { Component } from 'react';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport { Waypoint } from 'react-waypoint';\nimport { Button } from '@blueprintjs/core';\n\nimport './QueryInfiniteLoad.scss';\n\nclass QueryInfiniteLoad extends Component {\n constructor(props) {\n super(props);\n this.getMoreResults = this.getMoreResults.bind(this);\n }\n\n componentDidMount() {\n this.fetchIfNeeded();\n }\n\n componentDidUpdate() {\n this.fetchIfNeeded();\n }\n\n getMoreResults() {\n const { query, result } = this.props;\n this.props.fetch({ query, result, next: result.next });\n }\n\n fetchIfNeeded() {\n const { query, result } = this.props;\n if (result.shouldLoad) {\n this.props.fetch({ query, result });\n }\n }\n\n render() {\n const { loadOnScroll = true, result } = this.props;\n const canLoadMore =\n result &&\n result.next &&\n !result.isPending &&\n !result.isError &&\n result.results.length > 0 &&\n result.results.length < result.total;\n\n if (canLoadMore) {\n if (loadOnScroll) {\n return (\n \n );\n } else {\n return (\n \n \n \n \n
\n );\n }\n }\n\n return null;\n }\n}\n\nexport default injectIntl(QueryInfiniteLoad);\n","import React from 'react';\nimport Count from 'components/common/Count';\n\nconst ResultCount = ({ result, ...rest }) => (\n \n);\nexport default ResultCount;\n","import React, { PureComponent } from 'react';\nimport { FormattedNumber, FormattedMessage } from 'react-intl';\n\nimport './ResultText.scss';\n\nclass ResultText extends PureComponent {\n renderText() {\n const { customText, result } = this.props;\n if (result?.isError) {\n return ;\n }\n if (!result || result.total === undefined) {\n return (\n \n );\n }\n\n if (customText) {\n return customText;\n }\n if (result.total_type === 'gte') {\n return (\n ,\n }}\n />\n );\n }\n if (result.total === 0) {\n return (\n \n );\n }\n if (result.total === 1) {\n return (\n \n );\n }\n return (\n ,\n }}\n />\n );\n }\n\n render() {\n return {this.renderText()};\n }\n}\n\nexport default ResultText;\n","import React, { PureComponent } from 'react';\nimport { Icon } from '@blueprintjs/core';\n\nimport './ExportLink.scss';\n\nclass ExportLink extends PureComponent {\n render() {\n const { export_, icon } = this.props;\n\n const label = (\n \n \n {export_.label}\n \n );\n\n if (export_?.links?.download) {\n return {label};\n }\n return label;\n }\n}\n\nexport default ExportLink;\n","import React, { Component } from 'react';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport {\n AnchorButton,\n ButtonGroup,\n Classes,\n Intent,\n Position,\n} from '@blueprintjs/core';\nimport { Tooltip2 as Tooltip } from '@blueprintjs/popover2';\nimport c from 'classnames';\n\nimport './JudgementButtons.scss';\n\nconst messages = defineMessages({\n disabled: {\n id: 'judgement.disabled',\n defaultMessage: 'You must have edit access in order to make judgements.',\n },\n positive: {\n id: 'judgement.positive',\n defaultMessage: 'Same',\n },\n negative: {\n id: 'judgement.negative',\n defaultMessage: 'Different',\n },\n unsure: {\n id: 'judgement.unsure',\n defaultMessage: 'Not enough information',\n },\n});\n\nclass JudgementButtons extends Component {\n constructor(props) {\n super(props);\n this.state = { blocking: false };\n }\n\n async onChange(judgement) {\n const { obj, onChange } = this.props;\n obj.judgement = obj.judgement === judgement ? 'no_judgement' : judgement;\n this.setState({ blocking: true });\n onChange(obj);\n this.setState({ blocking: false });\n }\n\n render() {\n const { obj = {}, intl, isPending } = this.props;\n const { blocking } = this.state;\n const disabled = this.props.disabled || blocking || !obj.writeable;\n return (\n \n \n \n this.onChange('positive')}\n />\n \n \n this.onChange('unsure')}\n />\n \n \n this.onChange('negative')}\n />\n \n \n \n );\n }\n}\n\nexport default injectIntl(JudgementButtons);\n","import { MenuItem2 as MenuItem } from '@blueprintjs/popover2';\nimport { useLinkClickHandler, useHref } from 'react-router-dom';\n\nexport default function LinkMenuItem({ to, ...props }) {\n const href = useHref(to);\n const clickHandler = useLinkClickHandler(to);\n\n return ;\n}\n","import { AnchorButton } from '@blueprintjs/core';\nimport { useLinkClickHandler, useHref } from 'react-router-dom';\n\nexport default function LinkButton({ to, ...props }) {\n const href = useHref(to);\n const clickHandler = useLinkClickHandler(to);\n\n return ;\n}\n","import { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Country as VLCountry, CountrySelect } from 'react-ftm';\nimport { selectLocale, selectModel } from 'selectors';\n\nconst mapStateToProps = (state) => {\n const model = selectModel(state);\n const locale = selectLocale(state);\n\n return { fullList: model.types.country.values, locale };\n};\n\nclass Country extends Component {\n static Name = connect(mapStateToProps)(VLCountry.Label);\n\n static List = connect(mapStateToProps)(VLCountry.List);\n\n static MultiSelect = connect(mapStateToProps)(CountrySelect);\n}\n\nexport default Country;\n","import { Numeric } from 'react-ftm';\nimport { connect } from 'react-redux';\n\nimport { selectLocale } from 'selectors';\n\nconst mapStateToProps = (state) => ({\n locale: selectLocale(state),\n});\n\nexport default connect(mapStateToProps)(Numeric);\n","import { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Language as VLLanguage, LanguageSelect } from 'react-ftm';\nimport { selectLocale, selectModel } from 'selectors';\n\nconst mapStateToProps = (state) => {\n const model = selectModel(state);\n const locale = selectLocale(state);\n return { fullList: model.types.language.values, locale };\n};\n\nclass Language extends Component {\n static Name = connect(mapStateToProps)(VLLanguage.Label);\n\n static List = connect(mapStateToProps)(VLLanguage.List);\n\n static MultiSelect = connect(mapStateToProps)(LanguageSelect);\n}\n\nexport default Language;\n","import { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Topic as VLTopic, TopicSelect } from 'react-ftm';\nimport { selectLocale, selectModel } from 'selectors';\n\nconst mapStateToProps = (state) => {\n const model = selectModel(state);\n const locale = selectLocale(state);\n return { fullList: model.types.topic.values, locale };\n};\n\nclass Topic extends Component {\n static Name = connect(mapStateToProps)(VLTopic.Label);\n\n static List = connect(mapStateToProps)(VLTopic.List);\n\n static MultiSelect = connect(mapStateToProps)(TopicSelect);\n}\n\nexport default Topic;\n","import React, { Component } from 'react';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport {\n Callout,\n Intent,\n Dialog,\n MenuDivider,\n Button,\n} from '@blueprintjs/core';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { endpoint } from 'app/api';\nimport { showResponseToast } from 'app/toast';\nimport {\n PasswordAuthLogin,\n PasswordAuthSignup,\n} from 'components/auth/PasswordAuth';\nimport {\n loginWithPassword as loginWithPasswordAction,\n loginWithToken as loginWithTokenAction,\n} from 'actions/sessionActions';\nimport { selectMetadata } from 'selectors';\n\nimport './AuthenticationDialog.scss';\n\nconst messages = defineMessages({\n title: {\n id: 'signup.title',\n defaultMessage: 'Sign in',\n },\n registration_title: {\n id: 'signup.register',\n defaultMessage: 'Register',\n },\n});\n\nexport class AuthenticationDialog extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n submitted: false,\n firstSection: '',\n secondSection: 'hide',\n };\n\n this.onLogin = this.onLogin.bind(this);\n this.onSignup = this.onSignup.bind(this);\n this.onRegisterClick = this.onRegisterClick.bind(this);\n this.onSignInClick = this.onSignInClick.bind(this);\n this.onOAuthLogin = this.onOAuthLogin.bind(this);\n }\n\n onOAuthLogin() {\n const {\n nextPath,\n metadata: { auth },\n } = this.props;\n if (auth.oauth_uri) {\n const nextPathEnc = encodeURIComponent(nextPath || '/');\n window.location.replace(`/api/2/sessions/oauth?next=${nextPathEnc}`);\n }\n }\n\n onSignup(data) {\n const { intl } = this.props;\n endpoint\n .post('/roles/code', data)\n .then(() => {\n this.setState({ submitted: true });\n })\n .catch((e) => {\n showResponseToast(e.response, intl);\n });\n }\n\n async onLogin(data) {\n const { nextPath, intl, loginWithPassword } = this.props;\n try {\n await loginWithPassword(data.email, data.password);\n window.location.replace(nextPath || '/');\n } catch (e) {\n showResponseToast(e.response, intl);\n }\n }\n\n onRegisterClick(e) {\n e.preventDefault();\n this.setState({ firstSection: 'hide', secondSection: '' });\n }\n\n onSignInClick(e) {\n e.preventDefault();\n this.setState({ firstSection: '', secondSection: 'hide' });\n }\n\n render() {\n const { metadata, intl, isOpen, toggleDialog } = this.props;\n const { auth } = metadata;\n const { submitted, firstSection, secondSection } = this.state;\n const passwordLogin = auth.password_login_uri;\n\n if (!isOpen) {\n return null;\n }\n\n if (!auth.password_login_uri) {\n this.onOAuthLogin();\n return null;\n }\n\n return (\n \n \n
\n {passwordLogin && (\n \n )}\n {passwordLogin && (\n \n )}\n \n
\n {submitted ? (\n \n \n \n
\n \n \n ) : (\n \n \n \n \n )}\n \n {auth.oauth_uri && (\n <>\n
\n
\n \n )}\n
{entity.getCaption()}
\n