0 ||\r\n firstLevelActive ||\r\n !isWide\r\n ? {}\r\n : {\r\n opacity: hoverMainItem === item?.title?.value ? 1 : 0.5,\r\n }\r\n }\r\n onMouseEnter={() => {\r\n if (level > 0) return;\r\n setHoverMainItem(item?.title?.value as string);\r\n }}\r\n onMouseLeave={() => {\r\n if (level > 0) return;\r\n setHoverMainItem('');\r\n }}\r\n >\r\n \r\n {(item.icon?.value as string)?.length > 0 && (\r\n \r\n )}\r\n {item.title.value}\r\n\r\n {level !== 0 &&\r\n ([item.link as unknown as LinkField][0]?.value?.linktype ===\r\n 'external' ||\r\n item.link.linktype === 'external') && (\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {!isWide && isSubNav && !thirdLevelActive && back({ level })}\r\n {!isWide &&\r\n thirdLevelActive &&\r\n thirdLevelActive === item.title.value &&\r\n back({ level, prevLevelName: item.title.value as string })}\r\n onPress(level, item.title.value as string)}\r\n style={\r\n hoverMainItem.length === 0 ||\r\n level > 0 ||\r\n firstLevelActive ||\r\n !isWide\r\n ? {}\r\n : {\r\n opacity: hoverMainItem === item?.title?.value ? 1 : 0.5,\r\n }\r\n }\r\n onMouseEnter={() => {\r\n if (level > 0) return;\r\n setHoverMainItem(item?.title?.value as string);\r\n }}\r\n onMouseLeave={() => {\r\n if (level > 0) return;\r\n setHoverMainItem('');\r\n }}\r\n >\r\n \r\n {(item?.icon?.value as string)?.length > 0 && (\r\n \r\n )}\r\n \r\n {item.title.value}\r\n \r\n \r\n {renderArrowLeft(item, level)}\r\n \r\n
\r\n );\r\n },\r\n [\r\n firstLevelActive,\r\n secondLevelActive,\r\n thirdLevelActive,\r\n hoverMainItem,\r\n isWide,\r\n ]\r\n );\r\n\r\n const renderButtons = useCallback((buttons: NavItemBase[]) => {\r\n return (\r\n \r\n {buttons.map((button: NavItemBase, idx) => {\r\n return (\r\n \r\n );\r\n })}\r\n
\r\n );\r\n }, []);\r\n\r\n interface CustomMouseEvent extends MouseEvent {\r\n path: Element[];\r\n }\r\n\r\n const navRef = useRef(null);\r\n useClickAway(navRef, (e: CustomMouseEvent) => {\r\n if (e.path?.[5]?.classList?.contains('NavMain__Wrapper') || !isWide) return;\r\n onPress(0);\r\n });\r\n\r\n const renderNode: (options: {\r\n item: NavItem;\r\n index: number;\r\n level?: number;\r\n navHistory?: string[];\r\n }) => JSX.Element = useCallback(\r\n ({ item, index, level = 0, navHistory = [] }) => {\r\n if (level !== 0 && !firstLevelActive) {\r\n return ;\r\n }\r\n\r\n const updatedNavHistory = [...navHistory, item.title.value as string];\r\n\r\n const shouldRenderBackButton =\r\n updatedNavHistory.filter((i) => i === item.title.value).length === 1;\r\n\r\n const Tag = level === 0 ? 'div' : 'li';\r\n\r\n let levelClass =\r\n level === 0\r\n ? `NavMain__SecondLevel ${\r\n skipAnimation ? 'NavMain__SecondLevelActive--skip' : ''\r\n }`\r\n : level === 1\r\n ? `NavMain__ThirdLevel ${\r\n thirdLevelActive ? 'NavMain__ThirdLevel--closed' : ''\r\n } ${skipAnimation ? 'NavMain__SecondLevelActive--skip' : ''}`\r\n : `NavMain__ForthLevel ${\r\n skipAnimation ? 'NavMain__SecondLevelActive--skip' : ''\r\n }`;\r\n if (\r\n level === 0 &&\r\n firstLevelActive === item.title.value &&\r\n item.title.value !== undefined\r\n ) {\r\n levelClass = `${levelClass} NavMain__SecondLevelActive`;\r\n }\r\n if (\r\n level === 1 &&\r\n secondLevelActive === item.title.value\r\n // !thirdLevelActive\r\n ) {\r\n levelClass = `${levelClass} NavMain__ThirdLevelActive`;\r\n }\r\n if (level === 2 && thirdLevelActive === item.title.value) {\r\n levelClass = `${levelClass} NavMain__ForthLevelActive`;\r\n }\r\n\r\n return (\r\n \r\n {((shouldRenderBackButton &&\r\n isWide &&\r\n secondLevelActive &&\r\n secondLevelActive === item.title.value) ||\r\n (thirdLevelActive && thirdLevelActive === item.title.value)) &&\r\n back({\r\n level: thirdLevelActive && !isWide ? level - 1 : level,\r\n prevLevelName:\r\n thirdLevelActive &&\r\n thirdLevelActive === item.title.value &&\r\n isWide\r\n ? item.title.value\r\n : undefined,\r\n })}\r\n \r\n {renderItem(item, level)}\r\n \r\n {level === 0 && (\r\n onPress(0)}\r\n />\r\n )}\r\n {item.subSectionItems && (\r\n \r\n {item.subSectionItems.map((child: NavItem, index) => {\r\n return renderNode({\r\n item: child,\r\n index,\r\n level: level + 1,\r\n navHistory: updatedNavHistory,\r\n });\r\n })}\r\n
\r\n )}\r\n {item.sectionButton &&\r\n !secondLevelActive &&\r\n renderButtons(item.sectionButton)}\r\n \r\n \r\n \r\n );\r\n },\r\n [\r\n data,\r\n firstLevelActive,\r\n secondLevelActive,\r\n thirdLevelActive,\r\n skipAnimation,\r\n hoverMainItem,\r\n isWide,\r\n ]\r\n );\r\n\r\n const onPress = useCallback(\r\n (level: number, label?: string) => {\r\n if (level === 0) {\r\n firstLevelActiveSet(label);\r\n secondLevelActiveSet(undefined);\r\n thirdLevelActiveSet(undefined);\r\n } else if (level === 1) {\r\n secondLevelActiveSet(label);\r\n thirdLevelActiveSet(undefined);\r\n } else if (level === 2) {\r\n thirdLevelActiveSet(label);\r\n } else {\r\n firstLevelActiveSet(undefined);\r\n secondLevelActiveSet(undefined);\r\n thirdLevelActiveSet(undefined);\r\n }\r\n },\r\n [renderNode]\r\n );\r\n\r\n const back: (options: {\r\n level: number;\r\n prevLevelName?: string;\r\n }) => JSX.Element = useCallback(\r\n ({ level, prevLevelName = '' }) => {\r\n return (\r\n onPress(level)}\r\n >\r\n \r\n {prevLevelName\r\n ? `${t('BackTo')} ${getFatherTitle(prevLevelName)}`\r\n : t('Back')}\r\n \r\n \r\n );\r\n },\r\n [onPress]\r\n );\r\n\r\n const navMainClass = useMemo(() => {\r\n let myClass = firstLevelActive ? 'NavMain NavMain--Open' : 'NavMain';\r\n if (navMainOpen) {\r\n myClass = `${myClass} NavMain--MobileOpen`;\r\n }\r\n return myClass;\r\n }, [navMainOpen, firstLevelActive]);\r\n\r\n const navMainClassBG = useMemo(() => {\r\n let myClass = firstLevelActive ? 'NavMainBG NavMainBG--Open' : 'NavMainBG';\r\n if (navMainOpen) {\r\n myClass = `${myClass} NavMainBG--MobileOpen`;\r\n }\r\n return myClass;\r\n }, [navMainOpen, firstLevelActive]);\r\n\r\n const [shouldRender, setShouldRender] = useState(null);\r\n useEffect(() => {\r\n if (navMainOpen || isWide) {\r\n setShouldRender(true);\r\n }\r\n }, [navMainOpen, isWide]);\r\n let contesto = this\r\n const handleEvent = (event) => {\r\n if (event.type === \"mousedown\") {\r\n //alert('mosedow '+event.type)\r\n } else {\r\n // alert('moseup '+event.type)\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {shouldRender && (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default NavMain;\r\n","import React from 'react';\r\nimport { NavTriggersProps } from './types/NavTriggers.types';\r\nimport './NavTriggers.scss';\r\n\r\nconst NavTriggers = ({\r\n onNavToolsToggle,\r\n onNavMainToggle,\r\n}: NavTriggersProps) => {\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
navToolsOpenSet(!navToolsOpen)}\r\n onNavMainToggle={() => navMainOpenSet(!navMainOpen)}\r\n />\r\n {\r\n const item = {\r\n title: { value: mainFields.link.value.text },\r\n subSectionItems: mainFields.subNavigationLinks?.map(\r\n ({ fields: subFields, url }) => {\r\n const subItem = {\r\n title: { value: subFields.link.value.text },\r\n subSectionItems: subFields.subNavigationLinks.map\r\n ? subFields.subNavigationLinks?.map(\r\n ({ fields: subsubFields }) => {\r\n return {\r\n icon: {\r\n value:\r\n subsubFields?.icon?.fields?.[\r\n \"Icon Css Class\"\r\n ]?.value,\r\n },\r\n title: { value: subsubFields.link.value.text },\r\n link: subsubFields?.link,\r\n subSectionItems: subsubFields.subNavigationLinks\r\n ?.map\r\n ? subsubFields.subNavigationLinks.map(\r\n ({ fields: subsubsubFields }) => ({\r\n icon: subsubsubFields?.icon?.fields?.[\r\n \"Icon Css Class\"\r\n ],\r\n title: {\r\n value:\r\n subsubsubFields?.link?.value?.text,\r\n },\r\n link: subsubsubFields?.link,\r\n })\r\n )\r\n : [],\r\n };\r\n }\r\n )\r\n : [],\r\n } as unknown as NavItem;\r\n\r\n if (subFields.icon?.fields?.[\"Icon Css Class\"].value) {\r\n subItem.icon = {\r\n value: subFields.icon?.fields?.[\"Icon Css Class\"].value,\r\n };\r\n }\r\n\r\n if (\r\n !subItem.subSectionItems.length &&\r\n (subFields.link.value.href || subFields.url || url)\r\n ) {\r\n subItem.link = {\r\n value:\r\n subFields.link.value.href || subFields.url || url,\r\n linktype: subFields.link.value.linktype,\r\n };\r\n }\r\n\r\n return subItem;\r\n }\r\n ),\r\n } as NavItem;\r\n if (\r\n mainFields.subNavigationLinks.length === 0 &&\r\n mainFields.link.value.href\r\n ) {\r\n item.link = {\r\n value: mainFields.link.value.href,\r\n linktype: mainFields.link.value.linktype,\r\n };\r\n }\r\n if (mainFields?.additionLink?.value?.text) {\r\n item.sectionButton = [\r\n {\r\n title: { value: mainFields.additionLink.value.text },\r\n link: {\r\n value: mainFields.additionLink.value.href,\r\n linktype: mainFields.additionLink.value.linktype,\r\n },\r\n icon: {\r\n value:\r\n mainFields.additionalLinkIcon?.fields?.[\r\n \"Icon Css Class\"\r\n ]?.value,\r\n },\r\n },\r\n ];\r\n }\r\n\r\n return item;\r\n })}\r\n navMainOpen={navMainOpen}\r\n onClose={() => navMainOpenSet(false)}\r\n />\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default BaseBtn;\r\n","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","var __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport PropTypes from 'prop-types';\nexport const Text = (_a) => {\n var { field, tag, editable, encode } = _a, otherProps = __rest(_a, [\"field\", \"tag\", \"editable\", \"encode\"]);\n if (!field || (!field.editable && (field.value === undefined || field.value === ''))) {\n return null;\n }\n // can't use editable value if we want to output unencoded\n if (!encode) {\n // eslint-disable-next-line no-param-reassign\n editable = false;\n }\n const isEditable = field.editable && editable;\n let output = isEditable\n ? field.editable || ''\n : field.value === undefined\n ? ''\n : field.value;\n // when string value isn't formatted, we should format line breaks\n if (!field.editable && typeof output === 'string') {\n const splitted = String(output).split('\\n');\n if (splitted.length) {\n const formatted = [];\n splitted.forEach((str, i) => {\n const isLast = i === splitted.length - 1;\n formatted.push(str);\n if (!isLast) {\n formatted.push(React.createElement(\"br\", { key: i }));\n }\n });\n output = formatted;\n }\n }\n const setDangerously = isEditable || !encode;\n let children = null;\n const htmlProps = Object.assign({}, otherProps);\n if (setDangerously) {\n htmlProps.dangerouslySetInnerHTML = {\n __html: output,\n };\n }\n else {\n children = output;\n }\n if (tag || setDangerously) {\n return React.createElement(tag || 'span', htmlProps, children);\n }\n else {\n return React.createElement(React.Fragment, null, children);\n }\n};\nText.propTypes = {\n field: PropTypes.shape({\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n editable: PropTypes.string,\n }),\n tag: PropTypes.string,\n editable: PropTypes.bool,\n encode: PropTypes.bool,\n};\nText.defaultProps = {\n editable: true,\n encode: true,\n};\nText.displayName = 'Text';\n","/**\r\n * @param data [event, eventCategory, eventAction, eventLabel]\r\n */\r\nexport function trackWithGoogleTagManager(\r\n data: [string, string, string, string]\r\n);\r\nexport function trackWithGoogleTagManager(data: {\r\n event: string;\r\n eventCategory: string;\r\n eventAction: string;\r\n eventLabel: string;\r\n});\r\nexport function trackWithGoogleTagManager(\r\n data:\r\n | [string, string, string, string]\r\n | {\r\n event: string;\r\n eventCategory: string;\r\n eventAction: string;\r\n eventLabel: string;\r\n }\r\n) {\r\n if (typeof window !== \"undefined\" && window.dataLayer) {\r\n try {\r\n let trackData = [];\r\n if (\"event\" in data) {\r\n trackData.push(data.event);\r\n trackData.push(data.eventCategory);\r\n trackData.push(data.eventAction);\r\n trackData.push(data.eventLabel);\r\n } else {\r\n trackData = [...data];\r\n }\r\n\r\n window.dataLayer.push({\r\n event: trackData[0],\r\n eventCategory: trackData[1],\r\n eventAction: trackData[2],\r\n eventLabel: trackData[3],\r\n });\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n}\r\n\r\ndeclare global {\r\n interface Window {\r\n dataLayer: any[];\r\n }\r\n}\r\n","var __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport PropTypes from 'prop-types';\nexport const Link = (_a) => {\n var { field, editable, children, showLinkTextWithChildrenPresent } = _a, otherProps = __rest(_a, [\"field\", \"editable\", \"children\", \"showLinkTextWithChildrenPresent\"]);\n const dynamicField = field;\n if (!field ||\n (!dynamicField.editableFirstPart &&\n !dynamicField.value &&\n !dynamicField.href)) {\n return null;\n }\n const resultTags = [];\n // EXPERIENCE EDITOR RENDERING\n if (editable && dynamicField.editableFirstPart) {\n const markup = dynamicField.editableFirstPart + dynamicField.editableLastPart;\n // in an ideal world, we'd pre-render React children here and inject them between editableFirstPart and editableLastPart.\n // However, we cannot combine arbitrary unparsed HTML (innerHTML) based components with actual vDOM components (the children)\n // because the innerHTML is not parsed - it'd make a discontinuous vDOM. So, we'll go for the next best compromise of rendering the link field and children separately\n // as siblings. Should be \"good enough\" for most cases - and write your own helper if it isn't. Or bring xEditor out of 2006.\n const htmlProps = Object.assign(Object.assign({ className: 'sc-link-wrapper', dangerouslySetInnerHTML: {\n __html: markup,\n } }, otherProps), { key: 'editable' });\n resultTags.push(React.createElement(\"span\", Object.assign({}, htmlProps)));\n // don't render normal link tag when editing, if no children exist\n // this preserves normal-ish behavior if not using a link body (no hacks required)\n if (!children) {\n return resultTags[0];\n }\n }\n // handle link directly on field for forgetful devs\n const link = dynamicField.href\n ? field\n : dynamicField.value;\n if (!link) {\n return null;\n }\n const anchorAttrs = {\n href: link.href,\n className: link.class,\n title: link.title,\n target: link.target,\n };\n if (anchorAttrs.target === '_blank' && !anchorAttrs.rel) {\n // information disclosure attack prevention keeps target blank site from getting ref to window.opener\n anchorAttrs.rel = 'noopener noreferrer';\n }\n const linkText = showLinkTextWithChildrenPresent || !children ? link.text || link.href : null;\n resultTags.push(React.createElement('a', Object.assign(Object.assign(Object.assign({}, anchorAttrs), otherProps), { key: 'link' }), linkText, children));\n return React.createElement(React.Fragment, null, resultTags);\n};\nexport const LinkPropTypes = {\n field: PropTypes.oneOfType([\n PropTypes.shape({\n href: PropTypes.string,\n }),\n PropTypes.shape({\n value: PropTypes.object,\n editableFirstPart: PropTypes.string,\n editableLastPart: PropTypes.string,\n }),\n ]).isRequired,\n editable: PropTypes.bool,\n children: PropTypes.node,\n showLinkTextWithChildrenPresent: PropTypes.bool,\n};\nLink.propTypes = LinkPropTypes;\nLink.defaultProps = {\n editable: true,\n};\nLink.displayName = 'Link';\n","import { useEffect, useState } from 'react';\nimport { isBrowser } from './misc/util';\nvar getInitialState = function (query, defaultState) {\n // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.\n if (defaultState !== undefined) {\n return defaultState;\n }\n if (isBrowser) {\n return window.matchMedia(query).matches;\n }\n // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.\n if (process.env.NODE_ENV !== 'production') {\n console.warn('`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');\n }\n return false;\n};\nvar useMedia = function (query, defaultState) {\n var _a = useState(getInitialState(query, defaultState)), state = _a[0], setState = _a[1];\n useEffect(function () {\n var mounted = true;\n var mql = window.matchMedia(query);\n var onChange = function () {\n if (!mounted) {\n return;\n }\n setState(!!mql.matches);\n };\n mql.addListener(onChange);\n setState(mql.matches);\n return function () {\n mounted = false;\n mql.removeListener(onChange);\n };\n }, [query]);\n return state;\n};\nexport default useMedia;\n","import { useEffect, useRef } from 'react';\nimport { off, on } from './misc/util';\nvar defaultEvents = ['mousedown', 'touchstart'];\nvar useClickAway = function (ref, onClickAway, events) {\n if (events === void 0) { events = defaultEvents; }\n var savedCallback = useRef(onClickAway);\n useEffect(function () {\n savedCallback.current = onClickAway;\n }, [onClickAway]);\n useEffect(function () {\n var handler = function (event) {\n var el = ref.current;\n el && !el.contains(event.target) && savedCallback.current(event);\n };\n for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {\n var eventName = events_1[_i];\n on(document, eventName, handler);\n }\n return function () {\n for (var _i = 0, events_2 = events; _i < events_2.length; _i++) {\n var eventName = events_2[_i];\n off(document, eventName, handler);\n }\n };\n }, [events, ref]);\n};\nexport default useClickAway;\n","import { useEffect, useRef } from 'react';\r\n\r\nexport const useMemorySafeTimeout: () => (\r\n cb: () => void,\r\n ms: number\r\n) => void = () => {\r\n const timoutId = useRef();\r\n\r\n const setSafeTimeout: (cb: () => void, ms: number) => void = (cb, ms) => {\r\n timoutId.current = setTimeout(cb, ms);\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (!timoutId) return;\r\n clearTimeout(timoutId.current);\r\n };\r\n }, []);\r\n\r\n return setSafeTimeout;\r\n};\r\n"],"sourceRoot":""}