\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\nvar Transition = /*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n function Transition(props, context) {\n var _this;\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n var _proto = Transition.prototype;\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: null // allows for nested Transitions\n };\n };\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n if (prevProps !== this.props) {\n var status = this.state.status;\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n this.updateStatus(false, nextStatus);\n };\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n var node = _reactDom.default.findDOMNode(this);\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n var enter = this.props.enter;\n var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n var active = true;\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n this.nextCallback.cancel = function () {\n active = false;\n };\n return this.nextCallback;\n };\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n _proto.render = function render() {\n var status = this.state.status;\n if (status === UNMOUNTED) {\n return null;\n }\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n if (typeof children === 'function') {\n return children(status, childProps);\n }\n var child = _react.default.Children.only(children);\n return _react.default.cloneElement(child, childProps);\n };\n return Transition;\n}(_react.default.Component);\nTransition.contextTypes = {\n transitionGroup: PropTypes.object\n};\nTransition.childContextTypes = {\n transitionGroup: function transitionGroup() {}\n};\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n \n \n {p.config.Body &&
\n \n {isString(p.config.Heading) ?
\n \n {p.config.Heading}
: p.config.Heading}\n\n {isString(p.config.Body) ?
}\n \n {p.config.Body}
: p.config.Body}\nLoading (StaticQuery)
}\n I appear first
I replace the above
\n
\n )\n }\n\n return null\n}\n\nexport const LayoutWrapper: FunctionComponentNot Found!
\n // \\n\\t\n {s.shouldShowBanner && \n \n \n }\n {\n s.showManagerOverlay &&
\n )} />\n}\n\nexport default AnalyticsManager;","// LinkedIn Insight Tag\nimport { asyncPrependToContainer, makeElement } from \"../utils/dom.utils\";\nimport { log } from \"../utils/loggers.utils\";\n\nexport const LOAD_LINKEDIN_INSIGHT = async id => {\n\n log('LOAD_LINKEDIN_INSIGHT', id);\n\n const noscript = makeElement('noscript');\n const img = makeElement('img');\n img.setAttribute('height', 1);\n img.setAttribute('width', 1);\n img.setAttribute('src', `https://px.ads.linkedin.com/collect/?pid=4048809&fmt=gif`);\n\n const _linkedin_partner_id = \"4048809\";\n window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];\n window._linkedin_data_partner_ids.push(_linkedin_partner_id);\n\n (function(l) {\n if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};\n window.lintrk.q=[]}\n var s = document.getElementsByTagName(\"script\")[0];\n var b = document.createElement(\"script\");\n b.type = \"text/javascript\";b.async = true;\n b.src = \"https://snap.licdn.com/li.lms-analytics/insight.min.js\";\n s.parentNode.insertBefore(b, s);})(window.lintrk);\n\n asyncPrependToContainer(() => noscript, () => document.body);\n\n}","// import { loadScript } from \"./utils\";\n\nimport { asyncPrependToContainer, makeElement } from \"../utils/dom.utils\";\nimport { log } from \"../utils/loggers.utils\";\n\n// Google Tag Manager\n\nexport const LOAD_GTAG = (id: string, onLoad?: () => void) => {\n console.log(\"LOAD_GTAG\", id);\n\n // Create the external Google Analytics script\n const scriptExternal = document.createElement(\"script\");\n scriptExternal.async = true;\n scriptExternal.src = `https://www.googletagmanager.com/gtag/js?id=${id}`;\n\n // Create the inline script with the gtag configuration\n const scriptInline = document.createElement(\"script\");\n scriptInline.innerHTML = `\n window.dataLayer = window.dataLayer || [];\n function gtag(){ dataLayer.push(arguments); }\n gtag('js', new Date());\n gtag('config', '${id}');\n `;\n\n // Add the scripts at the same time in the important to keep both together.\n document.head.appendChild(scriptExternal);\n document.head.appendChild(scriptInline);\n\n // Execute the callback function (if required)\n scriptExternal.onload = () => onLoad?.();\n};\n","import { Observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { isObject, isString } from '../../utils/typeChecks.utils';\n\ninterface ErrorListProps {\n errors: AnyObject\n}\n\nconst ErrorListItem: React.FC<{e: AnyObject}> = props => {\n return \n
\n Oh hi there, we've got cookies!
\n {/*We use cookies and similar tech to analyse traffic and site usage. You can read about our
We use cookies and similar tech to analyse traffic and site usage. You can
🍪
\n Accept
\n \n \n
\n }\n \n \n \n
\n Privacy Settings
\n\n s.serialisable.enableEssentialCookies}\n >\n s.serialisable.enableGoogleAnalytics}\n setter={v => s.serialisable.enableGoogleAnalytics = v}\n >\n s.serialisable.enableLinkedInInsightTag}\n setter={v => s.serialisable.enableLinkedInInsightTag = v}\n >\n
\n \n Please manage your cookie choices and privacy settings listed below by switching the consent toggles on or off. You can also choose to:
\nEssential Cookies
\nSome cookies and similar technologies are used to run the website and application properly and cannot be turned off.
\n \nGoogle Analytics
\nCollects site traffic and usage information. This provides insight to where our visitors are coming from, and how everyone uses our services. You can know more about how Google Analytics and Google Tag Manager manages cookies and user/device information on their website.
\nKnow more about Google Analytics ↗
\n \nLinkedIn Insight
\n\n It helps us optimize our LinkedIn campaigns, retarget our website visitors and learn more about your audiences.\n
\n \n \n- \n { array.map((d, i) =>
- \n
\n )}\n
\n
\n )} />\n\n}\n\nexport default ErrorRenderer;","import React from 'react';\nimport joinClassName from '../../utils/className.utils';\nimport { reportError } from '../../utils/loggers.utils';\nimport ErrorRenderer from '../ErrorRenderer/ErrorRenderer';\n\ninterface ErrorBoundaryProps {\n className?: string,\n fallback?: (error?: unknown) => (string | React.ReactElement | null);\n}\ninterface ErrorBoundaryState {\n error: unknown,\n}\n\nclass ErrorBoundary extends React.Component{s.errorMessage}
\n { s.shouldRenderDetails &&\n {\n Fallback ? (\n typeof Fallback === 'string' ? Fallback : Fallback(this.state.error)\n ) :
\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;","import { TweenLite } from 'gsap';\nimport { action, flow, reaction, when } from 'mobx';\nimport { Observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { useAppContext } from '../../controllers/app.controller';\nimport { useOnMount } from '../../hooks/lifecycle.hooks';\nimport { useObservableRef } from '../../hooks/useObservableRef.hook';\nimport { isFirefox, isIE, isIPad, isWebKit } from '../../utils/browsers.utils';\nimport joinClassName from '../../utils/className.utils';\nimport { makeDisposerController } from '../../utils/disposer.utils';\nimport { addRootClass, hasRootClass, removeRootClass } from '../../utils/dom.utils';\nimport { reportError } from '../../utils/loggers.utils';\nimport { useStore } from '../../utils/mobx.utils';\nimport { highPerf } from '../../utils/performance.utils';\nimport tick from '../../utils/waiters.utils';\nimport ErrorBoundary from '../ErrorBoundary/ErrorBoundary';\nimport './CursorController.scss';\n\ntype CursorControllerProps = {}\n\nlet mounted = false;\n\n/**\n * Must only be used in a browser environment. \n * Do not render this during build time or SSR.\n */\nconst CursorController: React.FC\n \n
\n \n { UI.dialogs }\n
) : null\n )} />\n}\n\nexport default DialogStack;","import React, { CSSProperties } from 'react';\n\nconst style: CSSProperties = {\n position: 'fixed',\n top: -24,\n left: -24,\n opacity: 0,\n}\n\nconst Symbols: React.FC = () => {\n return \n \n
\n}\n\nexport default Symbols;","// if (process.env.NODE_ENV === 'development') {\n// process.env['NODE_TLS_REJECT_UNAUTHORIZED'] = '0'\n// }\n// import * as Sentry from \"@sentry/react\";\n// import { Integrations } from \"@sentry/tracing\";\nimport { WrapPageElementBrowserArgs } from \"gatsby\";\nimport { Observer } from \"mobx-react-lite\";\nimport React from \"react\";\nimport initReactFastClick from 'react-fastclick';\nimport configureMobx from \"../src/@configureMobx\";\nimport applyPolyfills from \"../src/@polyfills\";\nimport AnalyticsManager from \"../src/components/AnalyticsManager/AnalyticsManager\";\nimport CursorController from \"../src/components/CursorController/CursorController\";\nimport DialogStack from \"../src/components/DialogStack/DialogStack\";\nimport Symbols from \"../src/components/Symbols\";\nimport { AppContext, AppController } from \"../src/controllers/app.controller\";\nimport { detectBrowsers } from \"../src/utils/browsers.utils\";\n\napplyPolyfills();\nconfigureMobx();\ndetectBrowsers();\ninitReactFastClick();\n\n// if (isBrowser && process.env.NODE_ENV === 'production') Sentry.init({\n// dsn: \"https://5ebe11845822447f9c09b860004a8f03@o165875.ingest.sentry.io/5743081\",\n// integrations: [new Integrations.BrowserTracing()],\n\n// // Set tracesSampleRate to 1.0 to capture 100%\n// // of transactions for performance monitoring.\n// // We recommend adjusting this value in production\n// tracesSampleRate: 1.0,\n// });\n\nexport const wrapPageElement = (args: WrapPageElementBrowserArgs) => {\n const { props, element } = args;\n return