{"version":3,"sources":["webpack:///./src/views/portal/WebFormsHome.vue","webpack:///./src/components/portal/WebFormsDisplayRow.vue","webpack:///src/components/portal/WebFormsDisplayRow.vue","webpack:///./src/components/portal/WebFormsDisplayRow.vue?3565","webpack:///./src/components/portal/WebFormsDisplayRow.vue?289c","webpack:///./src/components/portal/WebFormTableRowWithApiFetch.vue","webpack:///src/components/portal/WebFormTableRowWithApiFetch.vue","webpack:///./src/components/portal/WebFormTableRowWithApiFetch.vue?0161","webpack:///./src/components/portal/WebFormTableRowWithApiFetch.vue?aceb","webpack:///src/views/portal/WebFormsHome.vue","webpack:///./src/views/portal/WebFormsHome.vue?18d6","webpack:///./src/views/portal/WebFormsHome.vue?9d11","webpack:///./src/components/portal/WebFormTableRowWithApiFetch.vue?def9","webpack:///./src/components/layout/sessionExpiry.vue?5aca","webpack:///./src/views/submissions/showSubmission.vue","webpack:///./src/components/submissions/formTile.vue","webpack:///src/components/submissions/formTile.vue","webpack:///./src/components/submissions/formTile.vue?0719","webpack:///./src/components/submissions/formTile.vue?e44f","webpack:///src/views/submissions/showSubmission.vue","webpack:///./src/views/submissions/showSubmission.vue?41ff","webpack:///./src/views/submissions/showSubmission.vue?2fb9","webpack:///./src/assets/mixins/utils.js","webpack:///./src/components/submissions/formTile.vue?e639","webpack:///./src/components/layout/sessionExpiry.vue","webpack:///src/components/layout/sessionExpiry.vue","webpack:///./src/components/layout/sessionExpiry.vue?7c68","webpack:///./src/components/layout/sessionExpiry.vue?8bc7","webpack:///./src/components/portal/WebFormsDisplayRow.vue?7ad7","webpack:///./src/views/portal/WebFormsHome.vue?363f","webpack:///./src/views/submissions/showSubmission.vue?a151"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","webForms","length","_m","_l","form","formIndex","key","_e","isWebFormError","_s","webFormStatusMessage","availableOnlineForms","name","description","clientConfig","fundOrScheme","on","$event","generateWebForm","offlineWebForms","text","directives","rawName","value","concat","expression","modifiers","linkTo","$store","state","directoryUrl","downloadUrl","staticRenderFns","title","_t","showDescription","props","type","String","required","validator","includes","components","dynamicTemplate","data","methods","toggleShowDescription","component","formStatus","webForm","status","tag","class","disabled","id","formConfig","style","backgroundColor","color","$moment","creationTime","format","lastModified","formsTemplatesUrl","process","Object","loadingConfig","merges","created","getFormConfig","computed","documentCount","webFormCompletionParsed","JSON","parse","completion","completedUploads","missingUploads","progress","statusObject","formattedLTA","utils","formatMoney","ltaAmount","routeToForm","$router","push","path","params","test","_this","formDetails","formType","qString","authSet","axios","defaults","headers","common","Authorization","config","get","then","response","mixins","WebFormsDisplayRow","WebFormTableRowWithApiFetch","automatedFormsMap","webFormStatus","hasError","errorMessage","dashboardData","ui","basicData","importantForms","getters","availableForms","keys","forEach","webFormKey","servicePeriods","some","sp","filter","f","endpoint","startsWith","getWebForms","getAutomatedFormsMap","_getAutomatedFormsMap","_asyncToGenerator","regeneratorRuntime","mark","_callee","_this2","wrap","_context","prev","next","catch","error","statusText","stop","apply","arguments","_getWebForms","_callee2","_context2","commit","dispatch","_generateWebForm","_callee3","webFormId","_context3","stringify","trusteeFormat","trusteeWording","clientFullTitle","schemeName","schemeText","memberName","displayName","sent","t0","console","log","_x","redirectToForm","isSSQ","logout","loadingData","colours","primary","message","isRequiredRetirementPackFormsCompleted","sortedFormList","formId","submissionId","background","formBasics","collection","collectionRequiredText","snippet","indexOf","_k","keyCode","publicCode","apiUrlPublic","formTile","pageLoader","sessionExpiry","currentData","submissionData","forms","$route","result","toUpperCase","formTypes","map","split","hasRetirementPack","every","sort","a","b","updateSubmissionState","amount","decimalCount","undefined","decimal","thousands","currency","absDecimalCount","Math","abs","Number","isNaN","negativeSign","i","parseInt","toFixed","toString","j","substr","replace","slice","countdownStarted","stayLoggedIn","scopedSlots","_u","fn","countdown","proxy","helpModal","route","unloadListener","interval","beforeDestroy","window","clearInterval","isIdle","isAppIdle","watch","$emit","setInterval","removeEventListener","location","href"],"mappings":"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","file":"js/WebFormsHome.adf086ac.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[_c('div',{staticClass:\"web-forms-home container\"},[_c('div',{staticClass:\"breadcrumbs\"},[_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/\"}},[_vm._v(\"home\")]),_vm._v(\"/ \"),_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/my-pension/my-data\"}},[_vm._v(\"my data\")]),_vm._v(\"/ web forms\\n        \")],1),_c('div',{staticClass:\"row\"},[(_vm.webForms.length > 0)?_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"clearfix tile rounded p-4 x-p-b\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"forms-table table-responsive pt-2\"},[_c('table',{staticClass:\"styled-table\"},[_vm._m(2),_c('tbody',_vm._l((_vm.webForms),function(form,formIndex){return _c('web-form-table-row-with-api-fetch',{key:formIndex,attrs:{\"webForm\":form}})}),1)])])])]):_vm._e(),_c('div',{staticClass:\"col-sm-12 col-md-12 col-lg-6\"},[_c('div',{staticClass:\"clearfix tile rounded p-4 x-p-b\"},[_vm._m(3),_vm._m(4),_c('div',[(_vm.isWebFormError)?_c('div',[_c('p',[_vm._v(\"There was an error retrieving the forms. Please try again later. If the problem persists, please \"),_c('router-link',{attrs:{\"to\":\"/contact\",\"target\":\"_blank\"}},[_vm._v(\"Contact Us\")])],1),_c('p',[_vm._v(_vm._s(_vm.webFormStatusMessage))])]):_vm._e(),_vm._l((_vm.availableOnlineForms),function(form,formIndex){return _c('WebFormsDisplayRow',{key:formIndex,attrs:{\"title\":form.name,\"description\":form.description,\"fundOrScheme\":_vm.clientConfig.fundOrScheme}},[_c('button',{staticClass:\"button-option button-outline-rounded small text-center view-all\",on:{\"click\":function($event){return _vm.generateWebForm(form)}}},[_vm._v(\"\\n                                Complete form\\n                                \"),_c('span',{staticClass:\"icon-arrow-right\"})])])})],2)])]),(_vm.clientConfig.offlineWebForms && _vm.clientConfig.offlineWebForms.length > 0)?_c('div',{staticClass:\"col-sm-12 col-md-12 col-lg-6\"},[_c('div',{staticClass:\"clearfix tile rounded p-4 x-p-b\"},[_vm._m(5),_vm._m(6),_c('p',[_vm._v(\"You can download these forms to print them out and complete before sending them by post.\")]),_c('div',_vm._l((_vm.clientConfig.offlineWebForms),function(form,formIndex){return _c('WebFormsDisplayRow',{key:formIndex,attrs:{\"title\":form.text,\"description\":form.description,\"fundOrScheme\":_vm.clientConfig.fundOrScheme}},[_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.top-end\",value:(`Download ${form.text}`),expression:\"`Download ${form.text}`\",modifiers:{\"top-end\":true}}],staticClass:\"button-option button-outline-rounded small text-center view-all\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-label\":form.text},on:{\"click\":function($event){return _vm.linkTo(`${_vm.$store.state.clientConfig.directoryUrl}/documents/${form.downloadUrl}`, false)}}},[_vm._v(\"\\n                                Download\\n                                \"),_c('span',{staticClass:\"icon-download\"})])])}),1)])]):_vm._e()])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-globe option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-3 mt-2 inline\"},[_vm._v(\"\\n                        My Forms\\n                        \"),_c('div',{staticClass:\"divider\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"Name of form\")]),_c('th',[_vm._v(\"Status\")]),_c('th',[_vm._v(\"Created\")]),_c('th',[_vm._v(\"Last updated\")]),_c('th')])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-edit option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-3 mt-2 inline\"},[_vm._v(\"\\n                        Update my information\\n                        \"),_c('div',{staticClass:\"divider\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-download option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-3 mt-2 inline\"},[_vm._v(\"\\n                        Downloadable forms\\n                        \"),_c('div',{staticClass:\"divider\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"form-row\"},[_c('div',{staticClass:\"d-flex flex-column flex-md-row justify-content-between w-100\"},[_c('h4',[_vm._v(\"\\n            \"+_vm._s(_vm.title)+\"\\n            \")]),_c('div',{staticClass:\"d-none d-md-block\"},[_vm._t(\"default\")],2)]),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.description && _vm.showDescription)?_c('div',{staticClass:\"description-container\"},[_c('dynamic-template',{attrs:{\"template\":_vm.description}})],1):_vm._e()]),_c('div',{staticClass:\"d-md-none ml-auto\"},[_vm._t(\"default\")],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"form-row\">\r\n        <div class=\"d-flex flex-column flex-md-row justify-content-between w-100\">\r\n            <h4>\r\n                {{ title }}\r\n                <!-- <button v-if=\"description\" class=\"drop-button\" @click=\"toggleShowDescription\">\r\n                 <font-awesome-icon\r\n                          class=\"icon\"\r\n                          :icon=\"['fad', 'info-circle']\"\r\n                        />\r\n                </button> -->\r\n            </h4>\r\n            <div class=\"d-none d-md-block\">\r\n                <!-- md+ screen button -->\r\n                <slot></slot>\r\n            </div>\r\n        </div>\r\n        <transition name=\"fade\" mode=\"out-in\">\r\n            <div class=\"description-container\" v-if=\"description && showDescription\"><dynamic-template :template=\"description\" /></div>\r\n        </transition>\r\n        <div class=\"d-md-none ml-auto\">\r\n            <!-- md- button -->\r\n            <slot></slot>\r\n        </div>\r\n    </div>\r\n</template>form\r\n\r\n<script>\r\nimport dynamicTemplate from 'v-runtime-template';\r\n\r\nexport default {\r\n    name: 'web-forms-display-row',\r\n    props: {\r\n        title: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        description: {\r\n            type: String,\r\n            required: false,\r\n        },\r\n        fundOrScheme: {\r\n            type: String,\r\n            required: false,\r\n            validator: value => ['Fund', 'Scheme', 'Plan'].includes(value),\r\n        },\r\n    },\r\n    components: {\r\n        dynamicTemplate,\r\n    },\r\n    data () {\r\n        return {\r\n            showDescription: true,\r\n        };\r\n    },\r\n    methods: {\r\n        toggleShowDescription () {\r\n            this.showDescription = !this.showDescription;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.form-row {\r\n    padding: 15px 0px 10px 0px;\r\n}\r\nh4 {\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-right: 10px;\r\n}\r\n.description-container {\r\n    font-size: 14px;\r\n    padding-left: 0px;\r\n    margin-top: 10px;\r\n\r\n    ::v-deep ul {\r\n        margin-top: 10px;\r\n\r\n        li {\r\n            list-style: circle;\r\n        }\r\n    }\r\n}\r\n.drop-button {\r\n    border: none;\r\n    font-size: 14px;\r\n    color: var(--primaryColour);\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormsDisplayRow.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormsDisplayRow.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WebFormsDisplayRow.vue?vue&type=template&id=59d13494&scoped=true\"\nimport script from \"./WebFormsDisplayRow.vue?vue&type=script&lang=js\"\nexport * from \"./WebFormsDisplayRow.vue?vue&type=script&lang=js\"\nimport style0 from \"./WebFormsDisplayRow.vue?vue&type=style&index=0&id=59d13494&prod&lang=scss&scoped=true\"\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  \"59d13494\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('td',[_c(_vm.formStatus(_vm.webForm.formStatus).status === 'Complete' ? 'span' : 'router-link',{tag:\"router-link\",staticClass:\"btn-link\",class:{ disabled: _vm.formStatus(_vm.webForm.formStatus).status === 'Complete' },attrs:{\"to\":`/web-forms/${_vm.webForm.id}`}},[_vm._v(_vm._s(_vm.formConfig.title))])],1),_c('td',[_c('span',{staticClass:\"label\",style:({\n                backgroundColor: _vm.formStatus(_vm.webForm.formStatus).color,\n            })},[_vm._v(_vm._s(_vm.formStatus(_vm.webForm.formStatus).status))])]),_c('td',[_vm._v(\"\\n        \"+_vm._s(_vm.$moment(_vm.webForm.creationTime).format(\"DD/MM/YYYY\"))+\"\\n    \")]),_c('td',[_vm._v(\"\\n        \"+_vm._s(_vm.$moment(_vm.webForm.lastModified).format(\"DD/MM/YYYY\"))+\"\\n    \")]),_c('td',{staticClass:\"align-right\"},[_c(_vm.formStatus(_vm.webForm.formStatus).status === 'Complete' ? 'span' : 'router-link',{tag:\"router-link\",staticClass:\"btn-link\",class:{ disabled: _vm.formStatus(_vm.webForm.formStatus).status === 'Complete' },attrs:{\"to\":`/web-forms/${_vm.webForm.id}`}},[_c('button',{staticClass:\"btn btn-portal mr-2\",attrs:{\"type\":\"button\",\"disabled\":_vm.formStatus(_vm.webForm.formStatus).status === 'Complete'}},[_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":['fad', 'pencil']}})],1)])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n                <tr >\r\n                    <td>\r\n                        <router-link\r\n                            :to=\"`/web-forms/${webForm.id}`\"\r\n                            class=\"btn-link\"\r\n                            :class=\"{ disabled: formStatus(webForm.formStatus).status === 'Complete' }\"\r\n                            :is=\"formStatus(webForm.formStatus).status === 'Complete' ? 'span' : 'router-link'\"\r\n                            >{{ formConfig.title }}</router-link\r\n                        >\r\n                    </td>\r\n                    <td>\r\n                        <span\r\n                            class=\"label\"\r\n                            :style=\"{\r\n                                backgroundColor: formStatus(webForm.formStatus).color,\r\n                            }\"\r\n                            >{{ formStatus(webForm.formStatus).status }}</span\r\n                        >\r\n                    </td>\r\n                    <td>\r\n                        {{ $moment(webForm.creationTime).format(\"DD/MM/YYYY\") }}\r\n                    </td>\r\n                    <td>\r\n                        {{ $moment(webForm.lastModified).format(\"DD/MM/YYYY\") }}\r\n                    </td>\r\n                    <td class=\"align-right\">\r\n                        <router-link\r\n                            :to=\"`/web-forms/${webForm.id}`\"\r\n                            class=\"btn-link\"\r\n                            :class=\"{ disabled: formStatus(webForm.formStatus).status === 'Complete' }\"\r\n                            :is=\"formStatus(webForm.formStatus).status === 'Complete' ? 'span' : 'router-link'\"\r\n                            >\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"btn btn-portal mr-2\"\r\n                            :disabled=\"formStatus(webForm.formStatus).status === 'Complete'\"\r\n                        >\r\n                            <font-awesome-icon class=\"icon\" :icon=\"['fad', 'pencil']\" />\r\n                        </button>\r\n                        </router-link>\r\n                    </td>\r\n                </tr>\r\n\r\n </template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport dynamicTemplate from 'v-runtime-template';\r\nimport utils from '@/assets/mixins/utils';\r\n\r\nconst formsTemplatesUrl = process.env.VUE_APP_FORMSTEMPLATESURL;\r\n\r\nexport default {\r\n    name: 'formTile',\r\n    components: { dynamicTemplate },\r\n    props: {\r\n        webForm: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n    },\r\n    data () {\r\n        return {\r\n            formConfig: {},\r\n            loadingConfig: false,\r\n            merges: {},\r\n        };\r\n    },\r\n    created () {\r\n        this.getFormConfig();\r\n    },\r\n    computed: {\r\n        documentCount () {\r\n            const webFormCompletionParsed = JSON.parse(this.webForm.completion);\r\n            if (!webFormCompletionParsed) return null;\r\n            return `Provided ${webFormCompletionParsed.completedUploads.length} of ${webFormCompletionParsed.completedUploads.length + webFormCompletionParsed.missingUploads.length} required documents`;\r\n        },\r\n        progress () {\r\n            let statusObject = {};\r\n            switch (this.webForm.formStatus) {\r\n            case 0:\r\n                statusObject = { status: 'Not Started', color: '#62bfd8' };\r\n                break;\r\n            case 1:\r\n                statusObject = { status: 'Incomplete', color: '#fca601' };\r\n                break;\r\n            case 2:\r\n                statusObject = { status: 'Complete', color: '#058990' };\r\n                break;\r\n            default:\r\n                statusObject = { status: 'Not Started', color: '#62bfd8' };\r\n            }\r\n            return statusObject;\r\n        },\r\n        formattedLTA () {\r\n            return utils.formatMoney(this.merges.ltaAmount);\r\n        },\r\n\r\n    },\r\n    methods: {\r\n        routeToForm () {\r\n            this.$router.push({ path: 'test', params: { test: 'testing' } });\r\n        },\r\n        formStatus (formStatus) {\r\n            let statusObject = {};\r\n            switch (formStatus) {\r\n            case 0:\r\n                statusObject = { status: 'Not Started', color: '#74d6f1' };\r\n                break;\r\n            case 1:\r\n                statusObject = { status: 'Incomplete', color: '#fca601' };\r\n                break;\r\n            case 2:\r\n                statusObject = { status: 'Complete', color: '#7fd6db' };\r\n                break;\r\n            default:\r\n                statusObject = { status: 'Not Started', color: '#62bfd8' };\r\n            }\r\n            return statusObject;\r\n        },\r\n        getFormConfig () {\r\n            this.loadingConfig = true;\r\n            this.merges = JSON.parse(this.webForm.formDetails);\r\n            const formType = this.webForm.formType;\r\n            const qString = this.$moment().format('DDMMYYYYHHSS');\r\n\r\n            // remove auth temporarily for the blob call\r\n\r\n            let authSet = '';\r\n            if (axios.defaults.headers.common.Authorization) {\r\n                authSet = axios.defaults.headers.common.Authorization;\r\n                axios.defaults.headers.common = {};\r\n            }\r\n\r\n            const config = `${formsTemplatesUrl}/${formType}.json?q=${qString}`;\r\n            axios\r\n                .get(config, {\r\n                    headers: {\r\n                        'Content-Type': 'application/json',\r\n                    },\r\n                })\r\n                .then((response) => {\r\n                    this.formConfig = response.data;\r\n                    this.loadingConfig = false;\r\n                });\r\n            if (authSet !== '') {\r\n                axios.defaults.headers.common.Authorization = authSet;\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n <style lang=\"scss\" scoped>\r\n @import \"@/assets/scss/_mixins.scss\";\r\n\r\n .form {\r\n     background: var(--greyColour);\r\n     // padding-bottom: 80px!important;\r\n     // min-height: 400px;\r\n     color: inherit;\r\n     position: relative;\r\n     margin-bottom: 20px;\r\n     transition: $generalTransition;\r\n     display: flex;\r\n     align-content: flex-end;\r\n     @include responsive('md'){\r\n             flex-direction: column;\r\n         }\r\n     .titleWrapper{\r\n         display: flex;\r\n         @include responsive('md'){\r\n             justify-content: space-between;\r\n         }\r\n         .h5{\r\n             margin-right: 20px;\r\n             margin-bottom: 0;\r\n         }\r\n         .progressBadge {\r\n             border-radius: 20px;\r\n             padding: 2px 14px;\r\n             display: inline-block;;\r\n             color: white;\r\n             font-size: 14px;\r\n             align-self: center;\r\n\r\n         }\r\n     }\r\n     .details{\r\n         flex-grow: 1;\r\n     }\r\n     .progressCircle{\r\n         position: absolute;\r\n         right:10px;\r\n         top:10px;\r\n         height: 80px;\r\n     }\r\n     &.clickable {\r\n         &:hover {\r\n             transform: translateY(-3px);\r\n             box-shadow: $boxShadow;\r\n         }\r\n     }\r\n     .title{\r\n         width:calc(100% - 90px);\r\n     }\r\n     .illustrationRange {\r\n         margin-bottom: 15px;\r\n         text-align: center;\r\n         font-size: 20px;\r\n         display: flex;\r\n         justify-content: space-between;\r\n         align-items: center;\r\n         span {\r\n             cursor: pointer;\r\n             .invisible {\r\n                 visibility: hidden;\r\n             }\r\n         }\r\n     }\r\n\r\n     .pension-value,\r\n     .retirement-date,\r\n     .retirement-age {\r\n         display: block;\r\n         font-size: 32px;\r\n         font-weight: bold;\r\n         margin: -10px 0 10px 0;\r\n     }\r\n     .data-section {\r\n         background: white;\r\n         padding: 10px;\r\n         margin: -10px -10px 0 -10px;\r\n         max-height: 300px;\r\n     }\r\n\r\n     .icon-round {\r\n         .option-icon {\r\n             font-size: 60px;\r\n             height: 60px;\r\n             width: 60px;\r\n             opacity: 0.3;\r\n             position: absolute;\r\n             right: 15px;\r\n             top: 10px;\r\n             color: var(--primaryColour);\r\n         }\r\n     }\r\n     .formProgress{\r\n         margin:20px 0 20px;\r\n         border: 2px solid lightgray;\r\n         background: white; padding:10px; border-radius:6px;\r\n     }\r\n     .action-wrapper-std {\r\n             min-width: 180px;\r\n     display: flex;\r\n     /* flex-grow: 0; */\r\n     align-self: flex-start;\r\n     justify-content: flex-end;\r\n         margin-top: 10px;\r\n         @include responsive('md'){\r\n             justify-content: flex-start;\r\n         }\r\n         .view-all {\r\n             // background: transparent;\r\n             span {\r\n                 display: inline-block;\r\n                 transition: $generalTransition;\r\n             }\r\n             &:hover {\r\n                 background: var(--secondaryColour);\r\n                 color: var(--textOnSecondary);\r\n                 span {\r\n                     transform: translateX(3px);\r\n                 }\r\n             }\r\n         }\r\n     }\r\n\r\n     .link-list {\r\n         display: flex;\r\n         justify-content: space-between;\r\n         line-height: 30px;\r\n         border-bottom: 1px solid var(--greyColour);\r\n         padding: 2px 5px;\r\n         &:last-child {\r\n             border-bottom: none;\r\n         }\r\n         &:hover {\r\n             background: var(--greyColour);\r\n         }\r\n     }\r\n     .link {\r\n         white-space: nowrap;\r\n         overflow: hidden;\r\n         text-overflow: ellipsis;\r\n         &.unread {\r\n             font-weight: bold;\r\n         }\r\n     }\r\n     .date {\r\n         min-width: 70px;\r\n         text-align: right;\r\n         font-size: 12px;\r\n         font-style: italic;\r\n     }\r\n     .skeleton {\r\n         position: absolute;\r\n         top:0;\r\n         left:0;\r\n         right:0;\r\n         bottom:0;\r\n         overflow: hidden;;\r\n         .loading{\r\n             font-size:10px;\r\n             position: absolute;\r\n             right: 10px;\r\n             bottom: 10px;\r\n             z-index:1;\r\n         }\r\n         .inner{\r\n             position: relative;\r\n             overflow: hidden;\r\n             width: 100%;\r\n             height:50px;\r\n             background:var(--greyColour);\r\n                 &::after {\r\n                     content: '';\r\n                     position: absolute;\r\n                     top: 0;\r\n                     left: 0;\r\n                     width: 100%;\r\n                     height: 100%;\r\n                     background: linear-gradient(90deg, var(--greyColour), lighten(#F1F1F1, 7%), var(--greyColour));\r\n                     animation: progress 1s ease-in-out infinite;\r\n                 }\r\n             }\r\n\r\n         }\r\n\r\n         @keyframes progress {\r\n         0% {\r\n             transform: translate3d(-100%, 0, 0);\r\n         }\r\n         100% {\r\n             transform: translate3d(100%, 0, 0);\r\n         }\r\n         }\r\n }\r\n\r\n </style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormTableRowWithApiFetch.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormTableRowWithApiFetch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WebFormTableRowWithApiFetch.vue?vue&type=template&id=15b7279f&scoped=true\"\nimport script from \"./WebFormTableRowWithApiFetch.vue?vue&type=script&lang=js\"\nexport * from \"./WebFormTableRowWithApiFetch.vue?vue&type=script&lang=js\"\nimport style0 from \"./WebFormTableRowWithApiFetch.vue?vue&type=style&index=0&id=15b7279f&prod&lang=scss&scoped=true\"\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  \"15b7279f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"pageWrapper\">\r\n        <div class=\"web-forms-home container\">\r\n            <div class=\"breadcrumbs\">\r\n                <router-link to=\"/\" class=\"link\">home</router-link>/ <router-link to=\"/my-pension/my-data\" class=\"link\">my data</router-link>/ web forms\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\" v-if=\"webForms.length > 0\">\r\n                    <div class=\"clearfix tile rounded p-4 x-p-b\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-globe option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2 inline\">\r\n                            My Forms\r\n                            <div class=\"divider\"></div>\r\n                        </h3>\r\n                        <div class=\"forms-table table-responsive pt-2\">\r\n\r\n                            <table class=\"styled-table\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th>Name of form</th>\r\n                                        <th>Status</th>\r\n                                        <th>Created</th>\r\n                                        <th>Last updated</th>\r\n                                        <th></th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <web-form-table-row-with-api-fetch :webForm=\"form\" v-for=\"(form, formIndex) in webForms\" :key=\"formIndex\"/>\r\n                                </tbody>\r\n                            </table>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div class=\"col-sm-12 col-md-12 col-lg-6\">\r\n                    <div class=\"clearfix tile rounded p-4 x-p-b\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-edit option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2 inline\">\r\n                            Update my information\r\n                            <div class=\"divider\"></div>\r\n                        </h3>\r\n                        <div>\r\n                            <div v-if=\"isWebFormError\">\r\n                                <p>There was an error retrieving the forms. Please try again later. If the problem persists, please <router-link to=\"/contact\" target=\"_blank\">Contact Us</router-link></p>\r\n                                <p>{{ webFormStatusMessage }}</p>\r\n                            </div>\r\n                            <WebFormsDisplayRow\r\n                                v-for=\"(form, formIndex) in availableOnlineForms\"\r\n                                :key=\"formIndex\"\r\n                                :title=\"form.name\"\r\n                                :description=\"form.description\"\r\n                                :fundOrScheme=\"clientConfig.fundOrScheme\"\r\n                            >\r\n                                <button class=\"button-option button-outline-rounded small text-center view-all\" @click=\"generateWebForm(form)\">\r\n                                    Complete form\r\n                                    <span class=\"icon-arrow-right\"></span>\r\n                                </button>\r\n                            </WebFormsDisplayRow>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"col-sm-12 col-md-12 col-lg-6\" v-if=\"clientConfig.offlineWebForms && clientConfig.offlineWebForms.length > 0\">\r\n                    <div class=\"clearfix tile rounded p-4 x-p-b\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-download option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2 inline\">\r\n                            Downloadable forms\r\n                            <div class=\"divider\"></div>\r\n                        </h3>\r\n                        <p>You can download these forms to print them out and complete before sending them by post.</p>\r\n                        <div>\r\n                            <WebFormsDisplayRow\r\n                                v-for=\"(form, formIndex) in clientConfig.offlineWebForms\"\r\n                                :key=\"formIndex\"\r\n                                :title=\"form.text\"\r\n                                :description=\"form.description\"\r\n                                :fundOrScheme=\"clientConfig.fundOrScheme\"\r\n                            >\r\n                                <button\r\n                                    v-tooltip.top-end=\"`Download ${form.text}`\"\r\n                                    class=\"button-option button-outline-rounded small text-center view-all\"\r\n                                    @click=\"linkTo(`${$store.state.clientConfig.directoryUrl}/documents/${form.downloadUrl}`, false)\"\r\n                                    tabindex=\"0\"\r\n                                    role=\"link\"\r\n                                    :aria-label=\"form.text\"\r\n                                >\r\n                                    Download\r\n                                    <span class=\"icon-download\"></span>\r\n                                </button>\r\n                            </WebFormsDisplayRow>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { linkTo } from '@/assets/mixins/mixins';\r\nimport WebFormsDisplayRow from '@/components/portal/WebFormsDisplayRow.vue';\r\nimport axios from 'axios';\r\nimport WebFormTableRowWithApiFetch from '../../components/portal/WebFormTableRowWithApiFetch.vue';\r\n\r\nconst formsTemplatesUrl = process.env.VUE_APP_FORMSTEMPLATESURL;\r\n\r\nexport default {\r\n    name: 'web-forms-home',\r\n    mixins: [linkTo],\r\n    components: {\r\n        WebFormsDisplayRow,\r\n        WebFormTableRowWithApiFetch,\r\n    },\r\n    data () {\r\n        return {\r\n            automatedFormsMap: {},\r\n            webFormStatus: {\r\n                hasError: false,\r\n                errorMessage: '',\r\n            },\r\n        };\r\n    },\r\n    computed: {\r\n        isWebFormError () {\r\n            return this.webFormStatus.hasError;\r\n        },\r\n        webFormStatusMessage () {\r\n            return this.webFormStatus.errorMessage;\r\n        },\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n        basicData () {\r\n            if (!this.dashboardData) return null;\r\n            return this.dashboardData.basicData;\r\n        },\r\n        importantForms () {\r\n            return this.$store.getters['clientConfig/clientConfig'].importantForms;\r\n        },\r\n        clientConfig () {\r\n            return this.$store.getters['clientConfig/clientConfig'];\r\n        },\r\n        webForms () {\r\n            return this.$store.getters['userDetails/webformsSortedByCreationFilteringOutAdmin'];\r\n        },\r\n        availableOnlineForms () {\r\n            const availableForms = [];\r\n\r\n            Object.keys(this.automatedFormsMap).forEach((webFormKey) => {\r\n                if (webFormKey) availableForms.push(this.automatedFormsMap[webFormKey]);\r\n            });\r\n\r\n            if (!this.dashboardData.servicePeriods.some(sp => ['Pensioner', 'Dependant'].includes(sp.status))) {\r\n                return availableForms.filter(f => !f.endpoint.startsWith('updateBankDetails'));\r\n            }\r\n\r\n            return availableForms;\r\n        },\r\n    },\r\n    created () {\r\n        this.getWebForms();\r\n        this.getAutomatedFormsMap();\r\n    },\r\n    methods: {\r\n        async getAutomatedFormsMap () {\r\n            this.webFormStatus.hasError = false;\r\n            this.webFormStatus.errorMessage = '';\r\n            // remove auth temporarily for the blob call\r\n            let authSet = '';\r\n            if (axios.defaults.headers.common.Authorization) {\r\n                authSet = axios.defaults.headers.common.Authorization;\r\n                axios.defaults.headers.common = {};\r\n            }\r\n            const qString = this.$moment().format('DDMMYYYYHHSS');\r\n\r\n            const config = `${formsTemplatesUrl}/forms.json?q=${qString}`;\r\n\r\n\r\n            await axios.get(`${config}`,\r\n                { headers: {\r\n                    'Content-Type': 'application/json',\r\n                } })\r\n                .then((response) => {\r\n                    const { automatedFormsMap } = response.data;\r\n                    this.automatedFormsMap = automatedFormsMap;\r\n                })\r\n                .catch((error) => {\r\n                    this.webFormStatus.hasError = true;\r\n                    this.webFormStatus.errorMessage = error.statusText;\r\n                });\r\n            if (authSet !== '') {\r\n                axios.defaults.headers.common.Authorization = authSet;\r\n            }\r\n        },\r\n        async getWebForms () {\r\n            this.$store.commit('userDetails/setWebforms', []);\r\n            await this.$store.dispatch('userDetails/getWebForms');\r\n        },\r\n        async generateWebForm (formDetails) {\r\n            try {\r\n                if (!this.basicData) { // check as this.basicData is null if user reloads on the page\r\n                    await this.$store.dispatch('getDashboardData');\r\n                }\r\n                const webFormId = await this.$store.dispatch('userDetails/generateWebForm', {\r\n                    formType: formDetails.endpoint,\r\n                    formDetails: JSON.stringify({\r\n                        trusteeFormat: this.clientConfig.trusteeWording,\r\n                        clientFullTitle: this.clientConfig.schemeName,\r\n                        schemeText: this.clientConfig.fundOrScheme,\r\n                        memberName: this.basicData.displayName,\r\n                    }),\r\n                });\r\n                this.$router.push({ path: `/web-forms/${webFormId.id}` });\r\n            } catch (error) {\r\n                console.log(error);\r\n            }\r\n            this.getWebForms();\r\n        },\r\n        formStatus (formStatus) {\r\n            let statusObject = {};\r\n            switch (formStatus) {\r\n            case 0:\r\n                statusObject = { status: 'Not Started', color: '#74d6f1' };\r\n                break;\r\n            case 1:\r\n                statusObject = { status: 'Incomplete', color: '#fca601' };\r\n                break;\r\n            case 2:\r\n                statusObject = { status: 'Complete', color: '#7fd6db' };\r\n                break;\r\n            default:\r\n                statusObject = { status: 'Not Started', color: '#62bfd8' };\r\n            }\r\n            return statusObject;\r\n        },\r\n        redirectToForm (form) {\r\n            this.$router.push({ path: `/web-forms/${form.id}` });\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins.scss\";\r\n.tile {\r\n    background: var(--greyColour);\r\n    color: inherit;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    transition: all 0.3s ease-in-out;\r\n    height: calc(100% - 20px);\r\n    .icon-round {\r\n        .option-icon {\r\n            font-size: 60px;\r\n            height: 60px;\r\n            width: 60px;\r\n            opacity: 0.3;\r\n            position: absolute;\r\n            right: 15px;\r\n            top: 10px;\r\n            color: var(--iconFont);\r\n        }\r\n    }\r\n}\r\n.forms-creation-table {\r\n    width: 100%;\r\n\r\n    td {\r\n        padding: 15px 0px 10px 0px;\r\n    }\r\n    td.form-title {\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n    }\r\n    td.end-column {\r\n        text-align: end;\r\n    }\r\n}\r\n\r\n.button-option {\r\n    white-space: nowrap;\r\n    height: fit-content;\r\n}\r\n\r\n@include responsive(\"sm\") {\r\n    .button-option {\r\n        align-self: end;\r\n    }\r\n}\r\n\r\n.label {\r\n    width: 90px;\r\n    display: block;\r\n    text-align: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormsHome.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormsHome.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WebFormsHome.vue?vue&type=template&id=5325ce4d&scoped=true\"\nimport script from \"./WebFormsHome.vue?vue&type=script&lang=js\"\nexport * from \"./WebFormsHome.vue?vue&type=script&lang=js\"\nimport style0 from \"./WebFormsHome.vue?vue&type=style&index=0&id=5325ce4d&prod&lang=scss&scoped=true\"\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  \"5325ce4d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormTableRowWithApiFetch.vue?vue&type=style&index=0&id=15b7279f&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sessionExpiry.vue?vue&type=style&index=0&id=8d542078&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isSSQ)?_c('div',{staticClass:\"logout\",on:{\"click\":function($event){return _vm.logout()}}},[_vm._v(\"logout \"),_c('i',{staticClass:\"icon-log-out\"})]):_vm._e(),_c('div',{staticClass:\"pageWrapper submission\"},[_c('div',{staticClass:\"container\"},[(_vm.loadingData)?_c('pageLoader',{attrs:{\"themeColour\":_vm.$store.state.clientConfig.colours.primary,\"loadingText\":\"Loading your data...\"}}):_c('div',[(_vm.message !== null)?_c('div',{staticClass:\"row\"},[_vm._v(\"\\r\\n                \"+_vm._s(_vm.message)+\"\\r\\n            \")]):_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h3',{staticClass:\"h5 mb-3 mt-2 inline\"},[_vm._v(\"\\r\\n                                Online forms\\r\\n                                \"),_c('div',{staticClass:\"divider\"})])]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.isRequiredRetirementPackFormsCompleted)?_c('div',{staticClass:\"col-md-12 mb-4\"},[_c('p',{staticClass:\"p-4 pack-text-wrapper\"},[_c('span',{staticClass:\"badge badge-pill badge-light p-2 mb-2\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fal', 'layer-group']}}),_vm._v(\" Retirement Pack\")],1),_c('br'),_vm._v(\"\\r\\n                                    Thank you for submitting the forms and documents relating to your retirement.\\r\\n                                    We will begin arranging for your benefits to be paid and send you a Retirement Confirmation Pack\\r\\n                                    confirming the benefits you have chosen,\\r\\n                                    when you can expect to receive your first pension payment and, if applicable,\\r\\n                                    payment of your retirement lump sum. If your retirement date is in the future,\\r\\n                                    this Pack will normally be issued around your chosen retirement date.\\r\\n                                    \"),_c('br'),_c('br'),_vm._v(\"\\r\\n                                    In the meantime, please refer to the ‘What happens when?’ leaflet included with your Retirement Information Pack for more information on the retirement process.\\r\\n                                \")])]):_vm._e()]),_vm._l((_vm.sortedFormList),function(form){return _c('div',{key:form.formId,staticClass:\"col-md-12\"},[(form.formType)?_c('formTile',{attrs:{\"submissionId\":_vm.submissionId,\"formBasics\":form}}):_vm._e()],1)})],2)]),_c('session-expiry',{attrs:{\"route\":`/submissions/${_vm.submissionId}`}})],1)])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"clearfix form rounded p-4 x-p-b\"},[(_vm.loadingConfig)?[_vm._m(0)]:[_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"titleWrapper mb-3 mt-2\"},[_c('h3',{staticClass:\"h5\"},[_vm._v(_vm._s(_vm.formConfig.title))]),_c('span',{staticClass:\"progressBadge\",style:({background: _vm.progress.color})},[_vm._v(_vm._s(_vm.progress.status))]),(_vm.formBasics.collection)?_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(`This form is part of the ${_vm.formBasics.collection} collection of forms and is ${_vm.formBasics.collectionRequiredText}.`),expression:\"`This form is part of the ${formBasics.collection} collection of forms and is ${formBasics.collectionRequiredText}.`\"}],staticClass:\"progressBadge\",style:({background: _vm.progress.color})},[_c('font-awesome-icon',{attrs:{\"icon\":['fal', 'layer-group']}}),_vm._v(\" \"+_vm._s(_vm.formBasics.collection)+\": \"+_vm._s(_vm.formBasics.collectionRequiredText))],1):_vm._e()]),(_vm.formConfig.snippet)?_c('dynamicTemplate',{attrs:{\"template\":`<p>${_vm.formConfig.snippet}</p>`}}):_vm._e()],1),_c('div',{staticClass:\"action-wrapper-std\"},[(_vm.formBasics.formStatus !== 2)?_c('div',{staticClass:\"button-outline-rounded small text-center view-all\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-pressed\":\"false\"},on:{\"click\":function($event){return _vm.$router.push(`/submissions/${_vm.submissionId}/form/${_vm.formBasics.id}`)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.$router.push(`/submissions/${_vm.submissionId}/form/${_vm.formBasics.id}`)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;return _vm.$router.push(`/submissions/${_vm.submissionId}/form/${_vm.formBasics.id}`)}]}},[_vm._v(\"\\n                 Complete form\\n                 \"),_c('span',{staticClass:\"icon-arrow-right\"})]):_vm._e()])]],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"skeleton rounded\"},[_c('div',{staticClass:\"loading\"},[_vm._v(\"Loading..\")]),_c('div',{staticClass:\"inner\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"clearfix form rounded p-4 x-p-b\" >\r\n        <template v-if=\"loadingConfig\">\r\n            <div class=\"skeleton rounded\">\r\n                <div class=\"loading\">Loading..</div>\r\n                <div class=\"inner\"></div>\r\n            </div>\r\n        </template>\r\n        <template v-else>\r\n            <div class=\"details\">\r\n                <div class=\"titleWrapper mb-3 mt-2\">\r\n                    <h3 class=\"h5\">{{formConfig.title}}</h3>\r\n                    <span class=\"progressBadge\" :style=\"{background: progress.color}\">{{progress.status}}</span>\r\n                    <span v-if=\"formBasics.collection\" v-tooltip=\"`This form is part of the ${formBasics.collection} collection of forms and is ${formBasics.collectionRequiredText}.`\" class=\"progressBadge\" :style=\"{background: progress.color}\"><font-awesome-icon :icon=\"['fal', 'layer-group']\" /> {{formBasics.collection}}: {{formBasics.collectionRequiredText}}</span>\r\n                </div>\r\n\r\n                <dynamicTemplate v-if=\"formConfig.snippet\" :template=\"`<p>${formConfig.snippet}</p>`\"/>\r\n            </div>\r\n            <div class=\"action-wrapper-std\">\r\n                <div\r\n                    v-if=\"formBasics.formStatus !== 2\"\r\n                    class=\"button-outline-rounded small text-center view-all\"\r\n                    @click=\"$router.push(`/submissions/${submissionId}/form/${formBasics.id}`)\"\r\n                    @keyup.enter=\"$router.push(`/submissions/${submissionId}/form/${formBasics.id}`)\"\r\n                    @keyup.space=\"$router.push(`/submissions/${submissionId}/form/${formBasics.id}`)\"\r\n                    tabindex=\"0\"\r\n                    role=\"link\"\r\n                    aria-pressed=\"false\"\r\n                >\r\n                    Complete form\r\n                    <span class=\"icon-arrow-right\"></span>\r\n                </div>\r\n            </div>\r\n        </template>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\n// import pogressCircle from '@/components/layout/progressCircle.vue';\r\nimport dynamicTemplate from 'v-runtime-template';\r\nimport utils from '@/assets/mixins/utils';\r\n\r\nconst formsTemplatesUrl = process.env.VUE_APP_FORMSTEMPLATESURL;\r\n\r\nexport default {\r\n    name: 'formTile',\r\n    components: { dynamicTemplate },\r\n    props: {\r\n        formBasics: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n        submissionId: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n    },\r\n    data () {\r\n        return {\r\n            formConfig: {},\r\n            loadingConfig: false,\r\n            merges: {},\r\n        };\r\n    },\r\n    created () {\r\n        this.loadingConfig = true;\r\n        this.merges = JSON.parse(this.formBasics.formDetails);\r\n        const formType = this.formBasics.formType;\r\n        const qString = this.$moment().format('DDMMYYYYHHSS');\r\n        const config = `${formsTemplatesUrl}/${formType}.json?q=${qString}`;\r\n        axios\r\n            .get(config, {\r\n                headers: {\r\n                    'Content-Type': 'application/json',\r\n                },\r\n            })\r\n            .then((response) => {\r\n                this.formConfig = response.data;\r\n                this.loadingConfig = false;\r\n            });\r\n    },\r\n    computed: {\r\n        documentCount () {\r\n            return `Provided ${this.formBasics.completion.completedUploads.length} of ${this.formBasics.completion.completedUploads.length + this.formBasics.completion.missingUploads.length} required documents`;\r\n        },\r\n        progress () {\r\n            let statusObject = {};\r\n            switch (this.formBasics.formStatus) {\r\n            case 0:\r\n                statusObject = { status: 'Not Started', color: '#62bfd8' };\r\n                break;\r\n            case 1:\r\n                statusObject = { status: 'Incomplete', color: '#fca601' };\r\n                break;\r\n            case 2:\r\n                statusObject = { status: 'Complete', color: '#058990' };\r\n                break;\r\n            default:\r\n                statusObject = { status: 'Not Started', color: '#62bfd8' };\r\n            }\r\n            return statusObject;\r\n        },\r\n        formattedLTA () {\r\n            return utils.formatMoney(this.merges.ltaAmount);\r\n        },\r\n\r\n    },\r\n    methods: {\r\n        routeToForm () {\r\n            this.$router.push({ path: 'test', params: { test: 'testing' } });\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins.scss\";\r\n\r\n.form {\r\n    background: var(--greyColour);\r\n    // padding-bottom: 80px!important;\r\n    // min-height: 400px;\r\n    color: inherit;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    transition: $generalTransition;\r\n    display: flex;\r\n    align-content: flex-end;\r\n    @include responsive('md'){\r\n            flex-direction: column;\r\n        }\r\n    .titleWrapper{\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n\r\n        .h5{\r\n            margin-right: 20px;\r\n            margin-bottom: 0;\r\n        }\r\n        .progressBadge {\r\n            border-radius: 20px;\r\n            padding: 2px 14px;\r\n            display: inline-block;;\r\n            color: white;\r\n            font-size: 14px;\r\n            align-self: center;\r\n\r\n        }\r\n    }\r\n    .details{\r\n        flex-grow: 1;\r\n    }\r\n    .progressCircle{\r\n        position: absolute;\r\n        right:10px;\r\n        top:10px;\r\n        height: 80px;\r\n    }\r\n    &.clickable {\r\n        &:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: $boxShadow;\r\n        }\r\n    }\r\n    .title{\r\n        width:calc(100% - 90px);\r\n    }\r\n    .illustrationRange {\r\n        margin-bottom: 15px;\r\n        text-align: center;\r\n        font-size: 20px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        span {\r\n            cursor: pointer;\r\n            .invisible {\r\n                visibility: hidden;\r\n            }\r\n        }\r\n    }\r\n\r\n    .pension-value,\r\n    .retirement-date,\r\n    .retirement-age {\r\n        display: block;\r\n        font-size: 32px;\r\n        font-weight: bold;\r\n        margin: -10px 0 10px 0;\r\n    }\r\n    .data-section {\r\n        background: white;\r\n        padding: 10px;\r\n        margin: -10px -10px 0 -10px;\r\n        max-height: 300px;\r\n    }\r\n\r\n    .icon-round {\r\n        .option-icon {\r\n            font-size: 60px;\r\n            height: 60px;\r\n            width: 60px;\r\n            opacity: 0.3;\r\n            position: absolute;\r\n            right: 15px;\r\n            top: 10px;\r\n            color: var(--primaryColour);\r\n        }\r\n    }\r\n    .formProgress{\r\n        margin:20px 0 20px;\r\n        border: 2px solid lightgray;\r\n        background: white; padding:10px; border-radius:6px;\r\n    }\r\n    .action-wrapper-std {\r\n            min-width: 180px;\r\n    display: flex;\r\n    /* flex-grow: 0; */\r\n    align-self: flex-start;\r\n    justify-content: flex-end;\r\n        margin-top: 10px;\r\n        @include responsive('md'){\r\n            justify-content: flex-start;\r\n        }\r\n        .view-all {\r\n            // background: transparent;\r\n            span {\r\n                display: inline-block;\r\n                transition: $generalTransition;\r\n            }\r\n            &:hover {\r\n                background: var(--secondaryColour);\r\n                color: var(--textOnSecondary);\r\n                span {\r\n                    transform: translateX(3px);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .link-list {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        line-height: 30px;\r\n        border-bottom: 1px solid var(--greyColour);\r\n        padding: 2px 5px;\r\n        &:last-child {\r\n            border-bottom: none;\r\n        }\r\n        &:hover {\r\n            background: var(--greyColour);\r\n        }\r\n    }\r\n    .link {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        &.unread {\r\n            font-weight: bold;\r\n        }\r\n    }\r\n    .date {\r\n        min-width: 70px;\r\n        text-align: right;\r\n        font-size: 12px;\r\n        font-style: italic;\r\n    }\r\n    .skeleton {\r\n        position: absolute;\r\n        top:0;\r\n        left:0;\r\n        right:0;\r\n        bottom:0;\r\n        overflow: hidden;;\r\n        .loading{\r\n            font-size:10px;\r\n            position: absolute;\r\n            right: 10px;\r\n            bottom: 10px;\r\n            z-index:1;\r\n        }\r\n        .inner{\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n            height:50px;\r\n            background:var(--greyColour);\r\n                &::after {\r\n                    content: '';\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    background: linear-gradient(90deg, var(--greyColour), lighten(#F1F1F1, 7%), var(--greyColour));\r\n                    animation: progress 1s ease-in-out infinite;\r\n                }\r\n            }\r\n\r\n        }\r\n\r\n        @keyframes progress {\r\n        0% {\r\n            transform: translate3d(-100%, 0, 0);\r\n        }\r\n        100% {\r\n            transform: translate3d(100%, 0, 0);\r\n        }\r\n        }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./formTile.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./formTile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./formTile.vue?vue&type=template&id=72307e6e&scoped=true\"\nimport script from \"./formTile.vue?vue&type=script&lang=js\"\nexport * from \"./formTile.vue?vue&type=script&lang=js\"\nimport style0 from \"./formTile.vue?vue&type=style&index=0&id=72307e6e&prod&lang=scss&scoped=true\"\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  \"72307e6e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n<div>\r\n   <div class=\"logout\" @click=\"logout()\" v-if=\"!isSSQ\">logout <i class=\"icon-log-out\"/></div>\r\n   <div class=\"pageWrapper submission\">\r\n       <div class=\"container\">\r\n           <pageLoader v-if=\"loadingData\" :themeColour=\"$store.state.clientConfig.colours.primary\" loadingText=\"Loading your data...\"/>\r\n\r\n           <div v-else>\r\n            <div v-if=\"message !== null\" class=\"row\">\r\n                {{message}}\r\n            </div>\r\n\r\n            <div v-else class=\"row\">\r\n\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"row\">\r\n                        <!-- <div class=\"col-md-12 \">\r\n                            <div class=\"adminMessage\">\r\n                                <div class=\"icon\"><i class=\"icon-users\"/></div>\r\n                                <div class=\"message\">Hi Mr Stevens, please fill in the forms and upload the copy of the will and marriage certificate. I'll get an update when its all completed and be able to move onto the next steps. If you need any help don't hesitate to get in touch.</div>\r\n                            </div>\r\n                        </div> -->\r\n                        <div class=\"col-md-12 \">\r\n                            <h3 class=\"h5 mb-3 mt-2 inline\">\r\n                                Online forms\r\n                                <div class=\"divider\"></div>\r\n                            </h3>\r\n                            <!-- <h3 data-v-b9c9215a=\"\" class=\"h5 mb-3 ml-4 mt-2 inline\">Forms to be completed</h3> -->\r\n                        </div>\r\n                        <transition name=\"fade\">\r\n                            <div v-if=\"isRequiredRetirementPackFormsCompleted\" class=\"col-md-12 mb-4\">\r\n                                <p class=\"p-4 pack-text-wrapper\">\r\n                                    <span class=\"badge badge-pill badge-light p-2 mb-2\"><font-awesome-icon :icon=\"['fal', 'layer-group']\"></font-awesome-icon> Retirement Pack</span>\r\n                                    <br>\r\n                                    Thank you for submitting the forms and documents relating to your retirement.\r\n                                    We will begin arranging for your benefits to be paid and send you a Retirement Confirmation Pack\r\n                                    confirming the benefits you have chosen,\r\n                                    when you can expect to receive your first pension payment and, if applicable,\r\n                                    payment of your retirement lump sum. If your retirement date is in the future,\r\n                                    this Pack will normally be issued around your chosen retirement date.\r\n                                    <br>\r\n                                    <br>\r\n                                    In the meantime, please refer to the ‘What happens when?’ leaflet included with your Retirement Information Pack for more information on the retirement process.\r\n                                </p>\r\n                            </div>\r\n                        </transition>\r\n\r\n                        <div class=\"col-md-12\" v-for=\"form in sortedFormList\" :key=\"form.formId\">\r\n                            <formTile v-if=\"form.formType\" :submissionId=\"submissionId\" :formBasics=\"form\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <session-expiry :route=\"`/submissions/${submissionId}`\"/>\r\n            </div>\r\n           </div>\r\n       </div>\r\n   </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\n\r\nimport formTile from '@/components/submissions/formTile.vue';\r\n// import uploader from '@/components/inputs/uploader.vue';\r\nimport pageLoader from '@/components/layout/pageLoader.vue';\r\nimport sessionExpiry from '@/components/layout/sessionExpiry.vue';\r\nimport { updateSubmissionState } from '@/observables/submissions';\r\n\r\nconst publicCode = process.env.VUE_APP_PUBLICAPICODE;\r\nconst apiUrlPublic = process.env.VUE_APP_APIADDRESSPUBLIC;\r\n\r\nexport default {\r\n    components: { formTile, pageLoader, sessionExpiry },\r\n    data () {\r\n        return {\r\n            submissionId: null,\r\n            message: null,\r\n            loadingData: false,\r\n            currentData: [],\r\n            submissionData: {\r\n                forms: [\r\n                ],\r\n            },\r\n        };\r\n    },\r\n    created () {\r\n        this.submissionId = this.$route.params.submissionId;\r\n        this.loadingData = true;\r\n        axios.get(`${apiUrlPublic}/GetWebForms/${this.submissionId}?code=${publicCode}`).then((result) => {\r\n            if (result.data.length > 0) {\r\n                this.submissionData.forms = result.data;\r\n                this.submissionData.forms.forEach((value) => {\r\n                    value.completion = JSON.parse(value.completion);\r\n                });\r\n                this.loadingData = false;\r\n            } else {\r\n                this.message = `No records found for id: ${this.submissionId.toUpperCase()}`;\r\n                this.loadingData = false;\r\n            }\r\n        });\r\n    },\r\n    computed: {\r\n        formTypes () {\r\n            // split the form types into an array, removing the form /version\r\n            return this.submissionData.forms.map(form => form.formType.split('/')[0]);\r\n        },\r\n        hasRetirementPack () {\r\n            // formTypes must include lifetimeAllowance, retirementOptions, authorisationToReleaseInformation, changeBankDetails\r\n            return this.formTypes.includes('lifetimeAllowance') && this.formTypes.includes('retirementOptions') && this.formTypes.includes('authorisationToReleaseInformation') && this.formTypes.includes('changeBankDetails');\r\n        },\r\n        isRequiredRetirementPackFormsCompleted () {\r\n            // hasRetirementFormsCollection must be true and formStatus must be 2 (completed) for lifetimeAllowance, retirementOptions, changeBankDetails\r\n            return this.hasRetirementPack && this.submissionData.forms.filter(form => form.formType.split('/')[0] === 'lifetimeAllowance' || form.formType.split('/')[0] === 'retirementOptions' || form.formType.split('/')[0] === 'changeBankDetails').every(form => form.formStatus === 2);\r\n        },\r\n        sortedFormList () {\r\n            // eslint-disable-next-line vue/no-side-effects-in-computed-properties\r\n            return this.submissionData.forms.sort((a, b) => a.formStatus - b.formStatus).map((form) => {\r\n                const formType = form.formType.split('/')[0];\r\n                if (this.hasRetirementPack && this.formTypes.includes(formType)) {\r\n                    form.collection = 'Retirement Pack';\r\n                    if (formType === 'authorisationToReleaseInformation') {\r\n                        form.collectionRequiredText = 'optional';\r\n                    } else {\r\n                        form.collectionRequiredText = 'required';\r\n                    }\r\n                } else {\r\n                    form.collection = null;\r\n                    form.collectionRequiredText = null;\r\n                }\r\n                return form;\r\n            });\r\n        },\r\n        isSSQ () {\r\n            return this.submissionId.startsWith('SSQ-');\r\n        },\r\n    },\r\n    methods: {\r\n        logout () {\r\n            updateSubmissionState.logout();\r\n            this.$router.push('/submissions?logout=true');\r\n        },\r\n    },\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pack-text-wrapper {\r\n    background-color: #032043;\r\n    color: white;\r\n}\r\n.logout{\r\n    background: $BRIGHT;\r\n    padding:10px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    color: black;\r\n    position: absolute;\r\n        top: 20px;\r\n    right: 25px;\r\n    z-index: 10;\r\n    &:hover{\r\n      background: $BRIGHTTINT1;\r\n    }\r\n  }\r\n.loading{\r\n\r\n}\r\n.adminMessage{\r\n    display: flex;\r\n    align-items: center;\r\n    border: 2px solid $BRIGHT;\r\n    border-radius: 6px;\r\n    margin-bottom: 15px;\r\n    padding:20px;\r\n    background: $BRIGHTTINT4;\r\n    .icon{\r\n        font-size:30px;\r\n        margin-right: 20px;\r\n    }\r\n    .message{\r\n        padding:0px;\r\n    }\r\n}\r\n.message {\r\n    padding: 2rem;\r\n    .message-text {\r\n        background: var(--primaryColour);\r\n        color: #fff;\r\n        padding: 1rem;\r\n        text-align: center;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./showSubmission.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./showSubmission.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./showSubmission.vue?vue&type=template&id=8255d0bc&scoped=true\"\nimport script from \"./showSubmission.vue?vue&type=script&lang=js\"\nexport * from \"./showSubmission.vue?vue&type=script&lang=js\"\nimport style0 from \"./showSubmission.vue?vue&type=style&index=0&id=8255d0bc&prod&lang=scss&scoped=true\"\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  \"8255d0bc\",\n  null\n  \n)\n\nexport default component.exports","const formatMoney = (amount, decimalCount = 2, decimal = '.', thousands = ',', currency = '£') => {\r\n    let absDecimalCount = Math.abs(decimalCount);\r\n    absDecimalCount = Number.isNaN(absDecimalCount) ? 2 : absDecimalCount;\r\n\r\n    const negativeSign = amount < 0 ? '-' : '';\r\n\r\n    // eslint-disable-next-line radix, no-param-reassign\r\n    const i = parseInt(amount = Math.abs(Number(amount) || 0).toFixed(absDecimalCount)).toString();\r\n    const j = (i.length > 3) ? i.length % 3 : 0;\r\n\r\n    return negativeSign + currency + (j ? i.substr(0, j) + thousands : '') + i.substr(j).replace(/(\\d{3})(?=\\d)/g, `$1${thousands}`) + (decimalCount ? decimal + Math.abs(amount - i).toFixed(decimalCount).slice(2) : '');\r\n};\r\n\r\nconst utils = {\r\n    formatMoney,\r\n};\r\nexport default utils;\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./formTile.vue?vue&type=style&index=0&id=72307e6e&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('helpModal',{attrs:{\"value\":_vm.countdownStarted,\"headerText\":\"Session expiring\"},on:{\"input\":_vm.stayLoggedIn},scopedSlots:_vm._u([{key:\"modal-body\",fn:function(){return [_c('div',{staticClass:\"p-4\"},[_vm._v(\"Your session will expire in \"),_c('strong',[_vm._v(_vm._s(_vm.countdown))]),_vm._v(\" seconds due to inactivity. Click below to remain logged in.\")]),_c('button',{staticClass:\"stayLoggedInBtn\",on:{\"click\":_vm.stayLoggedIn}},[_vm._v(\"Remain logged in\")])]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <helpModal :value=\"countdownStarted\" headerText=\"Session expiring\" @input=\"stayLoggedIn\">\r\n        <template v-slot:modal-body>\r\n            <div class=\"p-4\">Your session will expire in <strong>{{ countdown }}</strong> seconds due to inactivity. Click below to remain logged in.</div>\r\n            <button class=\"stayLoggedInBtn\" @click=\"stayLoggedIn\">Remain logged in</button>\r\n        </template>\r\n    </helpModal>\r\n</template>\r\n\r\n<script>\r\nimport helpModal from '@/components/layout/Modal.vue';\r\n\r\nexport default {\r\n    components: {\r\n        helpModal,\r\n    },\r\n    props: {\r\n        route: String,\r\n        unloadListener: null,\r\n    },\r\n    data () {\r\n        return {\r\n            countdown: 10,\r\n            interval: null,\r\n            countdownStarted: false,\r\n        };\r\n    },\r\n    beforeDestroy () {\r\n        if (this.interval) {\r\n            window.clearInterval(this.interval);\r\n        }\r\n    },\r\n    computed: {\r\n        isIdle () {\r\n            return this.isAppIdle;\r\n        },\r\n    },\r\n    methods: {\r\n        stayLoggedIn () {\r\n            this.countdownStarted = false;\r\n            window.clearInterval(this.interval);\r\n        },\r\n    },\r\n    watch: {\r\n        isIdle () {\r\n            if (this.isIdle) {\r\n                this.countdown = process.env.NODE_ENV === 'development' ? 120 : 30;\r\n                this.countdownStarted = true;\r\n                this.$emit('isIdle');\r\n                this.interval = window.setInterval(() => {\r\n                    if (this.countdown > 0) {\r\n                        this.countdown -= 1;\r\n                    }\r\n                    if (this.countdown === 5) {\r\n                        window.removeEventListener('beforeunload', this.unloadListener);\r\n                    }\r\n                    if (this.countdown === 0) {\r\n                        window.location.href = `${this.route}/?sessionExpired=true` || '/?sessionExpired=\"true';\r\n                    }\r\n                }, 1000);\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .stayLoggedInBtn{\r\n        margin: 0 10px 17px 10px;\r\n        background: $BRIGHT;\r\n        padding:10px;\r\n        border-radius: 6px;\r\n        display: block;\r\n        border: none;\r\n        cursor: pointer;\r\n        color: black;\r\n        &:hover{\r\n            background: $BRIGHTTINT1;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sessionExpiry.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sessionExpiry.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./sessionExpiry.vue?vue&type=template&id=8d542078&scoped=true\"\nimport script from \"./sessionExpiry.vue?vue&type=script&lang=js\"\nexport * from \"./sessionExpiry.vue?vue&type=script&lang=js\"\nimport style0 from \"./sessionExpiry.vue?vue&type=style&index=0&id=8d542078&prod&lang=scss&scoped=true\"\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  \"8d542078\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormsDisplayRow.vue?vue&type=style&index=0&id=59d13494&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebFormsHome.vue?vue&type=style&index=0&id=5325ce4d&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./showSubmission.vue?vue&type=style&index=0&id=8255d0bc&prod&lang=scss&scoped=true\""],"sourceRoot":""}