\r\n \r\n {panels}\r\n
\r\n );\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nconst easeOut = (t) => 1 - Math.pow(1 - t, 3); // Cubic ease-out function\r\n\r\nconst AnimatedStat = ({ start, end, duration = 2000, decimalPlaces = 2, onAnimationComplete }) => {\r\n const [value, setValue] = useState(start);\r\n const [hasAnimated, setHasAnimated] = useState(false);\r\n\r\n useEffect(() => {\r\n if (hasAnimated) return; // Prevent re-triggering after animation completes\r\n\r\n const startTime = performance.now();\r\n let animationFrameId;\r\n\r\n const updateValue = (currentTime) => {\r\n const elapsed = currentTime - startTime;\r\n const progress = Math.min(elapsed / duration, 1);\r\n const easedProgress = easeOut(progress);\r\n\r\n const currentValue = start + (end - start) * easedProgress;\r\n const displayValue =\r\n currentValue % 1 === 0\r\n ? currentValue\r\n : currentValue.toFixed(decimalPlaces);\r\n\r\n setValue(displayValue);\r\n\r\n if (progress < 1) {\r\n animationFrameId = requestAnimationFrame(updateValue);\r\n } else {\r\n setHasAnimated(true); // Set animation as completed\r\n if (onAnimationComplete) onAnimationComplete();\r\n }\r\n };\r\n\r\n animationFrameId = requestAnimationFrame(updateValue);\r\n\r\n return () => cancelAnimationFrame(animationFrameId);\r\n }, [start, end, duration, decimalPlaces, onAnimationComplete, hasAnimated]);\r\n\r\n return {value}%;\r\n};\r\n\r\n// Wrapper component to handle animation completion and display the change\r\nconst StatWrapper = ({ start, end, duration, change }) => {\r\n const [isCompleted, setIsCompleted] = useState(false);\r\n\r\n useEffect(() => {\r\n setIsCompleted(false);\r\n }, [start, end]);\r\n\r\n return (\r\n \r\n setIsCompleted(true)}\r\n />\r\n { change !== 0 && (\r\n {isCompleted && (\r\n {change}%\r\n )}\r\n
)}\r\n \r\n );\r\n};\r\n\r\nexport default StatWrapper;","import React, { useState } from 'react';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport { post } from '../Services/http';\r\n\r\nconst apiEndpoint = '/api/contact-form';\r\n\r\n\r\nconst ContactForm = ({ recaptchaKey, imageUrl, listId, bookAMeetingRecipient }) => {\r\n const [email, setEmail] = useState('');\r\n const [firstName, setFirstName] = useState('');\r\n const [lastName, setLastName] = useState('');\r\n const [jobTitle, setJobTitle] = useState('');\r\n const [captchaToken, setCaptchaToken] = useState('');\r\n const [honeypotField, setHoneypotField] = useState('');\r\n const [errors, setErrors] = useState({});\r\n const [message, setMessage] = useState('');\r\n const [success, setSuccess] = useState(false);\r\n\r\n const clearSession = () => {\r\n setErrors({})\r\n setMessage('')\r\n setSuccess(false)\r\n }\r\n const clearForm = () => {\r\n setEmail('');\r\n setFirstName('');\r\n setLastName('');\r\n setJobTitle('');\r\n setCaptchaToken('');\r\n setHoneypotField('');\r\n \r\n };\r\n const onRecaptchaChange = (token) => setCaptchaToken(token);\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n\r\n const newErrors = {};\r\n if (!email.trim()) {\r\n newErrors.email = 'We kind of need this';\r\n } else if (!/\\S+@\\S+\\.\\S+/.test(email)) { // Basic email format validation\r\n newErrors.email = 'Please enter a valid email address';\r\n }\r\n if (Object.keys(newErrors).length > 0) {\r\n setErrors(newErrors);\r\n return;\r\n }\r\n\r\n const formData = {\r\n email: email,\r\n firstName: firstName,\r\n lastName: lastName,\r\n jobTitle: jobTitle,\r\n 'g-recaptcha-response': captchaToken,\r\n listId: listId,\r\n honeypotField: honeypotField,\r\n };\r\n\r\n try {\r\n clearSession();\r\n await post(apiEndpoint, formData);\r\n setSuccess(true);\r\n clearForm();\r\n } catch (error) {\r\n if (error.response) {\r\n try {\r\n const errorData = await error.response.json();\r\n setMessage(`There was an error: ${errorData.message || 'Unknown error'}`);\r\n } catch (parseError) {\r\n setMessage('There was an error submitting your form.');\r\n }\r\n } else {\r\n setMessage('Network error, please try again.');\r\n }\r\n }\r\n };\r\n\r\n return (\r\n \r\n {success ? (\r\n
\r\n );\r\n};\r\n\r\nexport default ContactForm;","import React, { lazy, Suspense } from 'react';\r\n\r\nconst DynamicComponent = ({ loader, loading = }) => {\r\n const Component = lazy(loader);\r\n return (props) => (\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n Congratulations early adopter!
\r\n\r\n
\r\n \r\n \r\n
\r\n Huge thanks for your interest in our production as a service. We’ll let you know as soon as we have\r\n news.
\r\nWant more?
\r\n Book a meeting\r\n- \r\n
\r\n {group.label}\r\n
\r\n {group.options &&\r\n group.options.map((item, itemIndex, array) => (\r\n \r\n {facetFilters.map((group, groupIndex) => (\r\n
\r\n )\r\n );\r\n};\r\n\r\nexport default FacetedSearch;\r\n","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { translate } from '../Services/translation';\r\n\r\nimport {\r\n submitSearchFacet,\r\n toggleVisibleDropdownMenu,\r\n} from '../Actions/FacetedSearch.action';\r\n\r\nconst FacetedSearchCompact = ({ facetFilters, onFacetChange }) => {\r\n const dispatch = useDispatch();\r\n const { visibleDropdownMenu } = useSelector((state) => state.facetedSearch);\r\n\r\n return (\r\n - \r\n {facetFilters &&\r\n facetFilters.map(\r\n (group, groupIndex, array) =>\r\n group.options &&\r\n group.options.length > 0 && (\r\n
- \r\n
- \r\n {group.options &&\r\n group.options.map(\r\n (item, itemIndex, array) => (\r\n
\r\n
\r\n )}\r\n \r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetGroup &&\r\n selectedFacetGroup.map((group, index) => (\r\n \r\n dispatch(searchFacetChange(group))\r\n }\r\n key={`group-${index}`}\r\n >\r\n {' '}\r\n {group.label}{' '}\r\n \r\n ))}\r\n \r\n {navigationTheme === 'category' && (\r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetOption &&\r\n selectedFacetOption.map((option, index) => (\r\n \r\n dispatch(\r\n searchFacetChange(option.group, option)\r\n )\r\n }\r\n key={`option-${index}`}\r\n >\r\n {' '}\r\n {option.label}{' '}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default FilterTags;\r\n","import React from 'react';\r\nimport { translate } from '../Services/translation';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { toggle } from '../Actions/Cart.action';\r\n\r\nconst MiniCart = () => {\r\n const dispatch = useDispatch();\r\n const { quantity, orderTotal, checkoutUrl, showInfo } = useSelector(\r\n (state) => state.cart\r\n );\r\n const onToggle = () => dispatch(toggle());\r\n\r\n return (\r\n \r\n {\r\n e.preventDefault();\r\n onToggle();\r\n }}\r\n >\r\n \r\n {quantity}\r\n \r\n \r\n {translate('minicart.checkout')}\r\n \r\n \r\n \r\n onToggle()}\r\n >\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MiniCart;\r\n","import React from 'react';\r\nimport NavigationItem from './NavigationItem';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst Navigation = () => {\r\n const contentLinks = useSelector((state) => state.navigation.contentLinks);\r\n\r\n return \r\n {quantity} {translate('minicart.numberofproduct')}\r\n
\r\n\r\n {translate('minicart.total')} {orderTotal}\r\n
\r\n \r\n {translate('minicart.checkout')}\r\n \r\n\r\n
\r\n )}\r\n \r\n {!contentLink ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n - \r\n {links.length > 0 &&\r\n links.map(\r\n (link, index) =>\r\n hasNameOrChildren(link) && (\r\n
\r\n
\r\n ) : (\r\n <>\r\n Congratulations early adopter!
\r\n\r\n
\r\n \r\n \r\n
\r\n Huge thanks for your interest in our production as a service. We’ll let you know as soon as we have\r\n news.
\r\nWant more?
\r\n Book a meeting\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\nexport default NewsletterForm;","import React, { useRef, useEffect, useState, useCallback } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport QuickSearchResult from './QuickSearchResult';\r\nimport { translate } from '../Services/translation';\r\nimport {\r\n query,\r\n setSearchQuery,\r\n toggleShowFullForm,\r\n handleKeyDown,\r\n handleClickSearch,\r\n} from '../Actions/QuickSearch.action';\r\nimport usePrevious from '@react-hook/previous';\r\nimport { debounce } from 'lodash-es';\r\n\r\n// debouncing function to 200ms so we don't send query request on every key stroke\r\nconst debouncedQuery = debounce((dispatch, text) => dispatch(query(text)), 200);\r\n\r\nconst QuickSearch = () => {\r\n const {\r\n query,\r\n result,\r\n showResult,\r\n showFullForm,\r\n selectedItem,\r\n } = useSelector((state) => state.quickSearch);\r\n const [lastClickedNode, setLastClickedNode] = useState(null);\r\n const searchUrl =\r\n window.__litium.quickSearchUrl +\r\n (query.length > 0 ? `?q=${query}` : '');\r\n const searchContainer = useRef(null);\r\n const searchInput = useRef(null);\r\n const dispatch = useDispatch();\r\n const previousSelectedItem = usePrevious(selectedItem);\r\n\r\n const clickHandler = useCallback((event) => {\r\n setLastClickedNode(event.target);\r\n }, []);\r\n useEffect(() => {\r\n // listen for click event to hide the search when clicking outside\r\n window.addEventListener('mousedown', clickHandler);\r\n return () => window.removeEventListener('mousedown', clickHandler);\r\n }, [clickHandler]);\r\n\r\n useEffect(() => {\r\n // set query value if it is avaialble in the Url\r\n const urlParams = new URLSearchParams(window.location.search);\r\n if (urlParams.has('q')) {\r\n const query = urlParams.get('q');\r\n dispatch(setSearchQuery(query));\r\n }\r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n if (selectedItem !== previousSelectedItem) {\r\n const el = document.querySelector(\r\n '.quick-search-result__item--selected'\r\n );\r\n el &&\r\n el.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'end',\r\n inline: 'nearest',\r\n });\r\n }\r\n }, [selectedItem, previousSelectedItem]);\r\n\r\n return (\r\n \r\n {\r\n e.preventDefault();\r\n dispatch(toggleShowFullForm());\r\n setTimeout(() => {\r\n searchInput.current && searchInput.current.focus();\r\n }, 0);\r\n }}\r\n >\r\n \r\n \r\n {translate('general.search')}\r\n \r\n \r\n \r\n dispatch(toggleShowFullForm())}\r\n >\r\n {\r\n const text = encodeURIComponent(event.target.value);\r\n dispatch(setSearchQuery(text));\r\n debouncedQuery(dispatch, text);\r\n }}\r\n onKeyDown={(event) =>\r\n dispatch(handleKeyDown(event, { searchUrl }))\r\n }\r\n ref={searchInput}\r\n onBlur={() => {\r\n if (\r\n searchContainer.current &&\r\n !searchContainer.current.contains(lastClickedNode)\r\n ) {\r\n showFullForm && dispatch(toggleShowFullForm());\r\n }\r\n }}\r\n />\r\n {\r\n e.preventDefault();\r\n dispatch(handleClickSearch({ searchUrl }));\r\n }}\r\n >\r\n \r\n \r\n {translate('general.search')}\r\n \r\n \r\n {showResult && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default QuickSearch;\r\n","import React, { Fragment } from 'react';\r\n\r\nconst sameCategory = (item, index, array) =>\r\n (index > 0 && array[index - 1].category === array[index].category) ||\r\n item.showAll;\r\n\r\nconst QuickSearchResult = ({ result, selectedItem, searchUrl }) => (\r\n - \r\n {result &&\r\n result.map((item, index, array) => (\r\n
- \r\n {item.category}\r\n \r\n )}\r\n
{item.name}
\r\n \r\n \r\n \r\n (window.location = event.target.value)}\r\n >\r\n {sortCriteria &&\r\n sortCriteria.map(({ text, value, selected }, index) => (\r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SortCriteriaCompact;\r\n","import React, { Fragment } from 'react';\r\n\r\nconst SubNavCompact = ({ subNavigation }) => (\r\n \r\n);\r\n\r\nconst displaySubNav = (subnav) =>\r\n subnav && (\r\n - \r\n {subnav.map(({ name, url, isSelected, links }, index) => (\r\n