\n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n\n\n","import { render, staticRenderFns } from \"./x-onboarding.vue?vue&type=template&id=00dee0ae&\"\nimport script from \"./x-onboarding.vue?vue&type=script&lang=js&\"\nexport * from \"./x-onboarding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./x-onboarding.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VApp } from 'vuetify/lib/components/VApp';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VApp,VProgressCircular,VRow})\n","import mod from \"-!../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./default.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./default.vue?vue&type=style&index=0&lang=css&\"","exports = module.exports = require(\"../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar getUrl = require(\"../node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL___0___ = getUrl(require(\"../assets/main-bg@3x.png\"));\n// Module\nexports.push([module.id, \".index-page.b2b2c-header-bg {\\n background-image: url(\" + ___CSS_LOADER_URL___0___ + \") !important;\\n}\\n.landing-bottom-img {\\n position: absolute;\\n bottom: 0;\\n}\\n\", \"\"]);\n","import axios from 'axios';\nimport * as Sentry from '@sentry/browser';\nimport firebase from 'firebase/app';\nimport { logOut } from '~/plugins/utils';\n\nconst B2B_SUEZ_API_PREFIX = 'https://b2b-api.agewage.com/api/suez';\nconst B2B_FIREBASE_API_PREFIX = 'https://b2b-api.agewage.com/api/d2c';\nconst B2B_AVC_API_PREFIX = 'https://b2b-api.agewage.com/api/avcwise';\nconst B2B_API_PREFIX = 'https://b2b-api.agewage.com/api/public';\n\nconst API_AUTHORIZATION_HEADER =\n 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJBVVRIX1RPS0VOX0ZPUl9DT01NX0JFVFdFRU5fQ0xPVURGVU5DVElPTl9BTkRfQkFDS0VORCJ9.OnRtlAIuqsec6FQimHOTMXhrniy7Zgag0upbtArEIgw';\n\nexport async function getUserStatus(user) {\n const userData = await getUserObjData(user.email);\n return userData || false;\n}\n\nexport async function signInWithToken(token) {\n const result = await firebase\n .auth()\n .signInWithCustomToken(token)\n .then((userCredential) => {\n const user = userCredential.user;\n return user;\n })\n .catch((error) => {\n console.log(error, error.message);\n });\n return result;\n}\n\nexport async function getUserAuthToken() {\n try {\n const authToken = await firebase.auth().currentUser.getIdToken(true);\n return authToken;\n } catch (err) {\n await sendSentryError(true);\n await logOut();\n return false;\n }\n}\n\nexport async function getUserObjData(userEmail) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n const dataToSend = { email: userEmail };\n try {\n const response = await axios(`${B2B_FIREBASE_API_PREFIX}/get-user`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data: dataToSend,\n body: JSON.stringify(dataToSend)\n });\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function getUserObjDataById(userId) {\n const userData = await getUserObjData();\n return userData;\n}\n\nexport const resetPasswordMail = async (userData) => {\n const apiString = `${B2B_API_PREFIX}/send-password-reset-email?email=${encodeURIComponent(\n userData.email\n )}`;\n try {\n const response = await axios(apiString, {\n method: 'GET'\n });\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n};\n\nexport async function getNotificationObjData(userId) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n const dataToSend = { id: userId };\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/get-notifications`,\n {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data: dataToSend,\n body: JSON.stringify(dataToSend)\n }\n );\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function getProvidersObjData() {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(`${B2B_FIREBASE_API_PREFIX}/get-providers`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n }\n });\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function getPensionBeeFundListData() {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/get-pensionbee-funds`,\n {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n }\n }\n );\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function getAvcWiseEmployerData() {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/get-avcwise-employers`,\n {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n }\n }\n );\n if (response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function getAvcWiseFundListData() {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/get-avcwise-funds`,\n {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n }\n }\n );\n if (response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function updateUserValues(userObj) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n const dataToSend = { updateObject: userObj, uid: userObj.documentId };\n try {\n const response = await axios(`${B2B_FIREBASE_API_PREFIX}/edit-user`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data: dataToSend,\n body: JSON.stringify(dataToSend)\n });\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function readUserNotification(notiId) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n const dataToSend = { notificaitonId: notiId };\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/read-notification`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data: dataToSend,\n body: JSON.stringify(dataToSend)\n }\n );\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n return false;\n }\n }\n return false;\n}\n\nexport async function loginUserVal(userData) {\n const dataToSend = { email: userData.email, password: userData.password };\n try {\n const response = await axios(`${B2B_FIREBASE_API_PREFIX}/login-user`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n data: dataToSend,\n body: JSON.stringify(dataToSend)\n });\n if (response && response.status == 200) {\n await signInWithToken(response.data);\n return true;\n }\n } catch (err) {\n // data not validated\n if (err.response && err.response.data) {\n throw err;\n }\n await logOut();\n return false;\n }\n}\n\nexport async function generateLoaForPaidPensions(data) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/generate-loa-for-paid-pensions`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data,\n body: JSON.stringify(data)\n }\n );\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n return false;\n }\n }\n return false;\n}\n\nexport async function triggerSuezReportGeneration(data) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_SUEZ_API_PREFIX}/trigger-suez-report-generation`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data,\n body: JSON.stringify(data)\n }\n );\n if (response && response.status == 200) {\n return response.data;\n }\n } catch (err) {\n return false;\n }\n }\n return false;\n}\n\nexport async function createPaymentIntent(data) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/create-payment-intent`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data: { ...data, promoCode: 'TSTCPN2P' },\n body: JSON.stringify(data)\n }\n );\n if (response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function createCheckoutSession(data) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/create-checkout-session`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data,\n body: JSON.stringify(data)\n }\n );\n if (response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function fetchCheckoutSession(data) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(\n `${B2B_FIREBASE_API_PREFIX}/fetch-checkout-session`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data,\n body: JSON.stringify(data)\n }\n );\n if (response.status == 200) {\n return response.data;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function registerUser(data) {\n try {\n const response = await axios(`${B2B_FIREBASE_API_PREFIX}/register-user`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n data,\n body: JSON.stringify(data)\n });\n if (response.status == 200) {\n const result = await signInWithToken(response.data);\n return result;\n }\n } catch (err) {\n // data not validated\n if (err.response.data) {\n throw err;\n }\n await logOut();\n return false;\n }\n}\n\nexport async function getSuezUserData(data) {\n const authToken = await getUserAuthToken();\n if (authToken) {\n try {\n const response = await axios(`${B2B_SUEZ_API_PREFIX}/getuser`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: authToken\n },\n data,\n body: JSON.stringify(data)\n });\n if (response.status == 200) {\n return response;\n }\n } catch (err) {\n const result = await HandleAPIError(err.response.status);\n return result;\n }\n }\n return false;\n}\n\nexport async function HandleAPIError(errCode) {\n if (errCode == 500) {\n await sendSentryError(false);\n return false;\n }\n if (errCode == 403 || errCode == 400) {\n // data not validated\n await sendSentryError(true);\n await logOut();\n return false;\n }\n}\n\nexport async function sendSentryError(isLogoutError) {\n const alertMsg = isLogoutError\n ? 'Your session has expired. Please login again to continue.'\n : 'Something wrong went. Please try again.';\n const sentryErr = isLogoutError\n ? 'User Logout Due to API Failed or Auth token Expired.'\n : 'Internal server error from API';\n await window.$nuxt.$store.commit('setSnack', alertMsg);\n Sentry.withScope(function(scope) {\n scope.setLevel('error');\n Sentry.captureException(new Error(sentryErr));\n });\n}\n\nexport async function verifyAndFetchUserData(verificationData) {\n try {\n const resp = await axios.get(\n `${B2B_AVC_API_PREFIX}/checkuser?email=${encodeURIComponent(\n verificationData.email\n )}&voucher=${encodeURIComponent(verificationData.voucherCode)}`,\n {\n headers: {\n Authorization: API_AUTHORIZATION_HEADER\n }\n }\n );\n return resp;\n } catch (err) {\n console.log('error triggering signup', err);\n }\n return true;\n}\n","import mod from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-4!../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./x-onboarding.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-4!../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./x-onboarding.vue?vue&type=style&index=0&lang=scss&\"","exports = module.exports = require(\"../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar getUrl = require(\"../node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL___0___ = getUrl(require(\"assets/main-bg@3x.png\"));\nvar ___CSS_LOADER_URL___1___ = getUrl(require(\"assets/IndexPages/quote-icon.svg\"));\n// Module\nexports.push([module.id, \".title-class{\\n word-spacing:1px\\n}\\n.index-page.content-line{\\n width:100px;\\n height:2px;\\n background-image:-webkit-gradient(linear, left bottom, left top, from(#fe7598), to(#fea1be));\\n background-image:linear-gradient(to top, #fe7598, #fea1be)\\n}\\n.index-page.title-line{\\n width:47px;\\n height:1px;\\n opacity:.12;\\n background-color:#0e0c23\\n}\\n.index-page.header-btn{\\n width:11rem;\\n height:3.75rem;\\n font-size:14px;\\n font-weight:600;\\n font-stretch:normal;\\n font-style:normal;\\n letter-spacing:.78px;\\n color:#000\\n}\\n.index-page.contact-btn{\\n width:7rem;\\n height:2.5rem;\\n font-size:14px;\\n font-weight:600;\\n font-stretch:normal;\\n font-style:normal;\\n letter-spacing:.78px;\\n color:#000\\n}\\n.index-page.header-text{\\n max-width:100%;\\n font-weight:300;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:1.39;\\n letter-spacing:normal;\\n color:#fff\\n}\\n.index-page.elevation-1{\\n box-shadow:1px 3px 4px -1px rgba(0,0,0,.05),0 5px 8px 0 rgba(0,0,0,.07),0 1px 14px 0 rgba(0,0,0,.06) !important\\n}\\n.index-page.mt-50{\\n margin-top:70vh !important\\n}\\n.feature-heading{\\n background-image:url(\" + ___CSS_LOADER_URL___0___ + \");\\n padding-top:5rem\\n}\\n.arrow-img{\\n opacity:40%\\n}\\n.feature-head-name{\\n font-size:24px;\\n font-weight:600\\n}\\n.feature-text{\\n color:#4e4d4d\\n}\\n.index-page.contents{\\n display:contents\\n}\\n.index-page.header-bg{\\n background-image:url(\" + ___CSS_LOADER_URL___0___ + \");\\n min-height:100vh;\\n max-height:100vh;\\n min-width:100%;\\n overflow:hidden\\n}\\n.index-page.no-header-bg{\\n background-image:none;\\n overflow:hidden\\n}\\n.index-page.top-10{\\n top:10%\\n}\\n.landing-head-section{\\n height:100vh\\n}\\n.index-page.bg-mobile{\\n margin-left:-5rem;\\n margin-top:-8rem;\\n z-index:0;\\n width:200vw;\\n max-width:250vw\\n}\\n.landing-box-icons{\\n width:70%;\\n height:auto\\n}\\n.index-page.title{\\n display:block;\\n font-weight:300;\\n color:#fff;\\n letter-spacing:1px\\n}\\n.index-page.subtitle{\\n font-weight:300;\\n color:#fff;\\n word-spacing:5px;\\n padding-bottom:15px;\\n width:85%\\n}\\n.index-page.yellow-header{\\n font-size:14px;\\n font-weight:bold;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:3.23;\\n letter-spacing:6.76px;\\n text-align:left;\\n color:#e3b71b;\\n text-transform:uppercase\\n}\\n.index-page.yellow-section-header{\\n font-size:18px;\\n font-weight:bold;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:3.23;\\n letter-spacing:6.76px;\\n text-align:center;\\n color:#e3b71b;\\n text-transform:uppercase;\\n background-image:url(\" + ___CSS_LOADER_URL___1___ + \");\\n background-repeat:no-repeat;\\n padding:1rem 0;\\n background-position:center\\n}\\n.yellow-logo-section{\\n background-image:unset !important\\n}\\n.section{\\n max-width:100%;\\n width:80%;\\n padding:4rem 0;\\n margin-left:auto;\\n margin-right:auto;\\n text-align:center\\n}\\n.index-page.help-text-1{\\n font-size:2rem;\\n font-weight:300;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:1.44;\\n letter-spacing:normal;\\n text-align:left;\\n text-transform:capitalize\\n}\\n.index-page.help-text-2{\\n font-size:20px;\\n font-weight:normal;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:2;\\n letter-spacing:normal;\\n text-align:left\\n}\\n.index-page.box-1{\\n border-radius:6px;\\n margin:1rem\\n}\\n.index-page.box-2{\\n width:12rem;\\n height:9rem;\\n border-radius:6px;\\n padding:1.2rem\\n}\\n.index-page.red-gradient{\\n background-image:-webkit-gradient(linear, left bottom, left top, from(#fe7598), to(#fea1be));\\n background-image:linear-gradient(to top, #fe7598, #fea1be)\\n}\\n.index-page.purple-gradient{\\n background-image:-webkit-gradient(linear, left bottom, left top, from(#ba84ff), to(#d8aefe));\\n background-image:linear-gradient(to top, #ba84ff, #d8aefe)\\n}\\n.index-page.yellow-gradient{\\n background-image:-webkit-gradient(linear, left bottom, left top, from(#f4b411), to(#ffcf5e));\\n background-image:linear-gradient(to top, #f4b411, #ffcf5e)\\n}\\n.index-page.green-gradient{\\n background-image:-webkit-gradient(linear, left bottom, left top, from(#63cd9e), to(#8ae4c1));\\n background-image:linear-gradient(to top, #63cd9e, #8ae4c1)\\n}\\n.index-page.box-number{\\n font-size:40.5px;\\n font-weight:800;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:2.09;\\n letter-spacing:normal;\\n text-align:right;\\n color:rgba(255,255,255,.2)\\n}\\n.index-page.box2-number{\\n font-size:1.75rem;\\n font-weight:800;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:1.8;\\n letter-spacing:normal;\\n text-align:center;\\n color:#fff\\n}\\n.index-page.box2-title{\\n font-size:18px;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:1.44;\\n letter-spacing:normal;\\n text-align:center\\n}\\n.index-page.boxes{\\n color:#fff\\n}\\n.index-page.box-title{\\n font-size:22px;\\n font-weight:bold;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:1.44;\\n letter-spacing:normal;\\n text-align:left\\n}\\n.index-page.box-text{\\n font-size:16px\\n}\\n.index-page.flip-image{\\n -webkit-transform:scale(-1, 1);\\n transform:scale(-1, 1)\\n}\\n.index-page.link{\\n color:#7054fb\\n}\\n.index-page.hide-text-overflow{\\n white-space:normal;\\n overflow:hidden;\\n text-overflow:ellipsis;\\n max-height:6rem\\n}\\n.text-xl{\\n font-size:1.5rem !important\\n}\\n.text-2xl{\\n font-size:2rem !important\\n}\\n.text-3xl{\\n font-size:3rem !important;\\n letter-spacing:1px !important\\n}\\n.letter-spacing{\\n letter-spacing:1px !important\\n}\\n.subscribe-form-error{\\n color:red\\n}\\n.client-logo-slide{\\n background:none;\\n border:none;\\n display:-webkit-box;\\n display:flex;\\n -webkit-box-pack:center;\\n justify-content:center;\\n -webkit-box-align:center;\\n align-items:center\\n}\\n.client-logo{\\n width:50% !important;\\n padding:1rem\\n}\\n.logo-carousel .v-responsive__content{\\n margin-top:auto;\\n margin-bottom:auto\\n}\\n.henry-sm-new-image{\\n display:none\\n}\\n.henry-md-new-image{\\n display:block\\n}\\n.join-agewage-text{\\n font-size:2.5rem;\\n margin-top:10rem\\n}\\n.feature-header-section{\\n padding-left:48px !important\\n}\\n.v-step{\\n text-align:left;\\n background:-webkit-gradient(linear, left bottom, left top, from(#8256fe), to(#6a53fa)) !important;\\n background:linear-gradient(to top, #8256fe, #6a53fa) !important\\n}\\n.tour-step-2,.tour-step-3,.tour-step-4,.tour-step-7{\\n left:-4% !important\\n}\\n.carousel-3d-controls .prev,.carousel-3d-controls .next{\\n text-align:center !important\\n}\\n.v-tour__target--highlighted{\\n box-shadow:0 0 0 9999px rgba(0,0,0,.5) !important;\\n pointer-events:none !important\\n}\\n.tour-fund-carousel{\\n box-shadow:0 0 0 9999px rgba(0,0,0,.5) !important\\n}\\n.tour-step-6 .v-slide-group{\\n box-shadow:0 0 0 9999px rgba(0,0,0,.5) !important;\\n z-index:9999\\n}\\n.header-tour-6-mb{\\n box-shadow:0 0 0 9999px rgba(0,0,0,.5) !important;\\n z-index:2\\n}\\n.header-tour-8-mb{\\n box-shadow:0 0 0 9999px rgba(0,0,0,.5) !important;\\n z-index:2\\n}\\n.text-decoration-underline{\\n text-decoration:underline\\n}\\n.custom-calendly-badge-widget{\\n position:fixed;\\n right:20px;\\n bottom:15px;\\n z-index:1000\\n}\\n.custom-calendly-badge-content{\\n display:table-cell;\\n width:auto;\\n height:45px;\\n padding:0 30px;\\n border-radius:25px;\\n box-shadow:rgba(0,0,0,.25) 0 2px 5px;\\n font-family:sans-serif;\\n text-align:center;\\n vertical-align:middle;\\n font-weight:bold;\\n font-size:16px;\\n color:#fff;\\n cursor:pointer\\n}\\n.custom-calendly-badge-icon{\\n cursor:pointer;\\n border-radius:50%\\n}\\n.custom-calendly-badge-icon img{\\n border-radius:50%;\\n width:60px\\n}\\n.font-regular{\\n font-size:16px !important\\n}\\n.font-small{\\n font-size:14px !important\\n}\\n.font-extra-small{\\n font-size:12px !important\\n}\\n.font-large{\\n font-size:18px !important\\n}\\n.font-x-large{\\n font-size:20px !important\\n}\\n.font-xx-large{\\n font-size:22px !important\\n}\\n.font-xxx-large{\\n font-size:24px !important\\n}\\n.red{\\n background-color:red !important\\n}\\n.orange{\\n background-color:orange !important\\n}\\n.green{\\n background-color:green !important\\n}\\n.grey{\\n background-color:gray !important\\n}\\n.cursor-pointer{\\n cursor:pointer\\n}\\n.fund-list-view-container{\\n padding-left:10%;\\n padding-right:10%;\\n background:#f8f5fd\\n}\\n.primary-blue{\\n background-color:#004182 !important\\n}\\n.link-text{\\n color:#8256fe !important\\n}\\n.primary-blue-text{\\n color:#004182 !important\\n}\\n.round-loader{\\n padding-top:6rem;\\n padding-bottom:6rem\\n}\\n.font-extra-large{\\n font-size:32px !important\\n}\\n.idea-icon-20{\\n width:20px;\\n height:20px;\\n position:relative\\n}\\n.idea-icon-30{\\n width:30px;\\n height:30px;\\n position:relative\\n}\\n.section-margin{\\n margin:4rem auto\\n}\\n.ff-main-section{\\n width:77%\\n}\\n.ff-sub-section{\\n max-width:85%\\n}\\n@media only screen and (max-width: 900px){\\n.fund-list-view-container{\\n padding-left:4%;\\n padding-right:4%\\n}\\n}\\n@media only screen and (min-width: 640px){\\n.bg-transparent-sm{\\n background-color:transparent\\n}\\n}\\n@media only screen and (max-width: 768px){\\n.feature-head-text{\\n font-size:1.5rem\\n}\\n.feature-header-section{\\n padding-left:10px !important\\n}\\n.feature-heading{\\n padding-bottom:3rem;\\n padding-top:8rem\\n}\\n.index-page.yellow-header{\\n letter-spacing:4.3px !important\\n}\\n.join-agewage-text{\\n font-size:1.75rem\\n}\\n}\\n@media only screen and (max-width: 767px){\\n.henry-sm-new-image{\\n display:block\\n}\\n.henry-md-new-image{\\n display:none\\n}\\n.join-agewage-text{\\n font-size:1.75rem;\\n margin-top:32px\\n}\\n.ff-main-section{\\n width:90%\\n}\\n.ff-sub-section{\\n max-width:100% !important\\n}\\n}\\n.tax-section-head{\\n background-color:#004182;\\n color:#fff;\\n height:110px;\\n display:-webkit-box;\\n display:flex;\\n -webkit-box-align:end;\\n align-items:flex-end\\n}\\n.tax-navy-blue{\\n background-color:#004182\\n}\\n.tax-header-label{\\n font-size:38px;\\n width:80%;\\n font-weight:500;\\n margin-left:auto;\\n margin-right:auto;\\n padding-bottom:2rem\\n}\\n.tax-grey-section{\\n background:#edf2f7\\n}\\n.tax-main-section{\\n width:100%;\\n margin-left:auto;\\n margin-right:auto\\n}\\n.tax-content-section{\\n background:#fff !important;\\n padding:4rem;\\n text-align:center\\n}\\n.tax-submit-btn{\\n text-transform:none !important;\\n font-size:18px !important;\\n font-weight:500 !important;\\n height:48px !important\\n}\\n.calculate-text-link{\\n color:#004182 !important;\\n font-size:18px;\\n font-weight:500;\\n text-decoration:underline;\\n cursor:pointer\\n}\\n.flex-2{\\n -webkit-box-flex:2;\\n flex:2\\n}\\n.calculation-details-box{\\n padding:30px;\\n -webkit-box-align:center;\\n align-items:center;\\n border:1px solid gray;\\n max-width:700px;\\n margin-top:20px;\\n border-style:dashed;\\n margin-left:auto;\\n margin-right:auto\\n}\\n.tax-pay-box{\\n width:300px;\\n font-size:26px;\\n font-weight:500;\\n padding:18px;\\n margin:14px auto;\\n line-height:1.4\\n}\\n.tax-pay-box.green-bg{\\n background-color:#005a3c;\\n color:#fff\\n}\\n.tax-pay-box.red-bg{\\n background-color:#a80000;\\n color:#fff\\n}\\n.tax-radio-grp .v-label{\\n font-size:22px;\\n font-weight:500;\\n color:#000 !important;\\n margin-right:20px\\n}\\n.tax-radio-grp i{\\n font-size:26px !important\\n}\\n.tax-result-table tr,.tax-result-table th,.tax-result-table td{\\n padding:10px !important;\\n font-size:20px !important;\\n font-weight:500 !important\\n}\\n.tax-radio-btn-wrapper{\\n border:2px solid #cbd5e0;\\n border-radius:6px;\\n padding:30px 24px\\n}\\n.tax-radio-btn-wrapper.active-radio{\\n border-color:#004182\\n}\\n.payment-radio-btn .v-input--radio-group__input{\\n -webkit-box-pack:center;\\n justify-content:center;\\n -webkit-box-align:center;\\n align-items:center\\n}\\n.payment-radio-btn .v-label{\\n font-size:20px;\\n margin-left:6px;\\n color:#000 !important\\n}\\n.payment-radio-btn .v-icon{\\n font-size:25px\\n}\\n@media only screen and (max-width: 768px){\\n.tax-section{\\n width:90% !important\\n}\\n.tax-content-section{\\n padding:1rem\\n}\\n.tax-section-head{\\n height:200px\\n}\\n.tax-header-label{\\n font-size:36px\\n}\\n.calculation-details-box{\\n padding:14px\\n}\\n.tax-radio-grp .v-input--radio-group__input{\\n -webkit-box-pack:space-evenly;\\n justify-content:space-evenly\\n}\\n.tax-radio-btn-wrapper{\\n padding:18px\\n}\\n}\\n.gradient-purple{\\n background-image:-webkit-gradient(linear, left bottom, left top, from(#8256fe), to(#6a53fa));\\n background-image:linear-gradient(to top, #8256fe, #6a53fa)\\n}\\n.default-dark{\\n color:#0e0c23\\n}\\n.button{\\n font-size:14px;\\n font-weight:bold;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:3.23;\\n letter-spacing:.78px\\n}\\n.btn-yellow{\\n background-color:#fdd032\\n}\\n.bold-300{\\n font-weight:300\\n}\\n.bold-400{\\n font-weight:400\\n}\\n.bold-600{\\n font-weight:600\\n}\\n.bold-700{\\n font-weight:700\\n}\\n.bold-800{\\n font-weight:800\\n}\\n*,*:before,*:after{\\n box-sizing:border-box;\\n margin:0\\n}\\n.button--green{\\n display:inline-block;\\n border-radius:4px;\\n border:1px solid #3b8070;\\n color:#3b8070;\\n text-decoration:none;\\n padding:10px 30px\\n}\\n.text-white{\\n color:#fff\\n}\\n.button--green:hover{\\n color:#fff;\\n background-color:#3b8070\\n}\\n.button--grey{\\n display:inline-block;\\n border-radius:4px;\\n border:1px solid #35495e;\\n color:#35495e;\\n text-decoration:none;\\n padding:10px 30px;\\n margin-left:15px\\n}\\n.button--grey:hover{\\n color:#fff;\\n background-color:#35495e\\n}\\n.x-label{\\n letter-spacing:.025em;\\n text-align:left;\\n margin-bottom:.5rem;\\n display:block\\n}\\n.x-label3{\\n text-align:left;\\n margin-bottom:.5rem;\\n display:block;\\n font-weight:505\\n}\\n.x-label1{\\n letter-spacing:.025em;\\n text-align:center;\\n margin-bottom:.5rem;\\n display:block\\n}\\n.x-label2{\\n letter-spacing:.025em;\\n text-align:center;\\n margin-bottom:.5rem;\\n display:block;\\n color:#5343e9;\\n font-size:12px;\\n font-weight:bold\\n}\\n.x-input{\\n background-color:#f0f0f0;\\n padding-left:1rem;\\n padding-right:1rem;\\n padding-top:.75rem;\\n padding-bottom:.75em;\\n line-height:1.25;\\n display:block;\\n border-radius:.25rem;\\n margin-bottom:.5rem;\\n -webkit-appearance:none;\\n -moz-appearance:none;\\n appearance:none\\n}\\n.x-input1{\\n background-color:#dcdcdc\\n}\\n.x-button{\\n width:10rem;\\n height:3rem;\\n font-size:14px;\\n font-weight:600;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:3.23;\\n letter-spacing:.78px;\\n color:#000;\\n background-color:#fdd032;\\n border-radius:9999px;\\n margin-top:2rem;\\n margin-bottom:2rem;\\n text-transform:uppercase\\n}\\n.x-button1{\\n width:10rem;\\n height:3rem;\\n font-size:14px;\\n font-weight:600;\\n font-stretch:normal;\\n font-style:normal;\\n line-height:3.23;\\n letter-spacing:.78px;\\n color:#000;\\n background-color:#fff;\\n border-radius:9999px;\\n border-color:#000;\\n margin-top:2rem;\\n margin-bottom:2rem;\\n text-transform:uppercase;\\n border:solid;\\n border-width:1px\\n}\\n.x-input2{\\n background-color:#f0f0f0;\\n width:100%;\\n padding-left:1rem;\\n padding-right:1rem;\\n padding-top:.75rem;\\n padding-bottom:.75em;\\n line-height:1.25;\\n display:block;\\n border-radius:.25rem;\\n margin-bottom:.5rem;\\n -webkit-appearance:none;\\n -moz-appearance:none;\\n appearance:none\\n}\\n.x-icon{\\n height:20px;\\n width:20px;\\n display:block\\n}\\n.div.row{\\n display:inline-block\\n}\\n.x-bordered{\\n width:100px;\\n height:10px;\\n padding:20px;\\n border:1px solid #dcdcdc;\\n border-radius:8px\\n}\\n.gray{\\n background:#dcdcdc\\n}\\n#wrapper1{\\n display:-webkit-box;\\n display:flex\\n}\\n#left1{\\n -webkit-box-flex:0;\\n flex:0 0 42%\\n}\\n#middle1{\\n -webkit-box-flex:0;\\n flex:0 0 15%\\n}\\n#right1{\\n -webkit-box-flex:0;\\n flex:0 0 42%\\n}\\n.input-icons{\\n width:100%;\\n margin-bottom:10px\\n}\\n.icon{\\n padding:15px;\\n color:#bdb9b9;\\n min-width:250px;\\n text-align:right\\n}\\n.input-field{\\n width:100%;\\n padding:10px;\\n text-align:center\\n}\\n.wrapper-date{\\n background-color:#ededf0;\\n border-radius:.25rem;\\n text-align:right;\\n padding:10px;\\n vertical-align:middle;\\n height:41px;\\n -webkit-box-flex:1;\\n flex:1 0 42%\\n}\\n.wrapper-button{\\n text-align:left;\\n padding:0px;\\n vertical-align:middle;\\n height:5px;\\n -webkit-box-flex:0;\\n flex:0 0 42%\\n}\\n#wrapper1{\\n display:-webkit-box;\\n display:flex\\n}\\n#left1{\\n -webkit-box-flex:0;\\n flex:0 0 42%\\n}\\n#middle1{\\n -webkit-box-flex:0;\\n flex:0 0 15%\\n}\\n#right1{\\n -webkit-box-flex:0;\\n flex:0 0 42%\\n}\\n#left2{\\n -webkit-box-flex:0;\\n flex:0 0 30%\\n}\\n#middle2{\\n -webkit-box-flex:0;\\n flex:0 0 6%\\n}\\n#right2{\\n -webkit-box-flex:0;\\n flex:0 0 64%\\n}\\n.__nuxt-error-page{\\n position:relative !important\\n}\", \"\"]);\n","import Vuex from 'vuex';\n// TODO: change this static import to an axios request to the firestore\n// import createPersistedState from \"vuex-persistedstate\";\n\nconst myPlugin = (store) => {\n // called when the store is initialized\n store.subscribe((mutation, state) => {\n // called after every mutation.\n // The mutation comes in the format of `{ type, payload }`.\n });\n};\n\nconst initialUserState = () => {\n return {\n personalInfo: {\n firstName: '',\n lastName: '',\n email: ''\n },\n employmentInfo: {\n niNumber: '',\n address: ''\n },\n pensionHistory: {\n pensionProvidersByNameEmployer: []\n },\n firefighteruser: false,\n signature: '',\n documentId: '',\n pensionbeeuser: false,\n state: {\n loggedIn: false\n },\n pensionStatus: {\n // { pensionHistorySeqNum : { }}\n },\n AVCWiseInfo: {},\n avcWiseSelection: {},\n updatedAt: '',\n createdAt: '',\n documents: [],\n shortlistedAvcFunds: [],\n tourCompleted: false,\n suezuser: false,\n checkoutPensions: [],\n checkoutSessionId: '',\n paidPensions: [],\n pensionDetails: {},\n pensionSavings: {},\n mpaa: {},\n pensionBeeInfo: {\n retirementAge: '',\n selectedPots: [],\n generateReport: false\n },\n shortlistedFund: '',\n taxLiability: {},\n pshData: {}\n };\n};\n\nconst initialUserFundState = () => {\n return {\n fundList: []\n };\n};\n\nconst initialNotificationState = () => {\n return {\n notifications: [],\n newNotification: 0\n };\n};\n\nconst userStore = () => {\n return new Vuex.Store({\n strict: true,\n // plugins\n plugins: [myPlugin],\n state: {\n users: [],\n docId: '',\n providersname: ''\n },\n\n mutations: {},\n actions: {},\n\n modules: {\n namespaced: true,\n providersRoutingvalue: {\n state: {\n employmentRouteQueryParams: '',\n providersname: {}\n },\n mutations: {\n addRouteValue(state, resultRouteQuery) {\n state.employmentRouteQueryParams = resultRouteQuery;\n },\n updatePensionProviders(state, resultupdatePensionProviders) {\n state.providersname = Object.assign(\n state.providersname,\n resultupdatePensionProviders\n );\n }\n }\n },\n user: {\n state: initialUserState,\n mutations: {\n updatePersonalInfo(state, personalInfo) {\n state.personalInfo = personalInfo;\n },\n addCreationTime(state) {\n state.createdAt = new Date().toISOString();\n },\n updateCreationTime(state, time) {\n // update creation time in current state\n state.createdAt = time;\n },\n addUpdationTime(state) {\n state.updatedAt = new Date().toISOString();\n },\n updateDocumentId(state, docId) {\n state.documentId = docId;\n },\n updateEmploymentInfo(state, employmentInfo) {\n state.employmentInfo = employmentInfo;\n },\n updatePensionHistory(state, pensionHistory) {\n state.pensionHistory = pensionHistory;\n },\n addProviderByName(state, providerName) {\n state.pensionHistory.pensionProvidersByNameEmployer.push(\n providerName\n );\n },\n updatePensionProvidersByName(state, resultPensionProvidersByName) {\n state.pensionHistory.pensionProvidersByNameEmployer = resultPensionProvidersByName;\n },\n updateSignature(state, signatureData) {\n state.signature = signatureData;\n },\n authUser(state, flag) {\n state.state.loggedIn = flag;\n },\n updatePensionStatus(state, pensionStatus) {\n state.pensionStatus = pensionStatus;\n },\n updatePensionDetails(state, pensionDetails) {\n state.pensionDetails = pensionDetails;\n },\n updatePensionSavings(state, pensionSavings) {\n state.pensionSavings = pensionSavings;\n },\n updateDocuments(state, documents) {\n state.documents = documents || [];\n },\n updateCheckoutPensions(state, checkoutPensions) {\n state.checkoutPensions = checkoutPensions || [];\n },\n updateCheckoutSessionId(state, checkoutSessionId) {\n state.checkoutSessionId = checkoutSessionId || '';\n },\n updatePaidPensions(state, paidPensions) {\n state.paidPensions = paidPensions || [];\n },\n updateFireFighterStatus(state, flag) {\n state.firefighteruser = flag;\n },\n updateMpaa(state, mpaa) {\n state.mpaa = mpaa;\n },\n updateTaxLiability(state, taxLiability) {\n state.taxLiability = taxLiability;\n },\n setSuezFlag(state, flag) {\n state.suezuser = flag;\n },\n updatePensionBeeStatus(state, flag) {\n state.pensionbeeuser = flag;\n },\n updatePensionBeeInfo(state, value) {\n state.pensionBeeInfo = value;\n },\n updateShortlistedFund(state, value) {\n state.shortlistedFund = value;\n },\n setVerificationStatus(state, flag) {\n state.sendVerificationEmailAgain = flag;\n },\n setReadNextStepsFlag(state, flag) {\n state.isReadNextStepsIns = flag;\n },\n reset(state) {\n const s = initialUserState();\n Object.keys(s).forEach((key) => {\n state[key] = s[key];\n });\n },\n updateAVCWiseInfo(state, AVCWiseInfo) {\n state.AVCWiseInfo = AVCWiseInfo;\n },\n setAVCEWiseFlag(state, flag) {\n state.avcwiseuser = flag;\n },\n updateAVCWiseSelection(state, selection) {\n state.avcWiseSelection = selection;\n },\n updateShortlistedFunds(state, funds) {\n state.shortlistedAvcFunds = funds || [];\n },\n updateTourStatus(state, status) {\n state.tourCompleted = status;\n },\n setPshFlag(state, flag) {\n state.pshuser = flag;\n },\n updatePshData(state, pshData) {\n state.pshData = pshData;\n },\n updateDefaultReportIds(state, reportsIds) {\n state.defaultReportIds = reportsIds;\n },\n updateIncomeDetails(state, data) {\n state.incomeDetailsLastYear = data;\n },\n updateFinalSalary(state, data) {\n state.finalSalary = data;\n }\n },\n getters: {\n getPensionStatus: (state) => {\n return state.pensionStatus;\n },\n getAVCWiseSelection: (state) => {\n return state.avcWiseSelection;\n },\n getShortlistedFunds: (state) => {\n return state.shortlistedAvcFunds;\n },\n getPensionBeeInfo: (state) => {\n return state.pensionBeeInfo;\n },\n getShortlistedFund: (state) => {\n return state.shortlistedFund;\n },\n getPersonalInfo: (state) => {\n return state.personalInfo;\n },\n getAuthState: (state) => {\n return state.state.loggedIn;\n }\n }\n },\n userFundList: {\n state: initialUserFundState,\n mutations: {\n setUserFunds(state, funds) {\n state.fundList = funds;\n },\n reset(state) {\n const s = initialUserFundState();\n Object.keys(s).forEach((key) => {\n state[key] = s[key];\n });\n }\n }\n },\n notifications: {\n state: initialNotificationState,\n mutations: {\n updateNotifications(state, notif) {\n state.notifications = [];\n state.newNotification = 0;\n notif.forEach((noti) => {\n if (!noti.isRead) {\n state.newNotification += 1;\n }\n });\n state.notifications = notif.sort((a, b) => {\n const dateA = new Date(a.createdAt);\n const dateB = new Date(b.createdAt);\n return dateB - dateA;\n });\n },\n readNotification(state, notiId) {\n state.newNotification = 0;\n state.notifications = state.notifications.map((noti) => {\n if (!noti.isRead) {\n noti.isRead = true;\n }\n return noti;\n });\n state.notifications = state.notifications.sort((a, b) => {\n const dateA = new Date(a.createdAt);\n const dateB = new Date(b.createdAt);\n return dateB - dateA;\n });\n },\n reset(state) {\n const s = initialNotificationState();\n Object.keys(s).forEach((key) => {\n state[key] = s[key];\n });\n }\n }\n },\n landingPage: {\n state: {\n currView: 'business',\n eventEmited: ''\n },\n mutations: {\n setCurrView(state, viewName) {\n state.currView = viewName;\n }\n }\n },\n snackbar: {\n state: {\n snack: ''\n },\n mutations: {\n setSnack(state, snack) {\n state.snack = snack;\n }\n }\n }\n }\n });\n};\n\nexport default userStore;\n","export const state = () => ({\n value: 0\n});\n\nexport const mutations = {\n increment(state: any) {\n state.value++;\n }\n};\n","export const state = () => ({\n posts: []\n});\n\nexport const mutations = {};\n"],"sourceRoot":""}