\n\t\t\t\tFetching Jobs
\n\t\t\t
\n\t\t\n\t)\n}\n\nexport default JobBoardBlock\n","function makeTypeChecker(tabsRole) {\n return function (element) {\n return !!element.type && element.type.tabsRole === tabsRole;\n };\n}\n\nexport var isTab = makeTypeChecker('Tab');\nexport var isTabList = makeTypeChecker('TabList');\nexport var isTabPanel = makeTypeChecker('TabPanel');","function ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nimport { Children, cloneElement } from 'react';\nimport { isTabPanel, isTab, isTabList } from './elementTypes';\n\nfunction isTabChild(child) {\n return isTab(child) || isTabList(child) || isTabPanel(child);\n}\n\nexport function deepMap(children, callback) {\n return Children.map(children, function (child) {\n // null happens when conditionally rendering TabPanel/Tab\n // see https://github.com/reactjs/react-tabs/issues/37\n if (child === null) return null;\n\n if (isTabChild(child)) {\n return callback(child);\n }\n\n if (child.props && child.props.children && typeof child.props.children === 'object') {\n // Clone the child that has children and map them too\n return cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {\n children: deepMap(child.props.children, callback)\n }));\n }\n\n return child;\n });\n}\nexport function deepForEach(children, callback) {\n return Children.forEach(children, function (child) {\n // null happens when conditionally rendering TabPanel/Tab\n // see https://github.com/reactjs/react-tabs/issues/37\n if (child === null) return;\n\n if (isTab(child) || isTabPanel(child)) {\n callback(child);\n } else if (child.props && child.props.children && typeof child.props.children === 'object') {\n if (isTabList(child)) callback(child);\n deepForEach(child.props.children, callback);\n }\n });\n}","function toVal(mix) {\n var k,\n y,\n str = '';\n\n if (typeof mix === 'string' || typeof mix === 'number') {\n str += mix;\n } else if (typeof mix === 'object') {\n if (Array.isArray(mix)) {\n for (k = 0; k < mix.length; k++) {\n if (mix[k]) {\n if (y = toVal(mix[k])) {\n str && (str += ' ');\n str += y;\n }\n }\n }\n } else {\n for (k in mix) {\n if (mix[k]) {\n str && (str += ' ');\n str += k;\n }\n }\n }\n }\n\n return str;\n}\n\nexport default function () {\n var i = 0,\n tmp,\n x,\n str = '';\n\n while (i < arguments.length) {\n if (tmp = arguments[i++]) {\n if (x = toVal(tmp)) {\n str && (str += ' ');\n str += x;\n }\n }\n }\n\n return str;\n}","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nimport React, { cloneElement, Component } from 'react';\nimport cx from 'clsx';\nimport uuid from '../helpers/uuid';\nimport { childrenPropType } from '../helpers/propTypes';\nimport { getPanelsCount as _getPanelsCount, getTabsCount as _getTabsCount } from '../helpers/count';\nimport { deepMap } from '../helpers/childrenDeepMap';\nimport { isTabList, isTabPanel, isTab } from '../helpers/elementTypes';\n\nfunction isNode(node) {\n return node && 'getAttribute' in node;\n} // Determine if a node from event.target is a Tab element\n\n\nfunction isTabNode(node) {\n return isNode(node) && node.getAttribute('role') === 'tab';\n} // Determine if a tab node is disabled\n\n\nfunction isTabDisabled(node) {\n return isNode(node) && node.getAttribute('aria-disabled') === 'true';\n}\n\nvar canUseActiveElement;\n\ntry {\n canUseActiveElement = !!(typeof window !== 'undefined' && window.document && window.document.activeElement);\n} catch (e) {\n // Work around for IE bug when accessing document.activeElement in an iframe\n // Refer to the following resources:\n // http://stackoverflow.com/a/10982960/369687\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12733599\n canUseActiveElement = false;\n}\n\nvar UncontrolledTabs = /*#__PURE__*/function (_Component) {\n _inheritsLoose(UncontrolledTabs, _Component);\n\n function UncontrolledTabs() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.tabNodes = [];\n\n _this.handleKeyDown = function (e) {\n var direction = _this.props.direction;\n\n if (_this.isTabFromContainer(e.target)) {\n var index = _this.props.selectedIndex;\n var preventDefault = false;\n var useSelectedIndex = false;\n\n if (e.keyCode === 32 || e.keyCode === 13) {\n preventDefault = true;\n useSelectedIndex = false;\n\n _this.handleClick(e);\n }\n\n if (e.keyCode === 37 || e.keyCode === 38) {\n // Select next tab to the left\n if (direction === 'rtl') {\n index = _this.getNextTab(index);\n } else {\n index = _this.getPrevTab(index);\n }\n\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 39 || e.keyCode === 40) {\n // Select next tab to the right\n if (direction === 'rtl') {\n index = _this.getPrevTab(index);\n } else {\n index = _this.getNextTab(index);\n }\n\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 35) {\n // Select last tab (End key)\n index = _this.getLastTab();\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 36) {\n // Select first tab (Home key)\n index = _this.getFirstTab();\n preventDefault = true;\n useSelectedIndex = true;\n } // This prevents scrollbars from moving around\n\n\n if (preventDefault) {\n e.preventDefault();\n } // Only use the selected index in the state if we're not using the tabbed index\n\n\n if (useSelectedIndex) {\n _this.setSelected(index, e);\n }\n }\n };\n\n _this.handleClick = function (e) {\n var node = e.target;\n\n do {\n if (_this.isTabFromContainer(node)) {\n if (isTabDisabled(node)) {\n return;\n }\n\n var index = [].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);\n\n _this.setSelected(index, e);\n\n return;\n } // eslint-disable-next-line no-cond-assign\n\n } while ((node = node.parentNode) != null);\n };\n\n return _this;\n }\n\n var _proto = UncontrolledTabs.prototype;\n\n _proto.setSelected = function setSelected(index, event) {\n // Check index boundary\n if (index < 0 || index >= this.getTabsCount()) return;\n var _this$props = this.props,\n onSelect = _this$props.onSelect,\n selectedIndex = _this$props.selectedIndex; // Call change event handler\n\n onSelect(index, selectedIndex, event);\n };\n\n _proto.getNextTab = function getNextTab(index) {\n var count = this.getTabsCount(); // Look for non-disabled tab from index to the last tab on the right\n\n for (var i = index + 1; i < count; i++) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // If no tab found, continue searching from first on left to index\n\n\n for (var _i = 0; _i < index; _i++) {\n if (!isTabDisabled(this.getTab(_i))) {\n return _i;\n }\n } // No tabs are disabled, return index\n\n\n return index;\n };\n\n _proto.getPrevTab = function getPrevTab(index) {\n var i = index; // Look for non-disabled tab from index to first tab on the left\n\n while (i--) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // If no tab found, continue searching from last tab on right to index\n\n\n i = this.getTabsCount();\n\n while (i-- > index) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // No tabs are disabled, return index\n\n\n return index;\n };\n\n _proto.getFirstTab = function getFirstTab() {\n var count = this.getTabsCount(); // Look for non disabled tab from the first tab\n\n for (var i = 0; i < count; i++) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n }\n\n return null;\n };\n\n _proto.getLastTab = function getLastTab() {\n var i = this.getTabsCount(); // Look for non disabled tab from the last tab\n\n while (i--) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n }\n\n return null;\n };\n\n _proto.getTabsCount = function getTabsCount() {\n var children = this.props.children;\n return _getTabsCount(children);\n };\n\n _proto.getPanelsCount = function getPanelsCount() {\n var children = this.props.children;\n return _getPanelsCount(children);\n };\n\n _proto.getTab = function getTab(index) {\n return this.tabNodes[\"tabs-\" + index];\n };\n\n _proto.getChildren = function getChildren() {\n var _this2 = this;\n\n var index = 0;\n var _this$props2 = this.props,\n children = _this$props2.children,\n disabledTabClassName = _this$props2.disabledTabClassName,\n focus = _this$props2.focus,\n forceRenderTabPanel = _this$props2.forceRenderTabPanel,\n selectedIndex = _this$props2.selectedIndex,\n selectedTabClassName = _this$props2.selectedTabClassName,\n selectedTabPanelClassName = _this$props2.selectedTabPanelClassName;\n this.tabIds = this.tabIds || [];\n this.panelIds = this.panelIds || [];\n var diff = this.tabIds.length - this.getTabsCount(); // Add ids if new tabs have been added\n // Don't bother removing ids, just keep them in case they are added again\n // This is more efficient, and keeps the uuid counter under control\n\n while (diff++ < 0) {\n this.tabIds.push(uuid());\n this.panelIds.push(uuid());\n } // Map children to dynamically setup refs\n\n\n return deepMap(children, function (child) {\n var result = child; // Clone TabList and Tab components to have refs\n\n if (isTabList(child)) {\n var listIndex = 0; // Figure out if the current focus in the DOM is set on a Tab\n // If it is we should keep the focus on the next selected tab\n\n var wasTabFocused = false;\n\n if (canUseActiveElement) {\n wasTabFocused = React.Children.toArray(child.props.children).filter(isTab).some(function (tab, i) {\n return document.activeElement === _this2.getTab(i);\n });\n }\n\n result = cloneElement(child, {\n children: deepMap(child.props.children, function (tab) {\n var key = \"tabs-\" + listIndex;\n var selected = selectedIndex === listIndex;\n var props = {\n tabRef: function tabRef(node) {\n _this2.tabNodes[key] = node;\n },\n id: _this2.tabIds[listIndex],\n panelId: _this2.panelIds[listIndex],\n selected: selected,\n focus: selected && (focus || wasTabFocused)\n };\n if (selectedTabClassName) props.selectedClassName = selectedTabClassName;\n if (disabledTabClassName) props.disabledClassName = disabledTabClassName;\n listIndex++;\n return cloneElement(tab, props);\n })\n });\n } else if (isTabPanel(child)) {\n var props = {\n id: _this2.panelIds[index],\n tabId: _this2.tabIds[index],\n selected: selectedIndex === index\n };\n if (forceRenderTabPanel) props.forceRender = forceRenderTabPanel;\n if (selectedTabPanelClassName) props.selectedClassName = selectedTabPanelClassName;\n index++;\n result = cloneElement(child, props);\n }\n\n return result;\n });\n };\n /**\n * Determine if a node from event.target is a Tab element for the current Tabs container.\n * If the clicked element is not a Tab, it returns false.\n * If it finds another Tabs container between the Tab and `this`, it returns false.\n */\n\n\n _proto.isTabFromContainer = function isTabFromContainer(node) {\n // return immediately if the clicked element is not a Tab.\n if (!isTabNode(node)) {\n return false;\n } // Check if the first occurrence of a Tabs container is `this` one.\n\n\n var nodeAncestor = node.parentElement;\n\n do {\n if (nodeAncestor === this.node) return true;\n if (nodeAncestor.getAttribute('data-tabs')) break;\n nodeAncestor = nodeAncestor.parentElement;\n } while (nodeAncestor);\n\n return false;\n };\n\n _proto.render = function render() {\n var _this3 = this; // Delete all known props, so they don't get added to DOM\n\n\n var _this$props3 = this.props,\n children = _this$props3.children,\n className = _this$props3.className,\n disabledTabClassName = _this$props3.disabledTabClassName,\n domRef = _this$props3.domRef,\n focus = _this$props3.focus,\n forceRenderTabPanel = _this$props3.forceRenderTabPanel,\n onSelect = _this$props3.onSelect,\n selectedIndex = _this$props3.selectedIndex,\n selectedTabClassName = _this$props3.selectedTabClassName,\n selectedTabPanelClassName = _this$props3.selectedTabPanelClassName,\n attributes = _objectWithoutPropertiesLoose(_this$props3, [\"children\", \"className\", \"disabledTabClassName\", \"domRef\", \"focus\", \"forceRenderTabPanel\", \"onSelect\", \"selectedIndex\", \"selectedTabClassName\", \"selectedTabPanelClassName\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: cx(className),\n onClick: this.handleClick,\n onKeyDown: this.handleKeyDown,\n ref: function ref(node) {\n _this3.node = node;\n if (domRef) domRef(node);\n },\n \"data-tabs\": true\n }), this.getChildren());\n };\n\n return UncontrolledTabs;\n}(Component);\n\nUncontrolledTabs.defaultProps = {\n className: 'react-tabs',\n focus: false\n};\nexport { UncontrolledTabs as default };","// Get a universally unique identifier\nvar count = 0;\nexport default function uuid() {\n return \"react-tabs-\" + count++;\n}\nexport function reset() {\n count = 0;\n}","import { deepForEach } from './childrenDeepMap';\nimport { isTab, isTabPanel } from './elementTypes';\nexport function getTabsCount(children) {\n var tabCount = 0;\n deepForEach(children, function (child) {\n if (isTab(child)) tabCount++;\n });\n return tabCount;\n}\nexport function getPanelsCount(children) {\n var panelCount = 0;\n deepForEach(children, function (child) {\n if (isTabPanel(child)) panelCount++;\n });\n return panelCount;\n}","function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nimport React, { Component } from 'react';\nimport { childrenPropType, onSelectPropType, selectedIndexPropType } from '../helpers/propTypes';\nimport UncontrolledTabs from './UncontrolledTabs';\nimport { getTabsCount } from '../helpers/count';\nvar MODE_CONTROLLED = 0;\nvar MODE_UNCONTROLLED = 1;\n\nvar Tabs = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Tabs, _Component);\n\n function Tabs(props) {\n var _this;\n\n _this = _Component.call(this, props) || this;\n\n _this.handleSelected = function (index, last, event) {\n var onSelect = _this.props.onSelect;\n var mode = _this.state.mode; // Call change event handler\n\n if (typeof onSelect === 'function') {\n // Check if the change event handler cancels the tab change\n if (onSelect(index, last, event) === false) return;\n }\n\n var state = {\n // Set focus if the change was triggered from the keyboard\n focus: event.type === 'keydown'\n };\n\n if (mode === MODE_UNCONTROLLED) {\n // Update selected index\n state.selectedIndex = index;\n }\n\n _this.setState(state);\n };\n\n _this.state = Tabs.copyPropsToState(_this.props, {}, props.defaultFocus);\n return _this;\n }\n\n Tabs.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n return Tabs.copyPropsToState(props, state);\n };\n\n Tabs.getModeFromProps = function getModeFromProps(props) {\n return props.selectedIndex === null ? MODE_UNCONTROLLED : MODE_CONTROLLED;\n }; // preserve the existing selectedIndex from state.\n // If the state has not selectedIndex, default to the defaultIndex or 0\n\n\n Tabs.copyPropsToState = function copyPropsToState(props, state, focus) {\n if (focus === void 0) {\n focus = false;\n }\n\n if (process.env.NODE_ENV !== 'production' && state.mode !== undefined && state.mode !== Tabs.getModeFromProps(props)) {\n throw new Error(\"Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\\nFor more information about controlled and uncontrolled mode of react-tabs see the README.\");\n }\n\n var newState = {\n focus: focus,\n mode: Tabs.getModeFromProps(props)\n };\n\n if (newState.mode === MODE_UNCONTROLLED) {\n var maxTabIndex = getTabsCount(props.children) - 1;\n var selectedIndex = null;\n\n if (state.selectedIndex != null) {\n selectedIndex = Math.min(state.selectedIndex, maxTabIndex);\n } else {\n selectedIndex = props.defaultIndex || 0;\n }\n\n newState.selectedIndex = selectedIndex;\n }\n\n return newState;\n };\n\n var _proto = Tabs.prototype;\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n defaultIndex = _this$props.defaultIndex,\n defaultFocus = _this$props.defaultFocus,\n props = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"defaultIndex\", \"defaultFocus\"]);\n\n var _this$state = this.state,\n focus = _this$state.focus,\n selectedIndex = _this$state.selectedIndex;\n props.focus = focus;\n props.onSelect = this.handleSelected;\n\n if (selectedIndex != null) {\n props.selectedIndex = selectedIndex;\n }\n\n return /*#__PURE__*/React.createElement(UncontrolledTabs, props, children);\n };\n\n return Tabs;\n}(Component);\n\nTabs.defaultProps = {\n defaultFocus: false,\n forceRenderTabPanel: false,\n selectedIndex: null,\n defaultIndex: null\n};\nexport { Tabs as default };\nTabs.tabsRole = 'Tabs';","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nimport React, { Component } from 'react';\nimport cx from 'clsx';\n\nvar TabList = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabList, _Component);\n\n function TabList() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = TabList.prototype;\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n attributes = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"className\"]);\n\n return /*#__PURE__*/React.createElement(\"ul\", _extends({}, attributes, {\n className: cx(className),\n role: \"tablist\"\n }), children);\n };\n\n return TabList;\n}(Component);\n\nTabList.defaultProps = {\n className: 'react-tabs__tab-list'\n};\nexport { TabList as default };\nTabList.tabsRole = 'TabList';","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar DEFAULT_CLASS = 'react-tabs__tab';\n\nvar Tab = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Tab, _Component);\n\n function Tab() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = Tab.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.checkFocus();\n };\n\n _proto.componentDidUpdate = function componentDidUpdate() {\n this.checkFocus();\n };\n\n _proto.checkFocus = function checkFocus() {\n var _this$props = this.props,\n selected = _this$props.selected,\n focus = _this$props.focus;\n\n if (selected && focus) {\n this.node.focus();\n }\n };\n\n _proto.render = function render() {\n var _cx,\n _this = this;\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n className = _this$props2.className,\n disabled = _this$props2.disabled,\n disabledClassName = _this$props2.disabledClassName,\n focus = _this$props2.focus,\n id = _this$props2.id,\n panelId = _this$props2.panelId,\n selected = _this$props2.selected,\n selectedClassName = _this$props2.selectedClassName,\n tabIndex = _this$props2.tabIndex,\n tabRef = _this$props2.tabRef,\n attributes = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"className\", \"disabled\", \"disabledClassName\", \"focus\", \"id\", \"panelId\", \"selected\", \"selectedClassName\", \"tabIndex\", \"tabRef\"]);\n\n return /*#__PURE__*/React.createElement(\"li\", _extends({}, attributes, {\n className: cx(className, (_cx = {}, _cx[selectedClassName] = selected, _cx[disabledClassName] = disabled, _cx)),\n ref: function ref(node) {\n _this.node = node;\n if (tabRef) tabRef(node);\n },\n role: \"tab\",\n id: id,\n \"aria-selected\": selected ? 'true' : 'false',\n \"aria-disabled\": disabled ? 'true' : 'false',\n \"aria-controls\": panelId,\n tabIndex: tabIndex || (selected ? '0' : null)\n }), children);\n };\n\n return Tab;\n}(Component);\n\nTab.defaultProps = {\n className: DEFAULT_CLASS,\n disabledClassName: DEFAULT_CLASS + \"--disabled\",\n focus: false,\n id: null,\n panelId: null,\n selected: false,\n selectedClassName: DEFAULT_CLASS + \"--selected\"\n};\nexport { Tab as default };\nTab.tabsRole = 'Tab';","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar DEFAULT_CLASS = 'react-tabs__tab-panel';\n\nvar TabPanel = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabPanel, _Component);\n\n function TabPanel() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = TabPanel.prototype;\n\n _proto.render = function render() {\n var _cx;\n\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n forceRender = _this$props.forceRender,\n id = _this$props.id,\n selected = _this$props.selected,\n selectedClassName = _this$props.selectedClassName,\n tabId = _this$props.tabId,\n attributes = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"className\", \"forceRender\", \"id\", \"selected\", \"selectedClassName\", \"tabId\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: cx(className, (_cx = {}, _cx[selectedClassName] = selected, _cx)),\n role: \"tabpanel\",\n id: id,\n \"aria-labelledby\": tabId\n }), forceRender || selected ? children : null);\n };\n\n return TabPanel;\n}(Component);\n\nTabPanel.defaultProps = {\n className: DEFAULT_CLASS,\n forceRender: false,\n selectedClassName: DEFAULT_CLASS + \"--selected\"\n};\nexport { TabPanel as default };\nTabPanel.tabsRole = 'TabPanel';","/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useRef, useEffect } from 'react'\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs'\nimport { graphql, useStaticQuery } from 'gatsby'\nimport classNames from 'classnames'\nimport Blocks from '@/utils/Blocks'\nimport { TabContext } from '@/container/TabContext'\nimport { cleanProps } from '@/utils'\nimport useConstant from '@/hooks/useConstant'\n\nfunction TabsBlock({ \n\ttabs,\n\tmedia,\n\tcurrentPage,\n\tpageTitle\n}) {\n\tconst [localTabIndex, setLocalTabIndex] = useState(0)\n\tconst { tabIndex, setTabIndex } = useContext(TabContext)\n\t\n\tconst [titleIsVisible, setTitleIsVisible] = useState(false)\n\tconst [tabsHeight, setTabsHeight] = useState(false)\n\t\n\tconst pagesQuery = useStaticQuery(graphql`\n\tquery tabsPagesQuery{\n\t\tpages: allWordpressPage(sort: { fields: date, order: DESC }) {\n\t\t\tnodes {\n\t\t\t\t...pageQuery\n\t\t\t}\n\t\t}\n\t}\n\t`)\n\t\n\t// get the blocks the page stipulated by the tab\n\tlet formattedTabs = tabs.map(tab => {\n\t\tconst { blocks } = pagesQuery.pages.nodes.find(page => page.wordpress_id === tab.tab_page)\n\t\ttab.blocks = useConstant(() => cleanProps(blocks, media))\n\t\ttab.blocks = tab.blocks.map(block => ({...block, isTabBlock: true}))\n\t\ttab.id = tab.tab_label.replace(/[^A-Za-z]+/g, '').toLowerCase()\n\t\treturn tab\n\t})\n\t\n\t// protect against user choosing current page and creating infinite loop\n\tformattedTabs = tabs.filter(tab => tab.tab_page !== currentPage)\n\n\tconst onSelect = useCallback(\n\t\tindex => {\n\t\t\tsetLocalTabIndex(index)\n\t\t\tsetTabIndex({ value: null })\n\t\t},\n\t\t[setTabIndex]\n\t)\n\n\tconst tabsRef = useRef(null)\n\n\tconst handleTabScroll = (e) => {\n\t\tif(window.pageYOffset && window.pageYOffset > tabsHeight) window.scrollTo({top: 0})\n\t\twindow.scrollTo({top: tabsRef.current.offsetTop, behavior: 'smooth'})\n\t\twindow.location.hash = e.currentTarget.getAttribute('data-hash')\n\t}\n\n\tuseEffect(() => {\n\t\twindow.scrollTo({top: 0})\n\t\twindow.onscroll = () => !titleIsVisible && setTitleIsVisible(true)\n\t\tsetTabsHeight( document.getElementById('_tabs_').offsetTop)\n\t\tconst tabI = formattedTabs.findIndex(tab => `#${tab.id}` === window.location.hash);\n\t\tif(tabI > -1) {\n\t\t\tsetLocalTabIndex(tabI)\n\t\t\tsetTabIndex({ value: null })\n\t\t\twindow.scrollTo({top: tabsRef.current.offsetTop, behavior: 'smooth'})\n\t\t} \n\t}, [])\n\n\treturn (\n\t\t<>\t\n\t\t\t\n\t\t\t
\n\t\t\t\t\t
\n\n {formattedTabs.map((tab, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t{pageTitle && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{formattedTabs.map((tab, i) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{tab.tab_label}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{pageTitle}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n \n { (!media_type || media_type.toLowerCase() === 'image' ) && mm_image && (\n
\n \n\t)\n}\n\nexport default MultiMedia\n","import React from 'react';\nimport classNames from 'classnames'\nimport AnimateEntrance from '@/utils/AnimateEntrance'\nimport { containerVariants } from '@/utils/transitions'\nimport Link from '../../utils/Link';\nimport styles from './OptionsBlock.module.css';\n\nconst OptionsBlock = ({\n title,\n tag_line,\n background_gradient,\n background_colour: bg,\n background_image: image,\n size,\n text_colour,\n options\n}) => {\n const getLinkStyle = ({link_colour: bg, text_colour: color, type}) => ({\n backgroundColor: type === 'transparent' ? 'transparent' : bg,\n borderColor: bg,\n color: color === 'dark' ? 'black' : color === 'light' ? 'white' : 'black',\n marginRight: '1em'\n })\n\treturn (\n \n { title && \n { link.title }\n \n ))}\n
\n { title }
}\n { tag_line &&{ tag_line }
}\n { options && options.length && options.map(({link, link_colour, text_colour, type}, i) => (\n\n\t\t\t\t\t\t
\n\t\t\t\t) }\n\t\t\t\t{ media_type === 'image' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\n\t)\n}\n\nImageVideoHero.propTypes = {\n\ttitle: string,\n\t// video: ,\n\tmedia_type: string,\n\t// image\n}\n\nexport default ImageVideoHero\n","import React from 'react'\nimport classNames from 'classnames'\nimport { v4 as uuidv4 } from 'uuid';\nimport { motion } from 'framer-motion'\nimport AnimateEntrance from '@/utils/AnimateEntrance'\nimport { containerVariants, textVariants } from '@/utils/transitions'\nimport styles from './Testimonials.module.css'\n\nfunction Testimonials({\n dividers,\n divider_colour,\n testimonials\n}) {\n\treturn (\n\n \n\t\t\t\t\t\t{ title }\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tctas && ctas.map(({ cta_link, cta_text, cta_text_colour: textColour, cta_background_colour: bgColour }, i) => (\n\t\t\t\t\t\t\t\tcta_link && cta_text &&\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{ cta_text }\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\n {testimonials && testimonials.map(({image, text, author, link}, i) => (\n \n {image && (\n \n ))}\n
\n \n\t)\n}\n\nexport default Testimonials\n","/* eslint-disable react/prop-types */\nimport React from 'react'\nimport { string } from 'prop-types'\nimport ButtonGradient from '@/components/global/ButtonGradient'\nimport Link from '@/utils/Link'\n// import styles from './ImageVideoHero.module.css';\n\nfunction CTAsBlock({\n\ttitle,\n copy,\n ctas\n}) {\n\treturn (\t\n \n 
\n
\n )}\n {text && (\n {text}
\n )}\n {author && (\n{author}
\n )}\n\n {title &&
\n\t)\n}\n\nCTAsBlock.propTypes = {\n\ttitle: string\n}\n\nexport default CTAsBlock\n","import React from 'react'\nimport classNames from 'classnames'\nimport { v4 as uuidv4 } from 'uuid';\nimport { motion } from 'framer-motion'\nimport AnimateEntrance from '@/utils/AnimateEntrance'\nimport { containerVariants, textVariants } from '@/utils/transitions'\nimport styles from './PanelsBlock.module.css'\n\nfunction PanelsBlock({\n title,\n panels,\n panels_colour,\n panels_style\n}) {\n\n\treturn (\n {title}
}\n\n {\n ctas && ctas.map(({cta_link, cta_text, cta_colour}, i) => (\n cta_link && cta_text && \n \n {cta_text}\n \n ))\n }\n
\n {copy && {copy}
}\n{title}
}\n\n 
\n
\n )}\n \n {panelTitle && (\n
\n \n ))}\n \n \n\t)\n}\n\nexport default PanelsBlock\n","/* eslint-disable react/prop-types */\nimport React, { } from 'react'\nimport { string, number } from 'prop-types'\nimport classNames from 'classnames'\nimport styles from './Line.module.css';\n\nfunction Line({\n colour,\n gradient\n}) {\n\treturn (\n \n\t)\n}\n\nLine.propTypes = {\n\tcolour: string,\n gradient: string\n}\n\nexport default Line\n","/* eslint-disable react/no-danger */\nimport React from 'react'\nimport ReactHtmlParser from 'react-html-parser'; \nimport classNames from 'classnames'\nimport { v4 as uuidv4 } from 'uuid';\nimport useMediaQuery from '@/hooks/useMediaQuery'\n// import { string, oneOfType, node } from 'prop-types'\nimport Link from '@/utils/Link'\nimport IconWrapper from '@/utils/IconWrapper'\nimport TickIcon from '@/icons/tick.svg'\nimport CrossIcon from '@/icons/delete.svg'\nimport Button from '@/components/global/Button'\nimport RichText from '@/utils/RichText'\nimport styles from './Table.module.css'\nimport trackingLicensing from '../../../content/tracking-licensing.json'\nimport hapticsLicensing from '../../../content/haptics-licensing.json'\n\nconst onClick = (e, link) => {\n\tif(!link) {\n e.preventDefault()\n const form = document.querySelector('iframe')\n window.scrollTo({top: (form.offsetTop - 100), behavior: 'smooth'})\n }\n}\n\nfunction TableHead({ children }) {\n\treturn (\n\t\t{panelTitle}
\n )}\n {copy && (\n{copy}
\n )}\n\n\t\t\t
\n\t)\n}\n\nfunction MobileView({labels, columns}) {\n\treturn ( \n <>\n {columns.map(column => {\n const { heading, subheading, cta_link, cta_colour, cta_text, values } = column\n return (\n {heading}
\n\t\t\t{content}\n\t\t\n {heading}\n
\n {\n subheading &&\n\n {subheading}\n
\n }\n\n onClick(e, cta_link)}\n to={cta_link || \"\" || \"\"}\n className={classNames(cta_colour, \"mmx-auto mt-4 mb-4 text-center text-white font-museoSansBold\")}\n >\n {cta_text}\n \n
\n {labels.map((label,i) => (\n | \n {columns.map(({heading}, i) => | |
|---|---|
| \n { columns.map(({subheading}, i) => | |
| \n {columns.map(({cta_text, cta_link, cta_colour}, i) => (\n | \n | \n ))}\n\t\t\t\t
| \n {columns.map(({cta_text, cta_link, cta_colour}, i) => (\n | \n | \n ))}\n\t\t\t\t
\n
\n { isDesktop ? \n { ReactHtmlParser(footer_copy) }\n
\n \n )\n}\n\nexport default Table","/* eslint-disable react/no-danger, react/prop-types */\nimport React from 'react'\nimport classNames from 'classnames'\nimport { Hero } from '@/components/Hero'\nimport { HeroShouter } from '@/components/HeroShouter'\nimport { TextShouter } from '@/components/TextShouter'\nimport { ImageContentTrio } from '@/components/ImageContentTrio'\nimport { SingleQuote } from '@/components/Quote'\nimport { QuoteCollection } from '@/components/QuoteCollection'\n// import { BillboardExpanded } from '@/components/Billboard'\nimport { UseCaseHero } from '@/components/UseCase'\nimport { CardSlider } from '@/components/CardSlider'\nimport { Block } from '@/components/Tout'\nimport ContactForm from '@/components/global/ContactForm'\nimport { Gallery } from '@/components/Gallery'\nimport { IconBlock } from '@/components/Icon'\nimport { SupplierBlock } from '@/components/Supplier'\nimport { ProductBlock } from '@/components/Product'\nimport ProductTout from '@/components/ProductTout'\nimport { OneColumnBlock } from '@/components/Column'\nimport { RolodexCards } from '@/components/RolodexCards'\n// import { ProgramCard } from '@/components/ProgramCard'\nimport { TimelineBlock } from '@/components/Timeline'\nimport { PeopleBlock } from '@/components/People'\nimport Group from '@/components/core/Group'\nimport CoreButton from '@/components/core/Button'\nimport CoreHTML from '@/components/core/HTML'\nimport { Paragraph } from '@/components/core/Paragraph'\nimport { List } from '@/components/core/List'\nimport { Columns } from '@/components/core/Columns'\nimport { Heading } from '@/components/core/Heading'\nimport { Embed } from '@/components/core/Embed'\nimport { CaseStudySlider } from '@/components/CaseStudySlider'\nimport { CaseStudyCollection } from '@/components/CaseStudyCollection'\nimport Switch, { Case } from '@/utils/Switch'\nimport PageHeading from '@/components/Tracking/PageHeading'\nimport { CoreImage } from '@/components/core/Image'\n// import PurpleRow from '@/components/hiw/PurpleRow'\nimport Where2BuyImage from '@/components/Where2Buy/W2BSplitImage'\nimport Where2BuyLarge from '@/components/Where2Buy/Where2Buy'\nimport ProductCompare from '@/components/ProductCompare'\nimport ComparisonTable from '@/components/ComparisonTable'\nimport HapticsComparisonTable from '@/components/HapticsComparisonTable'\nimport Logos from '@/components/Logos'\nimport TextFormBlock from '@/components/TextFormBlock'\nimport CTAButtonBlock from '@/components/CTAButtonBlock'\nimport ColumnsBlock from '@/components/ColumnsBlock'\nimport PullOutBlock from '@/components/PullOutBlock'\nimport { HrBlock } from '@/components/Bamboo'\nimport { JobBoardBlock } from '@/components/Greenhouse'\nimport TabsBlock from '../components/TabsBlock'\nimport SimpleSlider from '../components/SimpleSlider'\nimport MultiMediaBlock from '../components/MultiMediaBlock'\nimport TextImageCtaBlock from '../components/TextImageCtaBlock'\nimport OptionsBlock from '../components/OptionsBlock'\nimport ImageVideoHero from '../components/ImageVideoHero'\nimport TestimonialsBlock from '../components/TestimonialsBlock'\nimport CTAsBlock from '../components/CTAsBlock'\nimport PanelsBlock from '../components/PanelsBlock'\nimport Line from '../components/Line'\nimport Table from '../components/Table'\n\nfunction Blocks({ data, media, currentPage = false, onTabSelect = false }) {\n\tconst list = data\n\tconst [firstItem] = data\n\n\tif (!firstItem) return null\n\t/**\n\t * for some reason, sometimes the wordpress response is\n\t * in the wrong order... If the first item is\n\t * the contact form or the first item does not include\n\t * a hero component, we can be fairly sure the page\n\t * is in the wrong order... Thanks WP.\n\t */\n\n\t// if (\n\t// \tfirstItem.type === 'acf/form-block' ||\n\t// \t(typeof firstItem.type === 'string' && !firstItem.type.includes('hero'))\n\t// ) {\n\t// \tlist = data.reverse()\n\t// }\n\n\treturn list.map(({ type, id, licensing, ...block }, index) => (\n\t\t