mod-build 3.6.77 → 3.6.79-beta.1

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 3.6.78
+
+- Add functions to validate a contractor lead matches MQL criteria
+- TY messages logic updates to match the new MQL criteria
+
 ## 3.6.76
 
 - Add EIN field to data for Mod endpoint

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mod-build",
-  "version": "3.6.77",
+  "version": "3.6.79-beta.1",
   "description": "Share components for S3 sites.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/scripts/mod-form-contractor.js

@@ -295,22 +295,6 @@ modForm.submitContractorFormDataToApi = function(formData, successCallback, erro
 	}
 };
 
-/**
- * Check if the submitted info qualifies as small business to show corresponding thank you block
- * @returns {Boolean} - true if small business
- */
-modForm.isSmallBusiness = function() {
-	var $annualRevenue = this.opts.form.find('[name="annualRevenue"]').val(),
-		smbRevenueAnswers = ['Under $250,000', 'I\'m a Sales Rep'],
-		isSmallBus = false;
-
-	if (smbRevenueAnswers.indexOf($annualRevenue) > -1) {
-		isSmallBus = true;
-	}
-
-	return isSmallBus;
-};
-
 /**
  * Process data to the new API required format
  * @param {Object} formData - form data
@@ -325,6 +309,7 @@ modForm.formatContractorDataForModApi = function(formData, currentStep) {
 				lastName: formData.lastName,
 				primaryProjectClass: formData.primaryProjectClass,
 				multipleTrades: formData.multipleTrades ? 1 : 0,
+				contractorNetwork: formData.contractorNetwork ? 1 : 0,
 				companyName: formData.companyName,
 				phone: formData.homePhone,
 				email: formData.email,
@@ -356,6 +341,7 @@ modForm.formatContractorDataForModApi = function(formData, currentStep) {
 				annualRevenue: formData.annualRevenue,
 				buysLeads: formData.buysLeads,
 				crmInUse: formData.crmInUse,
+				ein: formData.ein,
 				whoCallsLeads: formData.whoCallsLeads,
 				ein: formData.ein,
 				websiteUrl: formData.websiteUrl,
@@ -413,6 +399,57 @@ modForm.initResubmitBtn = function() {
 	});
 };
 
+modForm.isSmallBusiness = function(annualRevenue) {
+	const smbRevenueAnswers = ['I\'m a sales rep', '$0 - $500K', '$500K - $1M'];
+	if (!annualRevenue) {
+	  console.error('No annual revenue provided');
+	  return false;
+	}
+
+	return smbRevenueAnswers.indexOf(annualRevenue) > -1;
+}
+
+/**
+ * Email
+ * @param {String} email - email address to validate
+ * @returns {Boolean} isFreeEmail
+ */
+modForm.isFreeEmail = function(email) {
+	let isFreeEmail = false;
+	const freeDomains = ['gmail', 'hotmail', 'msn', 'aol', 'yahoo', 'ymail', 'comcast', 'icloud'];
+
+	if (email) {
+	  const emailAddress = email.toLowerCase();
+	  isFreeEmail = freeDomains.some(domain => emailAddress.includes(domain));
+	}
+
+	return isFreeEmail;
+}
+
+/**
+ * Check if data meets criteria to match with CXP
+ * @returns {Boolean} - true if meets CXP criteria
+ */
+modForm.isSupportedByCxp = function(formData) {
+	if (formData.primaryProjectClass === 'Solar') {
+	  return false;
+	}
+
+	return true;
+};
+
+/**
+ * Check if the submitted info meets the criteria of a Marketing Qualified Lead (MQL, a lead who is more likely to become a customer than other leads)
+ * @returns {Boolean} - true if meets MQL Criteria
+ */
+modForm.meetsMQLCriteria = function(formData) {
+	if (this.isFreeEmail(formData.email) && formData.websiteUrl === '') {
+		return false;
+	}
+
+	return true;
+};
+
 /**
  * Process form after succesful submit
  * @param {Object} response - response data
@@ -482,8 +519,9 @@ modForm.processContractorFormSubmitSuccess = function(response, currentStep, xhr
 
 		// Thankyou blocks logic
 		var $tyStateBlocks = _this.opts.form.find('.ty-state-block'),
-			$otherTyp = _this.opts.form.find('.ty-state-block-other'),
-			$sbssTyp = _this.opts.form.find('.ty-state-block-sbss'),
+			$cxpTyp = _this.opts.form.find('.ty-state-block-cxp'),
+			$noserviceTyp = _this.opts.form.find('.ty-state-block-noservice'),
+			$generalTyp = _this.opts.form.find('.ty-state-block-success'),
 			$generalTyp = _this.opts.form.find('.ty-state-block-success'),
 			$primaryProjectClass = _this.opts.form.find('select[name="primaryProjectClass"]'),
 			tyStateGAName;
@@ -494,16 +532,18 @@ modForm.processContractorFormSubmitSuccess = function(response, currentStep, xhr
 		// Check what type of TY page to show
 		$tyStateBlocks.hide();
 
-		if ($primaryProjectClass.val() === 'Other') {
-			tyStateGAName = 'thankyou-other';
-			$otherTyp.show();
-			_this.initResubmitBtn();
-		} else if (_this.isSmallBusiness()) { // if is small business
-			tyStateGAName = 'thankyou-smallbusiness';
-			$sbssTyp.show();
-		} else {
+		const meetsModCriteria = _this.meetsMQLCriteria(_this.getFormData());
+		const meetsCxpCriteria = _this.isSupportedByCxp(_this.getFormData());
+
+		if (meetsModCriteria) {
 			tyStateGAName = 'thankyou';
 			$generalTyp.show();
+		} else if (meetsCxpCriteria) {
+			tyStateGAName = 'thankyou-cxp';
+			$cxpTyp.show();
+		} else {
+			tyStateGAName = 'thankyou-noservice';
+			$noserviceTyp.show();
 		}
 
 		// Track TY page in GA

package/src/templates/_partials/apt-block.html

@@ -1,30 +0,0 @@
-<div class="apt-block apt-block--instant" id="instant-apt-block" style="display: none">
-	<div class="apt-block__suptitle">
-		Next steps
-	</div>
-	<h2 class="apt-block__title">
-		Set Appointments
-	</h2>
-	<div class="apt-block__subtitle">
-		Request up to four appointments with contractors to receive free&nbsp;quotes.
-	</div>
-
-	<div class="apt-block__instant-matches" id="apt-block-instant-matches"> </div>
-</div>
-
-<div class="apt-block" id="apt-block" style="display: none">
-	<h2 class="apt-block__title" id="apt-block-title">
-		Loading matches...
-	</h2>
-
-	<div class="apt-block__matches" id="apt-block-matches"> </div>
-
-	<div class="apt-block__loading" id="apt-block-loading">
-		<span class="apt-block__spinner"></span>
-		Searching for matches&hellip;
-	</div>
-</div>
-
-<script>
-	var aptBlockTCPA = '{{#x 'this.tcpa("Schedule", "Modernize")'}}{{/x}}';
-</script>

package/src/templates/_partials/scripts/analytics.html

@@ -1,4 +0,0 @@
-<script>
-  {{ fileInclude 'node_modules/mod-build/src/scripts/has-qs-params.js' }}
-  {{ fileInclude 'node_modules/mod-build/src/scripts/url-cleaner.js' }}
-</script>

package/src/templates/_partials/scripts/deferred-styles.html

@@ -1,16 +0,0 @@
-	<noscript id="deferred-styles">
-		{{{deferredStyles deferredStyleUrls}}}
-	</noscript>
-	<script>
-		var loadDeferredStyles = function() {
-			var addStylesNode = document.getElementById("deferred-styles");
-			var replacement = document.createElement("div");
-			replacement.innerHTML = addStylesNode.textContent;
-			document.body.appendChild(replacement)
-			addStylesNode.parentElement.removeChild(addStylesNode);
-		};
-		var raf = requestAnimationFrame || mozRequestAnimationFrame ||
-			webkitRequestAnimationFrame || msRequestAnimationFrame;
-		if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
-		else window.addEventListener('load', loadDeferredStyles);
-	</script>

package/src/templates/_partials/scripts/go-page-hiding-snippet.html

@@ -1,8 +0,0 @@
-<!-- Google Optimize Page-hiding snippet  -->
-<style>.async-hide { opacity: 0 !important} </style>
-<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
-h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
-(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
-})(window,document.documentElement,'async-hide','dataLayer',4000,
-{'{{optimize_GTM}}':true});</script>
-<!-- End Google Optimize Page-hiding snippet -->

package/src/templates/_partials/scripts/google-maps.html

@@ -1 +0,0 @@
-<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBf4HNrR12KgZeMNsdoNIjD57pwVUsZ6e4&language=en&libraries=places&callback=modForm.initAddressAutocomplete" async defer></script>

package/src/templates/_partials/scripts/google-optimize.html

@@ -1,12 +0,0 @@
-<!-- Google Optimize -->
-<script>
-	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-	ga('create', '{{ga_tracking_ID}}', 'auto');
-	ga('require', '{{optimize_GTM}}');
-</script>
-<!-- End Google Optimize -->
-

package/src/templates/_partials/scripts/gtm-editorials/body/google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPXKC8"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-    

package/src/templates/_partials/scripts/gtm-editorials/head/google-tag-manager-head.html

@@ -1,10 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-WPXKC8');
-</script>
-<!-- End Google Tag Manager -->
-  

package/src/templates/_partials/scripts/gtm-hil/body/google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TDM5ZF6"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-    

package/src/templates/_partials/scripts/gtm-hil/head/google-tag-manager-head.html

@@ -1,10 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-TDM5ZF6');
-  </script>
-  <!-- End Google Tag Manager -->
-  

package/src/templates/_partials/scripts/gtm-pro/body/google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPXKC8"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-    

package/src/templates/_partials/scripts/gtm-pro/head/google-tag-manager-head.html

@@ -1,10 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-WPXKC8');
-  </script>
-  <!-- End Google Tag Manager -->
-  

package/src/templates/_partials/scripts/gtm-quote/body/google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NVJQBK2"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-  

package/src/templates/_partials/scripts/gtm-quote/head/google-tag-manager-head.html

@@ -1,9 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-NVJQBK2');
-</script>
-<!-- End Google Tag Manager -->

package/src/templates/_partials/scripts/gtm-whitelabel/body/mod-google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJ8BFVQ"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-  

package/src/templates/_partials/scripts/gtm-whitelabel/body/non-mod-google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TBC2FVC"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-  

package/src/templates/_partials/scripts/gtm-whitelabel/head/mod-google-tag-manager-head.html

@@ -1,10 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-TJ8BFVQ');
-  </script>
-  <!-- End Google Tag Manager -->
-  

package/src/templates/_partials/scripts/gtm-whitelabel/head/non-mod-google-tag-manager-head.html

@@ -1,9 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-TBC2FVC');
-</script>
-<!-- End Google Tag Manager -->

package/src/templates/_partials/scripts/gtm-wordpress/body/google-tag-manager-body.html

@@ -1,5 +0,0 @@
-<!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPXKC8"
-height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<!-- End Google Tag Manager (noscript) -->
-  

package/src/templates/_partials/scripts/gtm-wordpress/head/google-tag-manager-head.html

@@ -1,9 +0,0 @@
-<!-- Google Tag Manager -->
-<script>
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-WPXKC8');
-</script>
-<!-- End Google Tag Manager -->

package/src/templates/_partials/scripts/heap-bundle.html

@@ -1,7 +0,0 @@
-<script>
-	{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/heap-tracking.js' }}
-
-	{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/heap-vwo.js' }}
-
-	{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/heap-addeventproperties-identify.js' }}
-</script>

package/src/templates/_partials/scripts/heap.html

@@ -1,4 +0,0 @@
-<script>
-	window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
-	heap.load("3246578271");
-</script>

package/src/templates/_partials/scripts/utm-params.html

@@ -1,9 +0,0 @@
-<script type="text/javascript">
-	(function () {
-		var $networkLink = document.getElementById('join-network');
-		var	pageTrade = ($networkLink.getAttribute('data-trade') ? $networkLink.getAttribute('data-trade').toLowerCase() : "");
-		var	siteUrl = window.location.hostname + window.location.pathname;
-
-		$networkLink.href = 'https://modernize.com/pro/register/leads/?trade=' + pageTrade + '&utm_medium=microsites&utm_source=' + siteUrl;
-	})();
-</script>

package/src/templates/_partials/scripts/visual-website-optimizer.html

@@ -1,5 +0,0 @@
-<!-- Start Visual Website Optimizer Asynchronous Code -->
-<script>
-	{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/visual-website-optimizer.js' }}
-</script>
-<!-- End Visual Website Optimizer Asynchronous Code -->

package/src/templates/_partials/scripts/vwo-redirect-callback.html

@@ -1,49 +0,0 @@
-<script>
-{{ fileInclude 'node_modules/mod-build/src/scripts/has-qs-params.js' }}
-{{ fileInclude 'node_modules/mod-build/src/scripts/url-cleaner.js' }}
-{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/visual-website-optimizer.js' }}
-
-(function(VWO_HARD_TIMEOUT) {
-	window._vwo_evq = window._vwo_evq || [];
-	var queue = window._vwo_evq;
-	for (var i = 0; i < queue.length; i++) {
-		if (queue[i][0] === 'rD') {
-			window.willRedirectionOccur = true;
-			break;
-		}
-	}
-	var _vwoOldPush = window._vwo_evq.push;
-	window._vwo_evq.push = function() {
-		var eventData = arguments[0],
-			willRedirectionOccur;
-		if (eventData[0] === 'rD') {
-			willRedirectionOccur = eventData[1];
-			// It will be set to true if a redirection is going to be done by VWO.
-			window.willRedirectionOccurByVWO = willRedirectionOccur;
-		}
-		_vwoOldPush.apply(window._vwo_evq, [].slice.call(arguments));
-	};
-	var hardLimitTimedout = false;
-
-	function tryNonVWOTracking() {
-		if ((window._vwo_code && (window._vwo_code.finished() || window._vwo_code.libExecuted)) || hardLimitTimedout) {
-			if (!window.willRedirectionOccurByVWO) {
-				clearTimeout(hardLimitTimer);
-				try {
-					// flag to call Modalytics.initHeapVwo() method in site level js
-					window.initHeapVwo = true;
-				} catch (e) {}
-				return;
-			}
-		}
-		setTimeout(function() {
-			tryNonVWOTracking()
-		}, 500)
-	}
-
-	var hardLimitTimer = setTimeout(function() {
-		hardLimitTimedout = true;
-	}, VWO_HARD_TIMEOUT);
-	tryNonVWOTracking();
-})(5000 /*MAXIMUM TIME IN SECONDS IN WHICH CODE WILL EXECUTE ANYWAY*/ );
-</script>

package/src/templates/components/qs-footer.html

@@ -1,55 +0,0 @@
-<footer class="footer">
-	<div class="container">
-		<div class="footer__head-link">
-			{{qsFooterData.contractor.text}}
-			<a target="_blank" href="{{qsFooterData.contractor.link}}" rel="noopener noreferrer">
-				{{qsFooterData.contractor.linkText}}
-			</a>
-		</div>
-		<ul class="footer__links">
-			{{#each qsFooterData.links}}
-				<li>
-					<a
-						{{#xif "!this.modal" }}
-							href="{{this.url}}"
-							target="_blank"
-							rel="noopener noreferrer"
-						{{/xif}}
-						{{#xif "this.modal" }}
-							data-bind="modal-link"
-							data-load="/modals{{this.url}}index.html"
-						{{/xif}}
-					>
-						{{{this.name}}}{{#xif 'this.company === true'}}{{#if ../this.companyName}}&nbsp;{{{../this.companyName}}}{{/if}}{{/xif}}
-					</a>
-				</li>
-			{{/each}}
-			<!--
-				- Define the customFooterLinks array of objects in  template.js / siteconfig.js
-				- e.g customFooterLinks: [{name: 'Test Link', url: '/test/', modal: true}]
-			-->
-			{{#if this.customFooterLinks}}
-				{{#each this.customFooterLinks}}
-					<li>
-						<a
-							{{#xif "!this.modal" }}
-								href="{{this.url}}"
-								target="_blank"
-								rel="noopener noreferrer"
-							{{/xif}}
-							{{#xif "this.modal" }}
-								data-bind="modal-link"
-								data-load="/modals{{this.url}}index.html"
-							{{/xif}}
-						>
-							{{{this.name}}}
-						</a>
-					</li>
-				{{/each}}
-			{{/if}}
-		</ul>
-		<p class="footer__copyright">
-			Copyright &copy; {{year}} {{qsFooterData.copyright}}
-		</p>
-	</div>
-</footer>

package/src/templates/components/quote-footer-v1.html

@@ -1,148 +0,0 @@
-<div class="footer">
-	<div class="container">
-		{{#xif "this.hideBbb !== true" }}
-		<img src="{{assetsPath}}/images/logos/misc/bbb.svg" alt="BBB Accredited Logo" class="footer__bbb-logo footer__bbb">
-		{{/xif}}
-		<div class="footer__links contractor-link">
-			{{quoteFooterData.contractor.text}}
-			<a target="_blank" href="{{quoteFooterData.contractor.link}}" rel="noopener noreferrer">
-				{{quoteFooterData.contractor.linkText}}
-			</a>
-		</div>
-		<div class="footer__content">
-			{{#xif 'this.copyright === "top"'}}
-				<div class="footer__copyright">
-					&copy; Copyright {{year}} {{website_name}}.
-					{{{quoteFooterData.copyright}}}
-					<div class="footer__captcha-disclosure">
-						{{quoteFooterData.capchaDisclosure.text}}
-						<a href="{{quoteFooterData.capchaDisclosure.privacy.url}}" target="_blank">{{quoteFooterData.capchaDisclosure.privacy.text}}</a> and
-						<a href="{{quoteFooterData.capchaDisclosure.terms.url}}" target="_blank">{{{quoteFooterData.capchaDisclosure.terms.text}}}</a>&nbsp;apply.
-					</div>
-				</div>
-			{{/xif}}
-			{{#xif "this.privacylinks === 'top'"}}
-				<div class="footer__links">
-					{{#each quoteFooterData.privacyLinks}}
-						<a
-							{{#xif "this.modal === true" }}
-								href="{{../links.privacy}}"
-								data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-								data-bind="modal-link"
-								data-anchor="#{{this.anchor}}"
-							{{/xif}}
-							{{#xif "this.modal === false" }}
-								href="{{this.anchor}}"
-								target="_blank"
-								rel="noopener noreferrer"
-							{{/xif}}
-						>{{{this.text}}}</a>
-					{{/each}}
-					<!--
-						- Define the customPrivacyLinks array of objects in  template.js / siteconfig.js
-						- e.g customPrivacyLinks: [{ text: 'This is a custom link', anchor: 'ccpa' }]
-					-->
-					{{#if this.customPrivacyLinks}}
-						{{#each this.customPrivacyLinks}}
-							<a
-								{{#xif "this.modal === true" }}
-									href="{{../links.privacy}}"
-									data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-									data-bind="modal-link"
-									data-anchor="#{{this.anchor}}"
-								{{/xif}}
-								{{#xif "this.modal === false" }}
-									href="{{this.anchor}}"
-									target="_blank"
-									rel="noopener noreferrer"
-								{{/xif}}
-							>{{{this.text}}}</a>
-						{{/each}}
-					{{/if}}
-				</div>
-			{{/xif}}
-			{{#xif 'this.copyright === "middle"'}}
-				<div class="footer__copyright">
-					&copy; Copyright {{year}} {{website_name}}.
-					{{{quoteFooterData.copyright}}}
-					<div class="footer__captcha-disclosure">
-						{{quoteFooterData.capchaDisclosure.text}}
-						<a href="{{quoteFooterData.capchaDisclosure.privacy.url}}" target="_blank">{{quoteFooterData.capchaDisclosure.privacy.text}}</a> and
-						<a href="{{quoteFooterData.capchaDisclosure.terms.url}}" target="_blank">{{{quoteFooterData.capchaDisclosure.terms.text}}}</a>&nbsp;apply.
-					</div>
-				</div>
-			{{/xif}}
-
-			<div class="footer__links">
-				{{#each quoteFooterData.links}}
-					<a href="{{#if this.modal}}/{{this.url}}{{else}}{{this.url}}{{/if}}" {{#xif "this.modal === true" }}
-					data-load="{{#if ../this.variation}}/modals/{{this.url}}/index.html{{else}}./modals/{{this.url}}/index.html{{/if}}" data-bind="modal-link"{{/xif}} {{#if this.target}}target="{{this.target}}" {{#xif "this.target === '_blank'"}} rel="noopener noreferrer"{{/xif}} {{/if}}>
-						{{{this.text}}}
-					</a>
-				{{/each}}
-				<!--
-					- Define the customFooterLinks array of objects in  template.js / siteconfig.js
-					- e.g customFooterLinks: [{url: '/test', text: 'Test Link'}]
-				-->
-				{{#if this.customFooterLinks}}
-					{{#each this.customFooterLinks}}
-						<a href="{{#if this.modal}}/{{this.url}}{{else}}{{this.url}}{{/if}}" {{#xif "this.modal === true" }}data-load="{{#if ../this.variation}}/modals/{{this.url}}/index.html{{else}}./modals/{{this.url}}/index.html{{/if}}" data-bind="modal-link"{{/xif}} {{#if this.target}}target="{{this.target}}" {{#xif "this.target === '_blank'"}} rel="noopener noreferrer"{{/xif}}{{/if}}>{{{this.text}}}</a>
-					{{/each}}
-				{{/if}}
-			</div>
-
-			{{#xif "this.privacylinks === 'bottom'"}}
-				<div class="footer__links">
-					{{#each quoteFooterData.privacyLinks}}
-						<a
-							{{#xif "this.modal === true" }}
-								href="{{../links.privacy}}"
-								data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-								data-bind="modal-link"
-								data-anchor="#{{this.anchor}}"
-							{{/xif}}
-							{{#xif "this.modal === false" }}
-								href="{{this.anchor}}"
-								target="_blank"
-								rel="noopener noreferrer"
-							{{/xif}}
-						>{{{this.text}}}</a>
-					{{/each}}
-					<!--
-						- Define the customPrivacyLinks array of objects in  template.js / siteconfig.js
-						- e.g customPrivacyLinks: [{ text: 'This is a custom link', anchor: 'ccpa' }]
-					-->
-					{{#if this.customPrivacyLinks}}
-						{{#each this.customPrivacyLinks}}
-							<a
-								{{#xif "this.modal === true" }}
-									href="{{../links.privacy}}"
-									data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-									data-bind="modal-link"
-									data-anchor="#{{this.anchor}}"
-								{{/xif}}
-								{{#xif "this.modal === false" }}
-									href="{{this.anchor}}"
-									target="_blank"
-									rel="noopener noreferrer"
-								{{/xif}}
-							>{{{this.text}}}</a>
-						{{/each}}
-					{{/if}}
-				</div>
-			{{/xif}}
-
-			{{#xif 'this.copyright === "bottom"'}}
-				<div class="footer__copyright">
-					&copy; Copyright {{year}} {{website_name}}.
-					{{{quoteFooterData.copyright}}}
-					<div class="footer__captcha-disclosure">
-						{{quoteFooterData.capchaDisclosure.text}}
-						<a href="{{quoteFooterData.capchaDisclosure.privacy.url}}" target="_blank">{{quoteFooterData.capchaDisclosure.privacy.text}}</a> and
-						<a href="{{quoteFooterData.capchaDisclosure.terms.url}}" target="_blank">{{{quoteFooterData.capchaDisclosure.terms.text}}}</a>&nbsp;apply.
-					</div>
-				</div>
-			{{/xif}}
-		</div>
-	</div>
-</div>

package/src/templates/components/quote-footer-v2.html

@@ -1,169 +0,0 @@
-<div class="footer container">
-	{{#xif "this.hideBbb !== true" }}
-		<img src="{{assetsPath}}/images/logos/misc/bbb.svg" alt="BBB Accredited Logo" class="footer__bbb-logo footer__bbb">
-	{{/xif}}
-	<div class="footer__links contractor-link">
-		{{quoteFooterData.contractor.text}}
-		<a target="_blank" href="{{quoteFooterData.contractor.link}}" rel="noopener noreferrer">
-			{{quoteFooterData.contractor.linkText}}
-		</a>
-	</div>
-	{{#xif 'this.copyright === "top"'}}
-		<div class="footer__row">
-			<div class="footer__copyright">
-				&copy; Copyright {{year}} {{company_name}}. {{{quoteFooterData.copyright}}}
-			</div>
-			<div class="footer__captcha-disclosure">
-				{{quoteFooterData.capchaDisclosure.text}}
-				<a href="{{quoteFooterData.capchaDisclosure.privacy.url}}" target="_blank">{{quoteFooterData.capchaDisclosure.privacy.text}}</a> and
-				<a href="{{quoteFooterData.capchaDisclosure.terms.url}}" target="_blank">{{{quoteFooterData.capchaDisclosure.terms.text}}}</a>&nbsp;apply.
-			</div>
-		</div>
-	{{/xif}}
-	{{#xif "this.privacylinks === 'top'"}}
-		<div class="footer__row">
-			<ul class="footer__links">
-				{{#each quoteFooterData.privacyLinks}}
-					<li>
-						<a
-						{{#xif "this.modal === true" }}
-							href="{{../links.privacy}}"
-							data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-							data-bind="modal-link"
-							data-anchor="#{{this.anchor}}"
-						{{/xif}}
-						{{#xif "this.modal === false" }}
-							href="{{this.anchor}}"
-							target="_blank"
-							rel="noopener noreferrer"
-						{{/xif}}
-						>
-							{{{this.text}}}
-						</a>
-					</li>
-				{{/each}}
-				<!--
-						- Define the customPrivacyLinks array of objects in  template.js / siteconfig.js
-						- e.g customPrivacyLinks: [{ text: 'This is a custom link', anchor: 'ccpa' }]
-					-->
-				{{#if this.customPrivacyLinks}}
-					{{#each this.customPrivacyLinks}}
-						<li>
-							<a
-								{{#xif "this.modal === true" }}
-									href="{{../links.privacy}}"
-									data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-									data-bind="modal-link"
-									data-anchor="#{{this.anchor}}"
-								{{/xif}}
-								{{#xif "this.modal === false" }}
-									href="{{this.anchor}}"
-									target="_blank"
-									rel="noopener noreferrer"
-								{{/xif}}
-							>
-								{{{this.text}}}
-							</a>
-						</li>
-					{{/each}}
-				{{/if}}
-			</ul>
-		</div>
-	{{/xif}}
-	<div class="footer__row">
-		<ul class="footer__links">
-			{{#each quoteFooterData.links}}
-				<li>
-					<a href="{{#if this.modal}}/{{this.url}}{{else}}{{this.url}}{{/if}}" {{#xif "this.modal === true" }}
-					data-load="{{#if ../this.variation}}/modals/{{this.url}}/index.html{{else}}./modals/{{this.url}}/index.html{{/if}}" data-bind="modal-link"{{/xif}} {{#if this.target}}target="{{this.target}}"{{#xif "this.target === '_blank'"}} rel="noopener noreferrer"{{/xif}}{{/if}}>{{{this.text}}}</a>
-				</li>
-			{{/each}}
-			<!--
-				- Define the customFooterLinks array of objects in  template.js / siteconfig.js
-				- e.g customFooterLinks: [{url: 'test', text: 'Test Link'}]
-			-->
-			{{#if this.customFooterLinks}}
-				{{#each this.customFooterLinks}}
-					<li>
-						<a href="{{#if this.modal}}/{{this.url}}{{else}}{{this.url}}{{/if}}" {{#xif "this.modal === true" }}
-						data-load="{{#if ../this.variation}}/modals/{{this.url}}/index.html{{else}}./modals/{{this.url}}/index.html{{/if}}" data-bind="modal-link"{{/xif}} {{#if this.target}}target="{{this.target}}"{{#xif "this.target === '_blank'"}} rel="noopener noreferrer"{{/xif}}{{/if}}>{{{this.text}}}</a>
-					</li>
-				{{/each}}
-			{{/if}}
-		</ul>
-	</div>
-	{{#xif 'this.copyright === "middle"'}}
-		<div class="footer__row">
-			<div class="footer__copyright">
-				&copy; Copyright {{year}} {{company_name}}. {{{quoteFooterData.copyright}}}
-			</div>
-			<div class="footer__captcha-disclosure">
-				{{quoteFooterData.capchaDisclosure.text}}
-				<a href="{{quoteFooterData.capchaDisclosure.privacy.url}}" target="_blank">{{quoteFooterData.capchaDisclosure.privacy.text}}</a> and
-				<a href="{{quoteFooterData.capchaDisclosure.terms.url}}" target="_blank">{{{quoteFooterData.capchaDisclosure.terms.text}}}</a>&nbsp;apply.
-			</div>
-		</div>
-	{{/xif}}
-	{{#xif "this.privacylinks === 'bottom'"}}
-		<div class="footer__row">
-			<ul class="footer__links">
-				{{#each quoteFooterData.privacyLinks}}
-					<li>
-						<a
-							{{#xif "this.modal === true" }}
-								href="{{../links.privacy}}"
-								data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-								data-bind="modal-link"
-								data-anchor="#{{this.anchor}}"
-							{{/xif}}
-							{{#xif "this.modal === false" }}
-								href="{{this.anchor}}"
-								target="_blank"
-								rel="noopener noreferrer"
-							{{/xif}}
-						>
-							{{{this.text}}}
-						</a>
-					</li>
-				{{/each}}
-				<!--
-						- Define the customPrivacyLinks array of objects in  template.js / siteconfig.js
-						- e.g customPrivacyLinks: [{ text: 'This is a custom link', anchor: 'ccpa' }]
-					-->
-					{{#if this.customPrivacyLinks}}
-						{{#each this.customPrivacyLinks}}
-							<li>
-								<a
-									{{#xif "this.modal === true" }}
-										href="{{../links.privacy}}"
-										data-load="{{#if ../this.variation}}/modals/privacy/index.html{{else}}./modals/privacy/index.html{{/if}}"
-										data-bind="modal-link"
-										data-anchor="#{{this.anchor}}"
-									{{/xif}}
-									{{#xif "this.modal === false" }}
-										href="{{this.anchor}}"
-										target="_blank"
-										rel="noopener noreferrer"
-									{{/xif}}
-								>
-									{{{this.text}}}
-								</a>
-							</li>
-						{{/each}}
-					{{/if}}
-			</ul>
-		</div>
-	{{/xif}}
-	{{#xif 'this.copyright === "bottom"'}}
-		<div class="footer__row">
-			<div class="footer__copyright">
-				&copy; Copyright {{year}} {{company_name}}. {{{quoteFooterData.copyright}}}
-			</div>
-			<div class="footer__captcha-disclosure">
-				{{quoteFooterData.capchaDisclosure.text}}
-				<a href="{{quoteFooterData.capchaDisclosure.privacy.url}}" target="_blank">{{quoteFooterData.capchaDisclosure.privacy.text}}</a> and
-				<a href="{{quoteFooterData.capchaDisclosure.terms.url}}" target="_blank">{{{quoteFooterData.capchaDisclosure.terms.text}}}</a>&nbsp;apply.
-			</div>
-		</div>
-	{{/xif}}
-</div>

package/src/templates/index.html

@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-
-<head lang="en">
-	<script>
-	</script>
-
-	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="initial-scale=1.0, width=device-width" />
-	<title>modSite</title>
-
-	<link href="/styles/home.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-	<h1>
-		It works!
-	</h1>
-
-	<form id="form" class="form" novalidate="novalidate">
-		<div id="step1" class="step step--active" data-bind="step">
-			<input type="tel" name="zip" placeholder="Zip" maxlength="5" />
-		</div>
-	</form>
-
-	<!-- build:js /scripts/vendor/jquery.js -->
-	<script src="/node_modules/jquery/dist/jquery.js"></script>
-	<!-- endbuild -->
-
-	<!-- build:js /scripts/vendor/jquery.mask.min.js -->
-	<script src="/node_modules/jquery-mask-plugin/dist/jquery.mask.min.js"></script>
-	<!-- endbuild -->
-
-	<script src="/scripts/mod-utils.js"></script>
-
-	<script src="/scripts/mod-form.js"></script>
-
-	<script src="/scripts/compiled/home.js"></script>
-
-	<!-- build:js(src) /scripts/es6.js -->
-	<script src="/scripts/es6-1.js"></script>
-	<script src="/scripts/es6-2.js"></script>
-	<!-- endbuild -->
-</body>
-
-</html>