{"version":3,"sources":["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/views/submissions/showSubmission.vue?a151"],"names":["render","_vm","this","_c","_self","isSSQ","_e","staticClass","on","$event","logout","_v","loadingData","attrs","$store","state","clientConfig","colours","primary","message","_s","isRequiredRetirementPackFormsCompleted","_l","sortedFormList","form","key","formId","formType","submissionId","concat","staticRenderFns","loadingConfig","_m","formConfig","title","style","background","progress","color","status","formBasics","collection","directives","name","rawName","value","collectionRequiredText","expression","snippet","formStatus","$router","push","id","type","indexOf","_k","keyCode","formsTemplatesUrl","process","components","dynamicTemplate","props","Object","required","String","data","merges","created","_this","JSON","parse","formDetails","qString","$moment","format","config","axios","get","headers","then","response","computed","documentCount","completion","completedUploads","length","missingUploads","statusObject","formattedLTA","utils","formatMoney","ltaAmount","methods","routeToForm","path","params","test","component","publicCode","apiUrlPublic","formTile","pageLoader","sessionExpiry","currentData","submissionData","forms","$route","result","forEach","toUpperCase","formTypes","map","split","hasRetirementPack","includes","filter","every","_this2","sort","a","b","startsWith","updateSubmissionState","amount","decimalCount","arguments","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":"4GAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAGF,EAAII,MAAoJJ,EAAIK,KAAjJH,EAAG,MAAM,CAACI,YAAY,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,YAAY,CAACT,EAAIU,GAAG,WAAWR,EAAG,IAAI,CAACI,YAAY,mBAA4BJ,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAAEN,EAAIW,YAAaT,EAAG,aAAa,CAACU,MAAM,CAAC,YAAcZ,EAAIa,OAAOC,MAAMC,aAAaC,QAAQC,QAAQ,YAAc,0BAA0Bf,EAAG,MAAM,CAAkB,OAAhBF,EAAIkB,QAAkBhB,EAAG,MAAM,CAACI,YAAY,OAAO,CAACN,EAAIU,GAAG,uBAAuBV,EAAImB,GAAGnB,EAAIkB,SAAS,sBAAsBhB,EAAG,MAAM,CAACI,YAAY,OAAO,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,MAAM,CAACI,YAAY,OAAO,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,KAAK,CAACI,YAAY,uBAAuB,CAACN,EAAIU,GAAG,wFAAwFR,EAAG,MAAM,CAACI,YAAY,gBAAgBJ,EAAG,aAAa,CAACU,MAAM,CAAC,KAAO,SAAS,CAAEZ,EAAIoB,uCAAwClB,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACJ,EAAG,IAAI,CAACI,YAAY,yBAAyB,CAACJ,EAAG,OAAO,CAACI,YAAY,yCAAyC,CAACJ,EAAG,oBAAoB,CAACU,MAAM,CAAC,KAAO,CAAC,MAAO,kBAAkBZ,EAAIU,GAAG,qBAAqB,GAAGR,EAAG,MAAMF,EAAIU,GAAG,itBAAitBR,EAAG,MAAMA,EAAG,MAAMF,EAAIU,GAAG,oPAAoPV,EAAIK,OAAOL,EAAIqB,GAAIrB,EAAIsB,gBAAgB,SAASC,GAAM,OAAOrB,EAAG,MAAM,CAACsB,IAAID,EAAKE,OAAOnB,YAAY,aAAa,CAAEiB,EAAKG,SAAUxB,EAAG,WAAW,CAACU,MAAM,CAAC,aAAeZ,EAAI2B,aAAa,WAAaJ,KAAQvB,EAAIK,MAAM,OAAM,KAAKH,EAAG,iBAAiB,CAACU,MAAM,CAAC,MAAO,gBAAAgB,OAAiB5B,EAAI2B,kBAAmB,MAAM,QAEz/EE,EAAkB,G,mFCFlB9B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACI,YAAY,mCAAmC,CAAEN,EAAI8B,cAAe,CAAC9B,EAAI+B,GAAG,IAAI,CAAC7B,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACJ,EAAG,KAAK,CAACI,YAAY,MAAM,CAACN,EAAIU,GAAGV,EAAImB,GAAGnB,EAAIgC,WAAWC,UAAU/B,EAAG,OAAO,CAACI,YAAY,gBAAgB4B,MAAO,CAACC,WAAYnC,EAAIoC,SAASC,QAAS,CAACrC,EAAIU,GAAGV,EAAImB,GAAGnB,EAAIoC,SAASE,WAAYtC,EAAIuC,WAAWC,WAAYtC,EAAG,OAAO,CAACuC,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAK,4BAAAhB,OAA8B5B,EAAIuC,WAAWC,WAAU,gCAAAZ,OAA+B5B,EAAIuC,WAAWM,uBAAsB,KAAKC,WAAW,yHAAyHxC,YAAY,gBAAgB4B,MAAO,CAACC,WAAYnC,EAAIoC,SAASC,QAAS,CAACnC,EAAG,oBAAoB,CAACU,MAAM,CAAC,KAAO,CAAC,MAAO,kBAAkBZ,EAAIU,GAAG,IAAIV,EAAImB,GAAGnB,EAAIuC,WAAWC,YAAY,KAAKxC,EAAImB,GAAGnB,EAAIuC,WAAWM,0BAA0B,GAAG7C,EAAIK,OAAQL,EAAIgC,WAAWe,QAAS7C,EAAG,kBAAkB,CAACU,MAAM,CAAC,SAAU,MAAAgB,OAAO5B,EAAIgC,WAAWe,QAAO,WAAU/C,EAAIK,MAAM,GAAGH,EAAG,MAAM,CAACI,YAAY,sBAAsB,CAAgC,IAA9BN,EAAIuC,WAAWS,WAAkB9C,EAAG,MAAM,CAACI,YAAY,oDAAoDM,MAAM,CAAC,SAAW,IAAI,KAAO,OAAO,eAAe,SAASL,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIiD,QAAQC,KAAK,gBAADtB,OAAiB5B,EAAI2B,aAAY,UAAAC,OAAS5B,EAAIuC,WAAWY,MAAO,MAAQ,CAAC,SAAS3C,GAAQ,OAAIA,EAAO4C,KAAKC,QAAQ,QAAQrD,EAAIsD,GAAG9C,EAAO+C,QAAQ,QAAQ,GAAG/C,EAAOgB,IAAI,SAAgB,KAAYxB,EAAIiD,QAAQC,KAAK,gBAADtB,OAAiB5B,EAAI2B,aAAY,UAAAC,OAAS5B,EAAIuC,WAAWY,MAAO,SAAS3C,GAAQ,OAAIA,EAAO4C,KAAKC,QAAQ,QAAQrD,EAAIsD,GAAG9C,EAAO+C,QAAQ,QAAQ,GAAG/C,EAAOgB,IAAI,CAAC,IAAI,aAAoB,KAAYxB,EAAIiD,QAAQC,KAAK,gBAADtB,OAAiB5B,EAAI2B,aAAY,UAAAC,OAAS5B,EAAIuC,WAAWY,SAAU,CAACnD,EAAIU,GAAG,uDAAuDR,EAAG,OAAO,CAACI,YAAY,uBAAuBN,EAAIK,SAAS,IAE79DwB,EAAkB,CAAC,WAAY,IAAI7B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACI,YAAY,oBAAoB,CAACJ,EAAG,MAAM,CAACI,YAAY,WAAW,CAACN,EAAIU,GAAG,eAAeR,EAAG,MAAM,CAACI,YAAY,c,wBCyChMkD,EAAAC,kFAEe,GACff,KAAA,WACAgB,WAAA,CAAAC,wBACAC,MAAA,CACArB,WAAA,CACAa,KAAAS,OACAC,UAAA,GAEAnC,aAAA,CACAyB,KAAAW,OACAD,UAAA,IAGAE,KAAA,WACA,OACAhC,WAAA,GACAF,eAAA,EACAmC,OAAA,KAGAC,QAAA,eAAAC,EAAA,KACA,KAAArC,eAAA,EACA,KAAAmC,OAAAG,KAAAC,MAAA,KAAA9B,WAAA+B,aACA,IAAA5C,EAAA,KAAAa,WAAAb,SACA6C,EAAA,KAAAC,UAAAC,OAAA,gBACAC,EAAA,GAAA9C,OAAA4B,EAAA,KAAA5B,OAAAF,EAAA,YAAAE,OAAA2C,GACAI,IACAC,IAAAF,EAAA,CACAG,QAAA,CACA,qCAGAC,MAAA,SAAAC,GACAZ,EAAAnC,WAAA+C,EAAAf,KACAG,EAAArC,eAAA,MAGAkD,SAAA,CACAC,cAAA,WACA,kBAAArD,OAAA,KAAAW,WAAA2C,WAAAC,iBAAAC,OAAA,QAAAxD,OAAA,KAAAW,WAAA2C,WAAAC,iBAAAC,OAAA,KAAA7C,WAAA2C,WAAAG,eAAAD,OAAA,wBAEAhD,SAAA,WACA,IAAAkD,EAAA,GACA,YAAA/C,WAAAS,YACA,OACAsC,EAAA,CAAAhD,OAAA,cAAAD,MAAA,WACA,MACA,OACAiD,EAAA,CAAAhD,OAAA,aAAAD,MAAA,WACA,MACA,OACAiD,EAAA,CAAAhD,OAAA,WAAAD,MAAA,WACA,MACA,QACAiD,EAAA,CAAAhD,OAAA,cAAAD,MAAA,WAEA,OAAAiD,GAEAC,aAAA,WACA,OAAAC,OAAAC,YAAA,KAAAxB,OAAAyB,aAIAC,QAAA,CACAC,YAAA,WACA,KAAA3C,QAAAC,KAAA,CAAA2C,KAAA,OAAAC,OAAA,CAAAC,KAAA,gBC9GgW,I,wBCQ5VC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,4CCkDfC,EAAAxC,2DACAyC,EAAAzC,uCAEe,GACfC,WAAA,CAAAyC,WAAAC,kBAAAC,sBACArC,KAAA,WACA,OACArC,aAAA,KACAT,QAAA,KACAP,aAAA,EACA2F,YAAA,GACAC,eAAA,CACAC,MAAA,MAKAtC,QAAA,eAAAC,EAAA,KACA,KAAAxC,aAAA,KAAA8E,OAAAX,OAAAnE,aACA,KAAAhB,aAAA,EACAgE,IAAAC,IAAA,GAAAhD,OAAAsE,EAAA,iBAAAtE,OAAA,KAAAD,aAAA,UAAAC,OAAAqE,IAAAnB,MAAA,SAAA4B,GACAA,EAAA1C,KAAAoB,OAAA,GACAjB,EAAAoC,eAAAC,MAAAE,EAAA1C,KACAG,EAAAoC,eAAAC,MAAAG,SAAA,SAAA/D,GACAA,EAAAsC,WAAAd,KAAAC,MAAAzB,EAAAsC,eAEAf,EAAAxD,aAAA,IAEAwD,EAAAjD,QAAA,4BAAAU,OAAAuC,EAAAxC,aAAAiF,eACAzC,EAAAxD,aAAA,OAIAqE,SAAA,CACA6B,UAAA,WAEA,YAAAN,eAAAC,MAAAM,KAAA,SAAAvF,GAAA,OAAAA,EAAAG,SAAAqF,MAAA,YAEAC,kBAAA,WAEA,YAAAH,UAAAI,SAAA,2BAAAJ,UAAAI,SAAA,2BAAAJ,UAAAI,SAAA,2CAAAJ,UAAAI,SAAA,sBAEA7F,uCAAA,WAEA,YAAA4F,mBAAA,KAAAT,eAAAC,MAAAU,QAAA,SAAA3F,GAAA,4BAAAA,EAAAG,SAAAqF,MAAA,+BAAAxF,EAAAG,SAAAqF,MAAA,+BAAAxF,EAAAG,SAAAqF,MAAA,WAAAI,OAAA,SAAA5F,GAAA,WAAAA,EAAAyB,eAEA1B,eAAA,eAAA8F,EAAA,KAEA,YAAAb,eAAAC,MAAAa,MAAA,SAAAC,EAAAC,GAAA,OAAAD,EAAAtE,WAAAuE,EAAAvE,cAAA8D,KAAA,SAAAvF,GACA,IAAAG,EAAAH,EAAAG,SAAAqF,MAAA,QAYA,OAXAK,EAAAJ,mBAAAI,EAAAP,UAAAI,SAAAvF,IACAH,EAAAiB,WAAA,kBAEAjB,EAAAsB,uBADA,sCAAAnB,EACA,WAEA,aAGAH,EAAAiB,WAAA,KACAjB,EAAAsB,uBAAA,MAEAtB,MAGAnB,MAAA,WACA,YAAAuB,aAAA6F,WAAA,UAGA7B,QAAA,CACAlF,OAAA,WACAgH,OAAAhH,SACA,KAAAwC,QAAAC,KAAA,+BC5IsW,ICQlW,G,UAAY,eACd,EACAnD,EACA8B,GACA,EACA,KACA,WACA,OAIa,e,gHCnBT4D,EAAc,SAACiC,GAA6E,IAArEC,EAAYC,UAAAxC,OAAA,QAAAyC,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAAGE,EAAOF,UAAAxC,OAAA,QAAAyC,IAAAD,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAASH,UAAAxC,OAAA,QAAAyC,IAAAD,UAAA,GAAAA,UAAA,GAAG,IAAKI,EAAQJ,UAAAxC,OAAA,QAAAyC,IAAAD,UAAA,GAAAA,UAAA,GAAG,IAClFK,EAAkBC,KAAKC,IAAIR,GAC/BM,EAAkBG,OAAOC,MAAMJ,GAAmB,EAAIA,EAEtD,IAAMK,EAAeZ,EAAS,EAAI,IAAM,GAGlCa,EAAIC,SAASd,EAASQ,KAAKC,IAAIC,OAAOV,IAAW,GAAGe,QAAQR,IAAkBS,WAC9EC,EAAKJ,EAAEnD,OAAS,EAAKmD,EAAEnD,OAAS,EAAI,EAE1C,OAAOkD,EAAeN,GAAYW,EAAIJ,EAAEK,OAAO,EAAGD,GAAKZ,EAAY,IAAMQ,EAAEK,OAAOD,GAAGE,QAAQ,iBAAkB,KAAFjH,OAAOmG,KAAgBJ,EAAeG,EAAUI,KAAKC,IAAIT,EAASa,GAAGE,QAAQd,GAAcmB,MAAM,GAAK,KAGjNtD,EAAQ,CACVC,eAEWD,U,6DChBf,W,kCCAA,IAAIzF,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACU,MAAM,CAAC,MAAQZ,EAAI+I,iBAAiB,WAAa,oBAAoBxI,GAAG,CAAC,MAAQP,EAAIgJ,cAAcC,YAAYjJ,EAAIkJ,GAAG,CAAC,CAAC1H,IAAI,aAAa2H,GAAG,WAAW,MAAO,CAACjJ,EAAG,MAAM,CAACI,YAAY,OAAO,CAACN,EAAIU,GAAG,gCAAgCR,EAAG,SAAS,CAACF,EAAIU,GAAGV,EAAImB,GAAGnB,EAAIoJ,cAAcpJ,EAAIU,GAAG,kEAAkER,EAAG,SAAS,CAACI,YAAY,kBAAkBC,GAAG,CAAC,MAAQP,EAAIgJ,eAAe,CAAChJ,EAAIU,GAAG,wBAAwB2I,OAAM,QAEzhBxH,EAAkB,G,YCUP,GACf6B,WAAA,CACA4F,kBAEA1F,MAAA,CACA2F,MAAAxF,OACAyF,eAAA,MAEAxF,KAAA,WACA,OACAoF,UAAA,GACAK,SAAA,KACAV,kBAAA,IAGAW,cAAA,WACA,KAAAD,UACAE,OAAAC,cAAA,KAAAH,WAGAzE,SAAA,CACA6E,OAAA,WACA,YAAAC,YAGAnE,QAAA,CACAqD,aAAA,WACA,KAAAD,kBAAA,EACAY,OAAAC,cAAA,KAAAH,YAGAM,MAAA,CACAF,OAAA,eAAA1F,EAAA,KACA,KAAA0F,SACA,KAAAT,UAAA,GACA,KAAAL,kBAAA,EACA,KAAAiB,MAAA,UACA,KAAAP,SAAAE,OAAAM,aAAA,WACA9F,EAAAiF,UAAA,IACAjF,EAAAiF,WAAA,GAEA,IAAAjF,EAAAiF,WACAO,OAAAO,oBAAA,eAAA/F,EAAAqF,gBAEA,IAAArF,EAAAiF,YACAO,OAAAQ,SAAAC,KAAA,GAAAxI,OAAAuC,EAAAoF,MAAA,gCAEA,SC3DqW,I,wBCQjWvD,EAAY,eACd,EACAjG,EACA8B,GACA,EACA,KACA,WACA,MAIa,OAAAmE,E,kECnBf","file":"js/Submission.6f46f68f.js","sourcesContent":["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!./showSubmission.vue?vue&type=style&index=0&id=8255d0bc&prod&lang=scss&scoped=true\""],"sourceRoot":""}