https://www.beaumontcvb.com/includes/public/managed/v_c8155e17_dde…/common/virtuals/js/shared_footer.js

1// This file will be run in the footer on every page.
2// It should be used for content that relates
3// to your site as a whole, it should not be used for
4// plugin-specific js
5
6require(["jquery", "site_gtm", "plugins_common_custom_ui_watcher", "sv_load!plugins_dynamic_content", "sv_site", "domReady!"], function($, gtm, UIWatcher, dynamic, site) {
7	gtm.update();
8
9	// SEM tracking
10	var uiEvents = new UIWatcher({}, $, document);
11	uiEvents.on("change-page", handlePageChange);
12	uiEvents.on("view-change", handleFilterChange);
13	uiEvents.on("sort-change", handleFilterChange);
14	uiEvents.on("value-change", handleFilterChange);
15	uiEvents.on("toggle-show-more", handleShowMoreToggle);
16	uiEvents.on("item-click", handleItemClick);
17	uiEvents.on("tripbuilder", handleTripbuilder);
18	uiEvents.on("qv-tripbuilder", handleTripbuilder);
19	uiEvents.on("quick-view", handleQuickview);
20
21	// tracking handlers
22	function handleTripbuilder(payload){
23		var event = payload.eventContext,
24			widget = payload.widgetContext;
25		let ga4Data = {
26			eventName: event?.value === "Add" ? "add_to_favorites" : undefined,
27			itemType: widget?.name === "Coupons" ? 'offers' : widget?.name.toLowerCase() !== "quickview" ? widget?.name.toLowerCase() : event?.itemType,
28			itemName: event?.refTitle,
29			linkObject: event?.linkObject,
30			itemCategory: event?.crmc,
31			interactionSource: event?.interactionSource,
32			interactionText: event?.interactionText,
33			interactionUrl: event?.interactionUrl,
34			itemCity: event?.itemCity,
35			itemRegion: event?.itemRegion,
36			itemId: event?.itemId,
37			acctId: event?.acctId,
38			itemVariant: event?.itemVariant,
39			price: event?.price,
40		}
41		if (event?.crmsc) 
42			ga4Data.itemSubcategory = event?.crmsc;
43		if (ga4Data.eventName && ga4Data.itemType && ga4Data.itemName && ga4Data.linkObject)
44			gtm.sendEvents({ tClient_ga4: ga4Data });
45	}
46	
47	function handleQuickview(payload){
48		var event = payload.eventContext;
49		let ga4Data = {
50			eventName: event?.eventName,
51			itemType: event?.itemType,
52			itemName: event?.itemName ?? event?.refTitle,
53			linkObject: event?.linkObject,
54			itemCategory: event?.crmc,
55			interactionSource: event?.interactionSource,
56			interactionText: event?.interactionText,
57			interactionUrl: event?.interactionUrl,
58			itemCity: event?.itemCity,
59			itemRegion: event?.itemRegion,
60			itemId: event?.itemId,
61			acctId: event?.acctId,
62			itemVariant: event?.itemVariant,
63			price: event?.price,
64			referralType: event?.referralType,
65		}
66		if (event?.crmsc) 
67			ga4Data.itemSubcategory = event?.crmsc;
68		if (event?.eventName === 'partner_referral')
69			ga4Data.value = 5;
70		if (ga4Data.eventName && ga4Data.itemType && ga4Data.itemName && ga4Data.linkObject)
71			gtm.sendEvents({ tClient_ga4: ga4Data });
72	}
73
74	function handleShowMoreToggle(payload){
75		var event = payload.eventContext;
76		let ga4Data = {
77			eventName: "filter",
78			filterType: `${event?.refTitle} | ${event?.displayText}`,
79			itemType: event?.itemType,
80			interactionSource: event?.interactionSource,
81			interactionText: event?.interactionText,
82		}
83		if (ga4Data.eventName && ga4Data.filterType && ga4Data.itemType)
84			gtm.sendEvents({ tClient_ga4: ga4Data });
85	}
86
87	function handlePageChange(payload){
88		var event = payload.eventContext;
89		let ga4Data = {
90			eventName: "filter",
91			filterType: `${event?.refTitle} | ${event?.displayText}`,
92			itemType: event?.itemType,
93			interactionSource: event?.interactionSource,
94			interactionText: event?.interactionText,
95		}
96		if (ga4Data.eventName && ga4Data.filterType && ga4Data.itemType)
97			gtm.sendEvents({ tClient_ga4: ga4Data });
98	}
99
100	function handleItemClick(payload){
101		var event = payload.eventContext;
102		if (event?.name === "Quickview" || event?.name === "Quick View") {
103			var ga4Data = {
104				eventName: "filter",
105				filterType: "Open Quickview",
106				itemType: event?.itemType,
107				itemName: event?.itemName ?? event?.refTitle,
108				interactionSource: event?.interactionSource,
109				interactionText: event?.interactionText,
110				itemCategory: event?.crmc,
111				itemCity: event?.itemCity,
112				itemRegion: event?.itemRegion,
113				itemId: event?.itemId,
114				acctId: event?.acctId,
115				itemVariant: event?.itemVariant,
116				price: event?.price,
117			}
118			if (event?.crmsc)
119				ga4Data.itemSubcategory = event?.crmsc;
120			if (ga4Data.eventName && ga4Data.filterType && ga4Data.itemType)
121				gtm.sendEvents({tClient_ga4: ga4Data});
122		} else {
123			var ga4Data = {
124				eventName: event?.eventName,
125				widgetName: event?.widgetName,
126				itemType: event?.itemType,
127				itemName: event?.itemName ?? event?.refTitle,
128				linkObject: event?.linkObject,
129				itemCategory: event?.crmc,
130				interactionSource: event?.interactionSource,
131				interactionText: event?.interactionText,
132				interactionUrl: event?.interactionUrl,
133				itemCity: event?.itemCity,
134				itemRegion: event?.itemRegion,
135				itemId: event?.itemId,
136				acctId: event?.acctId,
137				itemVariant: event?.itemVariant,
138				price: event?.price,
139				referralType: event?.referralType,
140			}
141			if (event?.crmsc)
142				ga4Data.itemSubcategory = event?.crmsc;
143			if (event?.eventName === 'partner_referral')
144				ga4Data.value = 5;
145			if (ga4Data.eventName && ga4Data.itemType && ga4Data.itemName && ga4Data.linkObject)
146				gtm.sendEvents({tClient_ga4: ga4Data});
147		}
148	}
149
150	function handleFilterChange (payload) {
151		var event = payload.eventContext;
152		let ga4Data = {
153			eventName: "filter",
154			filterType: `${event?.refTitle} | ${event?.displayText}`,
155			itemType: event?.itemType,
156			interactionSource: event?.interactionSource,
157			interactionText: event?.interactionText,
158		}
159		if (ga4Data.eventName && ga4Data.filterType && ga4Data.itemType)
160			gtm.sendEvents({ tClient_ga4: ga4Data });
161	}
162	// end SEM tracking
163
164	// Init quickview textboxes
165	if (site.siteConfig.custom[site.site].quickview.active) {
166		const textBoxes = document.querySelectorAll('[data-qv-enabled-textbox]');
167	
168		if (textBoxes.length) {
169			require(['plugins_common_custom_quickview_textbox'], function (qv) {

170				qv.init();
171			});
172		}
173	}
174});
175
176// Lazy-load js for widgets that have the [data-js] attribute on their root node
177(function() {
178	function initDataJs(searchScope, selector = '[data-js]' ){
179		require(['plugins_common_custom_lazyload'], function(lazyload) {
180			var widgetsToLoad = [];
181			let scope = searchScope ? searchScope : document;
182			var els = scope.querySelectorAll(selector);
183
184			for (var i = 0; i < els.length; i++) {
185				widgetsToLoad.push(els[i]);
186			}
187			
188			lazyload.lazy(widgetsToLoad, function(entry, io) {
189				var target = entry.target;
190				var jsFile = target.dataset.js;
191				var guid = target.dataset.guid;
192
193				require([jsFile], function(widget) {
194					widget.init(guid);
195					io.unobserve(target);
196				});
197			});
198		});
199	};
200
201	initDataJs();
202
203	let eventToSelectorMap = {
204		// each event needs a slightly different selector
205		"dynamicContentLoaded": "[data-dynamic-chosen] [data-js]",
206		"abContentLoaded": "[data-ab-chosen] [data-js]"
207	}
208	
209	Object.entries(eventToSelectorMap).forEach( event => {
210		const [eventName, selector] = event;
211		window.addEventListener(eventName, e => {
212			const collections = document.querySelector(`[data-guid="${e}"]`);
213			initDataJs(collections, selector);
214		});
215	});
216})();
217
218// Wrap core_textbox iframes to prevent horizontal overflow
219(function() {
220	const textBoxes = document.querySelectorAll('[data-sv-core-textbox]');
221	if (textBoxes.length) {
222		require(['plugins_common_custom_utils'], function(utils) {
223			textBoxes.forEach(utils.wrapIframes);
224		});
225	}
226})();
227
228// Remove critical styles from head after all CSS files have loaded
229// This prevents a situation where the critical styles cause an override of the CSS in files
230const criticalStyles = document.querySelector('[data-critical-styles]');
231if (criticalStyles) {
232	window.addEventListener('load', e =>

232 criticalStyles.remove());
233}