mod-build 4.0.3 → 4.0.4-8.beta-1

package/.eslintrc

@@ -2,7 +2,6 @@
 	"env": {
 		"node": true,
 		"browser": true,
-		"es2021": true,
 		"jquery": true
 	},
 	"extends": [
@@ -12,7 +11,42 @@
 		"ecmaVersion": "latest",
 		"sourceType": "module"
 	},
+	"globals": {
+		"require": true,
+		"module": true
+	},
 	"rules": {
-	// Define your custom rules here
+		"brace-style": [2, "1tbs"],
+		"camelcase": 2,
+		"comma-dangle": [2, "never"],
+		"comma-style": [2, "last"],
+		"curly": [2, "all"],
+		"default-case": 2,
+		"dot-notation": 2,
+		"eqeqeq": [2, "always", {"null": "ignore"}],
+		"guard-for-in": 2,
+		"indent": [2, "tab"],
+		"key-spacing": [2, {"beforeColon": false, "afterColon": true, "mode": "minimum"}],
+		"keyword-spacing": [2, {"before": true, "after": true}],
+		"new-cap": 2,
+		"no-console": 0,
+		"no-floating-decimal": 2,
+		"no-nested-ternary": 2,
+		"no-new": 2,
+		"no-shadow": 2,
+		"no-use-before-define": 2,
+		"operator-linebreak": [2, "before", {"overrides": {"?": "after", ":": "after"}}],
+		"prefer-const": 2,
+		"quotes": [2, "single"],
+		"semi": 2,
+		"semi-spacing": 2,
+		"space-before-blocks": [2, "always"],
+		"space-before-function-paren": [2, "never"],
+		"spaced-comment": [2, "always", {"exceptions": ["-"]}],
+		"space-infix-ops": 2,
+		"space-in-parens": [2, "never"],
+		"strict": [2, "never"],
+		"valid-jsdoc": [2, {"requireReturn": false, "prefer": {"return": "returns"}}],
+		"wrap-iife": [2, "inside", {"functionPrototypeMethods": true}]
 	}
 }

package/.stylelintrc.json

@@ -0,0 +1,23 @@
+{
+	"extends": "stylelint-config-standard-scss",
+	"plugins": [
+		"stylelint-order",
+		"@namics/stylelint-bem"
+	],
+	"defaultSeverity": "warning",
+	"rules": {
+		"no-descending-specificity": null,
+		"scss/no-global-function-names": null,
+		"selector-class-pattern": [
+			"^[a-z0-9\\-_]+$",
+			{
+				"message": "Selector should be written in lowercase with hyphens or underscores (selector-class-pattern)"
+			}
+		],
+		"order/properties-alphabetical-order": true,
+		"plugin/stylelint-bem-namics": {
+			"patternPrefixes": [],
+			"helperPrefixes": []
+		}
+	}
+}

package/CHANGELOG.md

@@ -1,4 +1,167 @@
-## 4.0.3
+# Changelog
+
+## 4.0.48
+
+- Added missed attributes in global questions config of siding and tree services.
+
+## 4.0.47
+
+- Enabling JSlint `failOnError`
+
+## 4.0.46
+
+- Added in the outer `ServiceType` missing object for Water Treatment trade questions config.
+
+## 4.0.45
+
+- Added the new `getDataAttributeValue` helper function; Also updated the generic error language in `get-default-trade-questions`.
+
+## 4.0.44
+
+- Created new vite plugin to add data attribute to image source if class 'lazy' is added.
+
+## 4.0.43
+
+- Updating `grab-shared-components` task to pull subdirectories, instead of just the root level for component files.
+
+## 4.0.42
+
+- Added trade questions config.
+
+## 4.0.41
+
+- Bug fix.
+
+## 4.0.40
+
+- Updated `vendorPublicIdentifier` logic to work for new bestcompany.com branded pages.
+
+## 4.0.39
+
+- Added the E-Sign Consent modal to be grabbed as part of the  `grab-cdn` task.
+
+## 4.0.37
+
+- Updated `getConsentCaptureLanguage` to include the `profileId` version of the display name API.
+*Currently being used for Best Company branded form pages.*
+
+## 4.0.36
+
+- Included an option for `service` to be appended to the `brandedIncludeServiceConsentCapture` for consent capture.
+
+## 4.0.35
+
+- Updating the `grab-shared-scripts` task to include the source map files for troubleshooting purposes.
+
+## 4.0.34
+
+- Adding current logic for `getConsentCaptureLanguage()` to grab the O&O Consent Capture TCPA language.
+
+- Updated `isBranded` sites to grab the display name from HS Form Service API to add to the `brandedConsentLanguage`.
+
+## 4.0.33
+
+- Adding current logic for appending the Modernize consent checkbox in the TCPA for sites using Vite
+
+## 4.0.32
+
+- Updating the `grab-form-helpers.js` task to not have a double slash when copying files over
+
+## 4.0.31
+
+- Adding `geolocation.min.js` to the `grab-cdn` task
+
+## 4.0.30
+
+- Reverting back to version `16.9.0` of `stylelint` as the newest version was throwing config error
+
+## 4.0.29
+
+- Removing all the `!window.Modalytics.privacyPreferencesDetected` conditionals (as we are no longer moving forward with this integration).
+
+## 4.0.28
+
+- Updating the TCPA `nodeEnv` to be pulled from `defaultSettings` so the TCPA gets pulled from the correct environment.
+
+## 4.0.27
+
+- Installed `vite-plugin-minify` plugin to minify the html files
+
+## 4.0.24 - 4.0.26
+
+- Disabling JSlint `failOnError` so we can rebuild BestCompany sites to grab the most recent TCPA update
+
+## 4.0.23
+
+- Adding `exit(1)` to Axios errors so that the build will fail if shared scripts / components are not successfully created.
+
+## 4.0.22
+
+- Add contractor form to list of shared resources
+
+## 4.0.21
+
+- Updating VWO cookies' expiration date to be only 1 day
+
+## 4.0.20
+
+- Seasonal updates enhancements
+
+## 4.0.18
+
+- Add `stylelint` plugin and default settings to show CSS warnings during build
+- Create a default `.stylelint.yml` file during build if one doesn't exist
+- Update the `clean` function to only delete from `public/resources` and not entire public directory
+
+## 4.0.17
+
+- Updating `fetchTcpaFromSitegenie()` to no longer have any use-cases of QuinStreet as the company name; should be Modernize all the time.
+
+## 4.0.16
+
+- Tech Debt: Moving the `getDefaultTopRecommendedContent()` locally back to the bestcompany-top-recommended repo (as it is not needed as a global function)
+
+## 4.0.15
+
+- Updated the `firstDate` for the Warmer Weather season (needs to match the flags set in the seasonal-updates repository trigger)
+
+## 4.0.14
+
+- Adding a call to grab the default content for Best Company Top Recommended pages so there isn't a delay on the initial page
+
+## 4.0.13
+
+- Making sure the abandonment.min.js gets copied to the right folder path (needs to copy to /abandonment/accessible/ if the site is indeed using the accessible version). This will ensure our shared-resource deployments trigger the files correctly.
+
+## 4.0.12
+
+- Adding a handlebars helper to see if the value is an array or not
+
+## 4.0.11
+
+- Adding the overflow on slide transition
+
+## 4.0.10
+
+- Adding `pathSubdirectory` to transformed footer modal paths
+
+## 4.0.9
+
+- Updating the TCPA fetch to replace the `<%=company_name%>` if one is sent through
+
+## 4.0.8
+
+- Updating the build WriteBundle() to also update our CSS paths (if applicable)
+
+## 4.0.7
+
+- Adding axios interceptor to retry requests a maximum of 2 times if the response fails initially
+
+## 4.0.5
+
+- Preventing scroll on step .focus() after slide transitions
+
+## 4.0.4
 
 - Add global preventRageClick function
 
@@ -11,13 +174,13 @@
 ## 4.0.0-beta.5
 
 - Updated the `transformIndexHtml` hook to use the `writeBundle` hook in the ViteConfig.
-	- This change ensures that all assets are transformed before adding the `pathSubdirectory` to the assets and local resources.
+  - This change ensures that all assets are transformed before adding the `pathSubdirectory` to the assets and local resources.
 
 - Updated the `grab-shared-scripts` task to run more sequentially.
-	- All files are now downloaded and hashed before going through the functions to replace local paths.
+  - All files are now downloaded and hashed before going through the functions to replace local paths.
 
 - Changed global resources to download to the site's `/public` folder instead of inside `/src`.
-	- This prevents Vite from bundling them during the build process as they are static JS files.
+  - This prevents Vite from bundling them during the build process as they are static JS files.
 
 ## 4.0.0-beta.3
 
@@ -28,8 +191,8 @@
 
 ## 4.0.0-beta.1
 
-See https://quinstreet.atlassian.net/wiki/spaces/FEE/pages/8100970716/Mod-build+Vite+Version+4
+See <https://quinstreet.atlassian.net/wiki/spaces/FEE/pages/8100970716/Mod-build+Vite+Version+4>
 
 ## 4.0.0-alpha.1
 
-Brand new build process using Vite 5, Node 18+. Gulp 4 is used as a task runner to grab shared assets.
+Brand new build process using Vite 5, Node 18+. Gulp 4 is used as a task runner to grab shared assets.

package/gulp-tasks/templates.js

@@ -19,7 +19,7 @@ module.exports = function(gulp, gulpPlugins, siteSettings, siteData) {
 	// Checking for seasonal variations in the template.js + updating content
 	var checkSeasonalVariations = require('./check-seasonal-variations.js');
 	const activeSeason = checkSeasonalVariations();
-	if (activeSeason.length !== 0){
+	if (activeSeason.length !== 0) {
 		if (siteData.seasonalVariations) {
 			activeSeason.forEach(season => {
 				if (season in siteData.seasonalVariations) {
@@ -203,7 +203,7 @@ module.exports = function(gulp, gulpPlugins, siteSettings, siteData) {
 		console.time('Finished fetch-default-form-config after');
 		console.log('Starting fetch-default-form-config: ');
 		await new Promise((resolve) => {
-			request(`https://${siteSettings.nodeEnv}/quote/resources/mod-site/${folder}/steps/defaultFormFieldConfig.json`, async function(err, xhr, response) {
+			request(`https://${siteSettings.nodeEnv}/quote/resources/mod-site/${folder}/steps/defaultFormFieldConfig.json`, async function(_err, xhr, response) {
 				if (xhr.statusCode !== 200) {
 					throw new Error(`${xhr.statusCode}: Error while fetching ${folder}/defaultFormFieldConfig.json`);
 				}
@@ -239,7 +239,7 @@ module.exports = function(gulp, gulpPlugins, siteSettings, siteData) {
 		console.time('Finished fetch-tcpa-from-sitegenie after');
 		console.log('Starting fetch-tcpa-from-sitegenie: ',url);
 		await new Promise(function(resolve) {
-			request(url, async function(err, xhr, response) {
+			request(url, async function(_err, xhr, response) {
 				if (xhr.statusCode !== 200) {
 					throw new Error(`${xhr.statusCode}: Error while fetching TCPA`);
 				}

package/package.json

@@ -1,28 +1,35 @@
 {
-  "name": "mod-build",
-  "version": "4.0.3",
-  "description": "Share components for S3 sites.",
-  "type": "module",
-  "scripts": {
-    "dev": "export NODE_ENV=qa.modernize.com IS_LOCAL=true && vite",
-    "build": "export NODE_ENV=modernize.com && vite build",
-    "preview": "export NODE_ENV=modernize.com && vite build && vite preview"
-  },
-  "dependencies": {
-    "@vituum/vite-plugin-handlebars": "^1.1.0",
-    "axios": "^1.6.2",
-    "glob": "^10.3.10",
-    "gulp": "^4.0.2",
-    "gulp-handlebars-file-include": "^1.0.0",
-    "gulp-hash": "^4.2.2",
-    "gulp-replace": "^1.1.4",
-    "gulp-tap": "^2.0.0",
-    "lodash.merge": "^4.6.2",
-    "lodash.mergewith": "^4.6.2",
-    "sass": "^1.69.5",
-    "vite": "^5.0.0",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-static-copy": "^1.0.0",
-    "vituum": "^1.1.0"
-  }
+	"name": "mod-build",
+	"version": "4.0.48.beta-1",
+	"description": "Share components for S3 sites.",
+	"type": "module",
+	"scripts": {
+		"dev": "export NODE_ENV=qa.modernize.com IS_LOCAL=true && vite",
+		"build": "export NODE_ENV=modernize.com && vite build",
+		"preview": "export NODE_ENV=modernize.com && vite build && vite preview"
+	},
+	"dependencies": {
+		"@namics/stylelint-bem": "^10.0.0",
+		"@vituum/vite-plugin-handlebars": "^1.1.0",
+		"axios": "^1.6.2",
+		"eslint": "^8.57.0",
+		"glob": "^10.3.10",
+		"gulp": "^4.0.2",
+		"gulp-handlebars-file-include": "^1.0.0",
+		"gulp-hash": "^4.2.2",
+		"gulp-replace": "^1.1.4",
+		"gulp-tap": "^2.0.0",
+		"lodash.merge": "^4.6.2",
+		"lodash.mergewith": "^4.6.2",
+		"sass": "^1.69.5",
+		"stylelint": "16.9.0",
+		"stylelint-config-standard-scss": "^13.1.0",
+		"stylelint-order": "^6.0.4",
+		"vite": "^5.0.0",
+		"vite-plugin-eslint": "^1.8.1",
+		"vite-plugin-minify": "^2.0.0",
+		"vite-plugin-static-copy": "^1.0.0",
+		"vite-plugin-stylelint": "^5.3.1",
+		"vituum": "^1.1.0"
+	}
 }

package/siteconfig.js

@@ -14,6 +14,7 @@ export let siteData = () => {
 		isQSPage: true,
 		isVite: true,
 		useRelativeBuildPath: false,
+		useAccessibleConfig: true,
 		siteData: {
 			test: 'test23'
 		}

package/src/data/seasons.js

@@ -1,6 +1,6 @@
 export const seasons = {
 	'warmerWeather': {
-		'firstDay': '04-14',
+		'firstDay': '03-14',
 		'lastDay': '09-25'
 	}
 }

package/src/data/trade-questions/alerts_medical.js

@@ -0,0 +1,109 @@
+/* eslint-disable */
+export const alerts_medical = {
+	WhoseMedicalAlert: {
+		fields: [
+			{
+				legend: {
+					text: 'Who is the medical alert for?'
+				},
+				options: [
+					{
+						text: 'Myself',
+						attributes: {
+							name: 'WhoseMedicalAlert',
+							value: 'Myself',
+							checked: '',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					},
+					{
+						text: 'Somebody Else',
+						attributes: {
+							name: 'WhoseMedicalAlert',
+							value: 'SomebodyElse',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					}
+				]
+			}
+		]
+	},
+	MedicalAlertProtectionAt: {
+		fields: [
+			{
+				legend: {
+					text: 'Are you looking for protection at home or on the go?'
+				},
+				options: [
+					{
+						text: 'At Home',
+						attributes: {
+							name: 'MedicalAlertProtectionAt',
+							value: 'Home',
+							checked: '',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					},
+					{
+						text: 'On the Go',
+						attributes: {
+							name: 'MedicalAlertProtectionAt',
+							value: 'OnTheGo',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					},
+					{
+						text: 'Both',
+						attributes: {
+							name: 'MedicalAlertProtectionAt',
+							value: 'Both',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					}
+				]
+			}
+		]
+	},
+	HasLandlineAtHome: {
+		fields: [
+			{
+				legend: {
+					text: 'Do you have a landline telephone at home?',
+				},
+				options: [
+					{
+						text: 'Yes',
+						attributes: {
+							name: 'HasLandlineAtHome',
+							value: 'Yes',
+							checked: '',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					},
+					{
+						text: 'No',
+						attributes: {
+							name: 'HasLandlineAtHome',
+							value: 'No',
+							data: {
+								required: 'nonempty'
+							}
+						}
+					}
+				]
+			}
+		]
+	}
+};

package/src/data/trade-questions/bathroom_refacing.js

@@ -0,0 +1,94 @@
+export const bathroom_refacing = {
+	BathProjectScope: {
+		fields: [
+			{
+				legend: {
+					text: 'Which of these best describe your needs?'
+				},
+				options: [
+					{
+						attributes: {
+							name: 'BathProjectScope',
+							value: 'Shower Conversion',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'Bathtub to Shower Conversion'
+					},
+					{
+						attributes: {
+							name: 'BathProjectScope',
+							value: 'Bathtub / Shower Updates',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'Bathtub/Shower Updates'
+					},
+					{
+						attributes: {
+							name: 'BathProjectScope',
+							value: 'Bathtub Liner / Shower Enclosure',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'Bathtub Liner/Shower Enclosure'
+					},
+					{
+						attributes: {
+							name: 'BathProjectScope',
+							value: 'Walk-in Shower',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'Walk-in Shower'
+					},
+					{
+						attributes: {
+							name: 'BathProjectScope',
+							value: 'Bathroom Remodel',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'Complete Bathroom Remodel'
+					}
+				]
+			}
+		]
+	},
+	OptIn1: {
+		fields: [
+			{
+				legend: {
+					text: 'Will you need to add or remove walls?'
+				},
+				options: [
+					{
+						attributes: {
+							name: 'OptIn1',
+							value: 'Yes',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'Yes'
+					},
+					{
+						attributes: {
+							name: 'OptIn1',
+							value: 'No',
+							data: {
+								required: 'nonempty'
+							}
+						},
+						text: 'No'
+					}
+				]
+			}
+		]
+	}
+};