\r\n `;\r\n\r\n rowHtml.append(storeHtml);\r\n });\r\n\r\n options.listDiv.append(rowHtml);\r\n}\r\n\r\nfunction _initPaging (rowsOfMarkers, options) {\r\n const pagingOptions = {\r\n page: 1,\r\n rowsOfMarkers: rowsOfMarkers\r\n };\r\n\r\n function showMoreStores () {\r\n /** Determine boundaries */\r\n pagingOptions.page++;\r\n const maxRow = pagingOptions.page * 4;\r\n const minRow = maxRow - 4;\r\n\r\n /** Loop through the rows and add them to the markup */\r\n pagingOptions.rowsOfMarkers.forEach(function (data, idx) {\r\n if (idx < minRow || idx >= maxRow) {\r\n return;\r\n }\r\n\r\n /** Add row of stores */\r\n _addRowOfStores(data, options);\r\n });\r\n\r\n /** Remove paging button if there is now more stores to show */\r\n if (maxRow >= pagingOptions.rowsOfMarkers.length) {\r\n $('#js-store-paging').off('click').remove();\r\n }\r\n }\r\n\r\n /** If there is more than 4 rows of stores to show, add the paging button */\r\n if (rowsOfMarkers.length && rowsOfMarkers.length > 4) {\r\n const btnMarkup = `
\r\n \r\n
`;\r\n\r\n $(btnMarkup).insertAfter(options.listDiv);\r\n\r\n $('#js-store-paging').on('click', showMoreStores);\r\n }\r\n}\r\n\r\n/**\r\n * Updates the list of stores (usually placed beneeth the map div)\r\n * @param {array} markers array of markers\r\n * @return {void}\r\n */\r\nfunction _updateStoreList (rowsOfMarkers, options) {\r\n /** Clear content in stores container and remove any previous eventlisteners */\r\n $('#js-store-paging').off('click').remove();\r\n options.listDiv.html('');\r\n\r\n /** Loop through the rows and generate the final markup */\r\n rowsOfMarkers.forEach(function (data, idx) {\r\n if (idx > 3) {\r\n return;\r\n }\r\n\r\n /** Add row of stores */\r\n _addRowOfStores(data, options);\r\n });\r\n}\r\n\r\n/**\r\n * Gets all markers that are currently visible in the map viewport\r\n * @param {object} options\r\n * @param {object} map an instantiated google map object\r\n * @return {void}\r\n */\r\nfunction getMarkersInViewport (options, map) {\r\n const bounds = map.getBounds();\r\n const markersInView = [];\r\n\r\n /** looping through Markers Collection */\r\n options.markersArr.Markers.forEach(function(value) {\r\n const markerData = value;\r\n const latLng = new options.api.maps.LatLng(markerData.Lat, markerData.Lng);\r\n\r\n if (bounds && bounds.contains && bounds.contains(latLng)){\r\n markersInView.push(value);\r\n }\r\n });\r\n\r\n const processedMarkers = _processMarkersForList(markersInView);\r\n\r\n /** Update the list of stores to show the ones that are in the viewport */\r\n _updateStoreList(processedMarkers, options);\r\n\r\n _initPaging(processedMarkers, options);\r\n}\r\n\r\nexport default {\r\n getMarkersInViewport\r\n};\r\n","'use strict';\r\n\r\nimport doT from 'dot';\r\n\r\n//import helpers from '../../Shared/helpers/index'; (Use for toplevelCountryCode)\r\n\r\n/**\r\n * Add cluster functionality to the map\r\n * @param {object} options\r\n * @param {object} map instantiated map\r\n * @param {array} markers array of markers\r\n */\r\nfunction _addMarkerClusterer(options, map, markers){\r\n /** @type {Object} cluster icon style */\r\n const style = Object.assign({\r\n anchor: [0, 0],\r\n // anchorIcon: [0, 0],\r\n // anchorText: [0, 0],\r\n height: 58,\r\n textColor: '#000',\r\n textSize: 14,\r\n width: 40\r\n }, JSON.parse(options.clusterOpt.replace(/'/g, '\\\"')));\r\n\r\n /**\r\n * Because we use the same styles for all cluster icons, we add the same style three times\r\n * @type {Array}\r\n */\r\n const styles = [style, style, style];\r\n\r\n /** @type {object} Create new markerClusterer */\r\n const markerClusterer = new MarkerClusterer(map, markers, { maxZoom: 8, styles: styles});\r\n\r\n return markerClusterer;\r\n}\r\n\r\nfunction customizeInfoWindow() {\r\n // Reference to the DIV which receives the contents of the infowindow\r\n const iwOuter = $('.gm-style-iw');\r\n iwOuter.prev().addClass('map-helper-class');\r\n iwOuter.parent().parent().css({left: '35px'});\r\n iwOuter.next().addClass('map-close-icon');\r\n}\r\n\r\n/**\r\n * Adds markers to the map\r\n * @param {object} options\r\n * @param {[type]} map an instantiated google map object\r\n */\r\nfunction addMarkers (options, map) {\r\n const markersOnMap = [];\r\n //const toplevelCountryCode = helpers.getTopLevelCountryCode();\r\n let markerClusterer = null; //eslint-disable-line\r\n\r\n /** Instantiate info window */\r\n const infoWindow = new options.api.maps.InfoWindow({maxWidth: 300});\r\n\r\n /** Loop thorugh all provided markers and add them to the map */\r\n options.markersArr.Markers.forEach(function(value) {\r\n const markerData = value;\r\n const latLng = new options.api.maps.LatLng(markerData.Lat, markerData.Lng);\r\n const marker = new options.api.maps.Marker({\r\n position: latLng,\r\n title: markerData.Name,\r\n icon: options.markerIcon,\r\n map: map\r\n });\r\n const infoWindowTpl = options.infoWindowTpl.html();\r\n\r\n (function (mapMarker, data, tpl) {\r\n const infoWindowContentFn = doT.template(tpl);\r\n const infoWindowContent = infoWindowContentFn(data);\r\n\r\n options.api.maps.event.addListener(mapMarker, 'click', () => {\r\n infoWindow.setContent(infoWindowContent);\r\n infoWindow.open(map, mapMarker);\r\n customizeInfoWindow();\r\n markersOnMap.forEach((item) => {\r\n item.setIcon(options.markerIcon);\r\n });\r\n mapMarker.setIcon(options.markerIconActive);\r\n });\r\n\r\n options.api.maps.event.addListener(infoWindow, 'closeclick', () => {\r\n mapMarker.setIcon(options.markerIcon);\r\n });\r\n })(marker, markerData, infoWindowTpl);\r\n\r\n markersOnMap.push(marker);\r\n });\r\n\r\n /** Add clustering to the map if there is more than one marker on the map */\r\n if (markersOnMap.length > 1) {\r\n _addMarkerClusterer(options, map, markersOnMap);\r\n }\r\n}\r\n\r\n\r\nexport default {\r\n addMarkers\r\n};\r\n","'use strict';\r\n\r\n/** Calculate radian */\r\nfunction _radian(x) {\r\n return x * Math.PI / 180;\r\n}\r\n\r\n/**\r\n * Find the nearest store using the Haversine formula: https://en.wikipedia.org/wiki/Haversine_formula\r\n * @param {object} latLntObj object containing the users lat/lng info\r\n * @param {object} map map object\r\n * @param {object} options\r\n * @return {void}\r\n */\r\nfunction _findClosestMarker(latLntObj, map, options) {\r\n const lat = latLntObj.lat;\r\n const lng = latLntObj.lng;\r\n const R = 6371; /** radius of earth in km */\r\n const distances = [];\r\n\r\n let closest = -1;\r\n\r\n options.markersArr.Markers.forEach(function(marker, idx) {\r\n const dLat = _radian(marker.Lat - lat);\r\n const dLong = _radian(marker.Lng - lng);\r\n const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(_radian(lat)) * Math.cos(_radian(lat)) * Math.sin(dLong / 2) * Math.sin(dLong / 2);\r\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n const d = R * c;\r\n distances[idx] = d;\r\n\r\n if ( closest === -1 || d < distances[closest] ) {\r\n closest = idx;\r\n }\r\n });\r\n\r\n /** Make sure there is a shore to show */\r\n if (options.markersArr.Markers[closest]) {\r\n /** Parse lat/lng strings to numbers */\r\n const closestLat = parseFloat(options.markersArr.Markers[closest].Lat);\r\n const closestLng = parseFloat(options.markersArr.Markers[closest].Lng);\r\n\r\n /** Set new map center and zoom in */\r\n map.setCenter({lat: closestLat, lng: closestLng});\r\n map.setZoom(13);\r\n }\r\n}\r\n\r\n/**\r\n * Asks user for geo location and sets new center location based on that\r\n * @param {object} map the map object\r\n * @param {object} options\r\n * @return {void}\r\n */\r\nfunction useGeoLocation (map, options) {\r\n navigator.geolocation.getCurrentPosition(function(position) {\r\n /** Grab user location */\r\n const latitude = position.coords.latitude;\r\n const longitude = position.coords.longitude;\r\n\r\n _findClosestMarker({lat: latitude, lng: longitude}, map, options);\r\n }, function (err) { console.warn(err); }, {\r\n timeout: 5000,\r\n enableHighAccuracy: true,\r\n maximumAge: 90000\r\n });\r\n\r\n /** Remove mouseover eventlistener */\r\n options.api.maps.event.clearListeners(map, 'mouseover');\r\n}\r\n\r\nexport default {\r\n useGeoLocation\r\n};\r\n","'use strict';\r\n\r\nexport default [\r\n {\r\n 'featureType': 'administrative',\r\n 'elementType': 'labels.text.fill',\r\n 'stylers': [\r\n {\r\n 'color': '#444444'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'administrative.country',\r\n 'elementType': 'geometry.stroke',\r\n 'stylers': [\r\n {\r\n 'visibility': 'on'\r\n },\r\n {\r\n 'lightness': '30'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'administrative.country',\r\n 'elementType': 'labels.text',\r\n 'stylers': [\r\n {\r\n 'lightness': '30'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'administrative.province',\r\n 'elementType': 'labels.text',\r\n 'stylers': [\r\n {\r\n 'lightness': '30'\r\n },\r\n {\r\n 'visibility': 'simplified'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'administrative.locality',\r\n 'elementType': 'labels.text',\r\n 'stylers': [\r\n {\r\n 'visibility': 'on'\r\n },\r\n {\r\n 'lightness': '30'\r\n },\r\n {\r\n 'saturation': '-100'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'administrative.neighborhood',\r\n 'elementType': 'labels',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'administrative.neighborhood',\r\n 'elementType': 'labels.text',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'landscape',\r\n 'elementType': 'all',\r\n 'stylers': [\r\n {\r\n 'color': '#f2f2f2'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'poi',\r\n 'elementType': 'all',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'road',\r\n 'elementType': 'all',\r\n 'stylers': [\r\n {\r\n 'saturation': -100\r\n },\r\n {\r\n 'lightness': 45\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'road.highway',\r\n 'elementType': 'all',\r\n 'stylers': [\r\n {\r\n 'visibility': 'simplified'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'road.highway',\r\n 'elementType': 'labels',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'road.arterial',\r\n 'elementType': 'labels.icon',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'transit',\r\n 'elementType': 'all',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'transit.line',\r\n 'elementType': 'labels',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'water',\r\n 'elementType': 'all',\r\n 'stylers': [\r\n {\r\n 'color': '#a8dce8'\r\n },\r\n {\r\n 'visibility': 'on'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'water',\r\n 'elementType': 'labels',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n },\r\n {\r\n 'featureType': 'water',\r\n 'elementType': 'labels.text',\r\n 'stylers': [\r\n {\r\n 'visibility': 'off'\r\n }\r\n ]\r\n }\r\n];\r\n","'use strict';\r\n\r\nimport mobileMenu from './menu.mobile.js';\r\nimport desktopMenu from './menu.desktop.js';\r\nimport languageSwitcherMenu from './menu.languageswitcher.js';\r\n\r\nexport default {\r\n mobileMenu,\r\n desktopMenu,\r\n languageSwitcherMenu\r\n};\r\n","'use strict';\r\n\r\nimport $ from 'jquery';\r\n\r\n\r\n/**\r\n* mobile nagvigation\r\n* @param {string} scope [css selector]\r\n* @return {undefined} [nothing returned]\r\n*/\r\nexport default function menuMobile(scope){\r\n\r\n const elm = $(scope);\r\n\r\n function toggleMenu(){\r\n elm.toggleClass('active').slideToggle(100, () => {\r\n $('body').toggleClass('menu-open');\r\n });\r\n }\r\n\r\n // Toggle open/hide mega menu on table and down.\r\n // This line add position fixed to body for could only inside menu.\r\n $('.main-nav-mobile__top-close-menu, .site-header__burger-menu').on('click', function() {\r\n toggleMenu();\r\n });\r\n\r\n elm.on('click', 'a', function(e){\r\n const link = $(e.target);\r\n if (link.attr('href') && link.attr('href').indexOf('#') === 0) {\r\n $('body').toggleClass('menu-open');\r\n elm.toggleClass('active').slideToggle(100);\r\n }\r\n });\r\n\r\n // Toggle for under levels on menu\r\n elm.find('a:not(.main-nav-mobile__top-close-menu)').on('click', 'svg', function() {\r\n $(this).parents('li').first().toggleClass('active').find('ul').first().slideToggle();\r\n\r\n return false;\r\n });\r\n}\r\n","'use strict';\r\n\r\nimport $ from 'jquery';\r\n\r\nexport default function menuDesktop(){\r\n\r\n // DEPARTMENTS NAVIGATION\r\n\r\n const deps = $('.main-nav-departments');\r\n const depItems = $('.main-nav-departments__item', deps);\r\n const depLinks = $('.main-nav-departments__link', deps);\r\n const depDDLs = $('.main-nav-departments__dropdown', deps);\r\n const depDDLLinks = $('a', depDDLs);\r\n\r\n function hideDepDDLs() {\r\n depLinks.removeClass('active');\r\n }\r\n\r\n depLinks.on('click', function(e){\r\n\r\n const target = e.target;\r\n const hasDDL = $(target).siblings().filter('.main-nav-departments__dropdown').length !== 0;\r\n\r\n depLinks.each(function(){\r\n if (this !== target) {\r\n $(this).removeClass('active');\r\n } else if ($(this).hasClass('active')) {\r\n $(this).removeClass('active');\r\n } else if (hasDDL) {\r\n e.preventDefault();\r\n $(this).addClass('active');\r\n }\r\n });\r\n });\r\n\r\n depDDLLinks.on('click', function(){\r\n hideDepDDLs();\r\n });\r\n\r\n $('body').on('click', function(e){\r\n if (depItems.find(e.target).length === 0) {\r\n hideDepDDLs();\r\n }\r\n });\r\n\r\n // AREAS NAVIGATION\r\n\r\n const areas = $('.main-nav-areas');\r\n const areaItems = $('.main-nav-areas__item', areas);\r\n const areaLinks = $('.main-nav-areas__link', areas);\r\n const areaDDLs = $('.areas__dd', areas);\r\n\r\n function hideAreaDDL($link){\r\n $link.removeClass('active');\r\n const $ddl = $link.siblings().filter('.areas__dd');\r\n $ddl.trigger('ddl.disappear');\r\n }\r\n\r\n function hideAreaDDLs() {\r\n areaLinks.each(function(){\r\n hideAreaDDL($(this));\r\n });\r\n }\r\n\r\n areaLinks.on('click', function(e){\r\n const $link = $(this);\r\n const $ddl = $link.siblings().filter('.areas__dd');\r\n const hasDDL = $ddl.length !== 0;\r\n\r\n areaLinks.each(function(){\r\n const $areaLink = $(this);\r\n if (!$areaLink.is($link)) {\r\n hideAreaDDL($areaLink);\r\n } else if (hasDDL) {\r\n e.preventDefault();\r\n if ($link.hasClass('active')) {\r\n hideAreaDDL($areaLink);\r\n } else {\r\n $areaLink.addClass('active');\r\n // levels init\r\n $ddl.trigger('ddl.appear');\r\n }\r\n }\r\n });\r\n });\r\n\r\n areaDDLs.each(function(){\r\n const $ddl = $(this);\r\n const $levels = $('.areas__level', $ddl);\r\n const $rootLevel = $levels.filter('[data-level=\"1\"]');\r\n const $levelLinks = $('.areas__level-list-link[data-level]', $ddl);\r\n const $levelBacks = $('.areas__level-info-back[data-level]', $ddl);\r\n\r\n function setDDLHeight($elm){\r\n let height = 0;\r\n const $listItems = $elm.find('> .areas__level-list > li');\r\n $listItems.each(function(){\r\n height += $(this).height();\r\n });\r\n $ddl.height(height);\r\n }\r\n\r\n $ddl.on('ddl.appear', function(){\r\n $(this).attr('data-move', 1);\r\n setDDLHeight($rootLevel);\r\n $rootLevel.addClass('active');\r\n });\r\n\r\n $ddl.on('ddl.disappear', function(){\r\n $levels.removeClass('active').removeClass('boom');\r\n $(this).attr('data-move', 1);\r\n });\r\n\r\n $levelLinks.on('click', function(e){\r\n e.preventDefault();\r\n const $link = $(this);\r\n const $currentLevel = $link.closest('.areas__level');\r\n $currentLevel.addClass('boom');\r\n const $targetLevel = $link.siblings('.areas__level');\r\n $targetLevel.addClass('active');\r\n setDDLHeight($targetLevel);\r\n $ddl.attr('data-move', $link.data('level'));\r\n });\r\n\r\n $levelBacks.on('click', function(e){\r\n e.preventDefault();\r\n const $back = $(this);\r\n const $currentLevel = $back.closest('.areas__level');\r\n $currentLevel.removeClass('active');\r\n const $targetLevel = $back.closest('.areas__level[data-level=\"' + $back.data('level') + '\"]');\r\n $targetLevel.removeClass('boom');\r\n setDDLHeight($targetLevel);\r\n $ddl.attr('data-move', $back.data('level'));\r\n });\r\n });\r\n\r\n $('body').on('click', function(e){\r\n if (areaItems.find(e.target).length === 0) {\r\n hideAreaDDLs();\r\n }\r\n });\r\n\r\n // subitem preview on hover\r\n const $previewLinks = areaItems.find('.preview-level');\r\n\r\n // hover on extended links toggles data attribute\r\n $previewLinks.hover(\r\n function(e) {\r\n const $this = $(this);\r\n const $previews = $this.parent('ul').find('> .preview-level');\r\n let level = 0;\r\n\r\n // locate the index of the preview withion relevant siblings\r\n $previews.each(function(index, item) {\r\n if ($(item).is($this)) {\r\n level = index;\r\n return;\r\n }\r\n });\r\n\r\n const $sub = $this.closest('.areas__level').find('.submenu-level-preview').eq(level);\r\n $sub.addClass('active');\r\n \r\n },\r\n function(e) {\r\n const $this = $(this);\r\n $this.parents('.areas__level').find('.submenu-level-preview').removeClass('active');\r\n }\r\n );\r\n}\r\n","'use strict';\r\n\r\nimport $ from 'jquery';\r\n\r\nexport default function menuTracking(){\r\n\r\n const trackingLinks = $('.js-track-language');\r\n if (trackingLinks.length < 1) return;\r\n\r\n trackingLinks.on('click', function(e) {\r\n e.preventDefault();\r\n const $this = $(this);\r\n\r\n document.location = $this.attr('href');\r\n });\r\n}\r\n","'use strict';\r\n\r\nimport $ from 'jquery';\r\nimport 'select2';\r\n\r\nexport function init(scope) {\r\n function formatState(state) {\r\n if (!state.id) {\r\n return state.text;\r\n } else if (state.element.dataset.select2Flag) {\r\n // return $('' + state.text + '');\r\n return $('' + state.text + '');\r\n }\r\n return state.text;\r\n }\r\n\r\n $(scope).select2({\r\n templateResult: formatState,\r\n templateSelection: formatState,\r\n minimumResultsForSearch: Infinity\r\n });\r\n}\r\n\r\nexport default {\r\n init\r\n};\r\n","'use strict';\r\n\r\nimport $ from 'jquery';\r\nimport { formReset, showAlert, hideAlerts, hideLightbox } from '../../Shared/lightbox/lightbox.heplers';\r\n\r\n\r\nfunction init(config) {\r\n if (!config.formCssSelector || $(config.formCssSelector).length === 0) {\r\n // console.warn('No form id provided. Form will not be initialized', config.formCssSelector);\r\n\r\n return;\r\n }\r\n\r\n const form = $(config.formCssSelector);\r\n\r\n // Disable scroll when focused on a number input.\r\n form.on('focus', 'input[type=number]', function() {\r\n $(this).on('wheel', function(e) {\r\n e.preventDefault();\r\n });\r\n });\r\n\r\n // Restore scroll on number inputs.\r\n form.on('blur', 'input[type=number]', function() {\r\n $(this).off('wheel');\r\n });\r\n\r\n // Disable up and down keys.\r\n form.on('keydown', 'input[type=number]', function(e) {\r\n if (e.which === 38 || e.which === 40) {\r\n e.preventDefault();\r\n }\r\n });\r\n\r\n // Form submit\r\n form.submit(function(e) {\r\n e.preventDefault();\r\n\r\n const formElm = $(this);\r\n const lightboxElm = formElm.closest('.contact__form');\r\n const errorsContainerElm = formElm.find('.form__errors');\r\n const loader = formElm.find('.js-loader');\r\n const recaptchaDisabled = formElm.find('.js-recaptcha').attr(\"data-disabled\");\r\n\r\n if (recaptchaDisabled === \"True\" || typeof grecaptcha === 'undefined') {\r\n formElm.find('.' + config.fieldErrorCssClass).removeClass(config.fieldErrorCssClass);\r\n errorsContainerElm.empty();\r\n hideAlerts(formElm);\r\n\r\n if (!formElm.hasClass('js-disabled')) {\r\n formElm.addClass('js-disabled');\r\n\r\n if (loader != null && !loader.hasClass('lds-ripple')) {\r\n loader.addClass('lds-ripple');\r\n }\r\n const url = formElm.attr('action');\r\n const serializedData = formElm.serialize();\r\n\r\n // post via ajax\r\n $.post(url, serializedData).done(function(data) { \r\n if (!data.success) {\r\n \r\n if (data.errorType == 'missingFieldsError'){\r\n showAlert(formElm, '.alert--danger');\r\n data.fields.forEach(function(item) {\r\n const inputElm = formElm.find('[name=\"' + item + '\"]');\r\n const errorText = inputElm.data('errorText');\r\n inputElm.parent().addClass(config.fieldErrorCssClass);\r\n if (errorText !== null && errorText !== '') {\r\n errorsContainerElm.append('
' + inputElm.data('errorText') + '
');\r\n }\r\n });\r\n }\r\n if (data.errorType == 'captchaError')\r\n {\r\n showAlert(formElm, '.alert--dangerCaptcha');\r\n }\r\n } else {\r\n if (formElm.hasClass('js-ajax-form-academy-toolbar')) {\r\n if (window.dataLayer !== undefined) {\r\n window.dataLayer.push({\r\n 'event': 'newsletterSignup'\r\n });\r\n } \r\n\r\n }\r\n if (formElm.hasClass('js-ajax-form-contact')) {\r\n if (window.dataLayer !== undefined) {\r\n window.dataLayer.push({\r\n 'event': 'contactFormSubmit' + formElm.data('trigger')\r\n });\r\n }\r\n\r\n }\r\n formReset(formElm, 'form-validation--error');\r\n showAlert(formElm, '.alert--success');\r\n formElm.find(\".form__row\").hide();\r\n formElm.find(\".btn-row\").hide();\r\n formElm.addClass(\"form-status--success\");\r\n \r\n\r\n if (lightboxElm.length) {\r\n setTimeout(function() {\r\n lightboxElm.addClass('hidden');\r\n hideLightbox();\r\n }, 10000);\r\n }\r\n if (config.successFn) {\r\n config.successFn();\r\n }\r\n }\r\n }).fail(function() {\r\n showAlert(formElm, '.alert--dangerServerError');\r\n }).always(function() {\r\n formElm.removeClass('js-disabled');\r\n loader.removeClass('lds-ripple');\r\n\r\n /* TODO: Hacked by a backender */\r\n if (ContactCaptcha != null) {\r\n ContactCaptcha.ReloadImage();\r\n }\r\n });\r\n }\r\n } else {\r\n // recaptcha v3\r\n grecaptcha.ready(function() {\r\n grecaptcha.execute('6LdnLqgUAAAAAOC1Gp8qi-cEl-inU-ZKO_XwFRbZ', { action: 'contact' }).then(function(token) {\r\n //console.log(\"grecaptcha.execute\" + token)\r\n formElm.find('.' + config.fieldErrorCssClass).removeClass(config.fieldErrorCssClass);\r\n errorsContainerElm.empty();\r\n hideAlerts(formElm);\r\n\r\n if (!formElm.hasClass('js-disabled')) {\r\n formElm.addClass('js-disabled');\r\n\r\n if (loader != null && !loader.hasClass('lds-ripple')) {\r\n loader.addClass('lds-ripple');\r\n }\r\n\r\n const url = formElm.attr('action');\r\n const serializedData = formElm.serialize() + '&token=' + token; // extend the serialized data with the recaptcha token\r\n\r\n // post via ajax\r\n $.post(url, serializedData).done(function(data) {\r\n if (!data.success) {\r\n if (data.errorType == 'missingFieldsError'){\r\n showAlert(formElm, '.alert--danger');\r\n data.fields.forEach(function(item) {\r\n const inputElm = formElm.find('[name=\"' + item + '\"]');\r\n const errorText = inputElm.data('errorText');\r\n inputElm.parent().addClass(config.fieldErrorCssClass);\r\n if (errorText !== null && errorText !== '') {\r\n errorsContainerElm.append('