diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index cd94e3024..68e556d53 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -73,6 +73,8 @@ body select { background-position: 95% 50%; background-size: 15px 9px; appearance: none; + font-size: 16px; + color: #000; } body .creditCardSpecific div { padding: 8px 0; diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss index 5f21c46dd..ed8e8e14c 100644 --- a/public/scss/hop-styling.scss +++ b/public/scss/hop-styling.scss @@ -85,6 +85,8 @@ body { background-position: 95% 50%; background-size: 15px 9px; appearance: none; + font-size: 16px; + color: #000; } .creditCardSpecific { diff --git a/src/constants/application-config.js b/src/constants/application-config.js index b5233d170..1e2324ba7 100644 --- a/src/constants/application-config.js +++ b/src/constants/application-config.js @@ -6,6 +6,7 @@ const applicationConfig = { COOKIE_PATH: "/", CURRENT_ENVIRONMENT: process.env.VUE_APP_CURRENT_ENVIRONMENT, // "Localhost", "Dev", "QA", and "Prod" APPLICATION_NAME: "FixMyGlass", + ANALYTICS_APPLICATION_NAME: "FixMyGlassNextGen", APPLICATION_ABBREVIATION: "fmg", PAGE_QUERYSTRING: "fmgPage", SITE_ENTRY_TRIGGER_VALUE: "FixMyGlass", diff --git a/src/constants/cookie-names.js b/src/constants/cookie-names.js index 5fab52899..d62934cf5 100644 --- a/src/constants/cookie-names.js +++ b/src/constants/cookie-names.js @@ -3,10 +3,32 @@ import { applicationConfig } from "@/constants/application-config.js"; const cookieNames = { FUNNEL_SESSION_INFO: `FunnelSessionInfo-${applicationConfig.CURRENT_ENVIRONMENT}`, + FUNNEL_SESSION_KEY: `FunnelSessionKey-${applicationConfig.CURRENT_ENVIRONMENT}`, + FUNNEL_USER_ID: `FunnelUserId-${applicationConfig.CURRENT_ENVIRONMENT}`, + // Existing Safelite.com cookies DXDEV: "dxdev", SESSION_ID: "sid", SESSION_KEY: "skey", }; -export { cookieNames }; +const cookieExpirations = { + SESSION_ID: convertToSeconds({ minutes: 30 }), + DXDEV: convertToSeconds({ years: 1 }), + FUNNEL_USER_ID: convertToSeconds({ weeks: 1 }), + FUNNEL_SESSION_KEY: convertToSeconds({ minutes: 30 }), +}; + +export { cookieNames, cookieExpirations }; + +function convertToSeconds({ years, months, weeks, days, hours, minutes, seconds }) { + let total = seconds ?? 0; + total += (minutes ?? 0) * 60; + total += (hours ?? 0) * 60 * 60; + total += (days ?? 0) * 24 * 60 * 60; + total += (weeks ?? 0) * 7 * 24 * 60 * 60; + total += (months ?? 0) * 30 * 24 * 60 * 60; + total += (years ?? 0) * 365 * 24 * 60 * 60; + + return total; +} diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue index eda3a6f9c..c70dae7f4 100644 --- a/src/digital-components/textarea-question/textarea-question.vue +++ b/src/digital-components/textarea-question/textarea-question.vue @@ -1,29 +1,31 @@ @@ -38,6 +40,10 @@ export default { default: 150, }, modelValue: String, + textAreaLabelCopy: { + type: String, + default: "text area", + }, }, // TODO: At some point in the future we should probably add the tie in to validation here in case the field must be populated for some other use cases setup() {}, @@ -74,7 +80,7 @@ export default { }; -