{"version":3,"sources":["webpack:///./src/views/Payslips.vue","webpack:///./src/components/inputs/payslipsByPostPreference.vue","webpack:///./src/components/inputs/payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue","webpack:///src/components/inputs/payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue","webpack:///./src/components/inputs/payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue?ece8","webpack:///./src/components/inputs/payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue?9b67","webpack:///./src/components/inputs/payslipsByPostPreferenceOptOutOfPostalPayslips.vue","webpack:///src/components/inputs/payslipsByPostPreferenceOptOutOfPostalPayslips.vue","webpack:///./src/components/inputs/payslipsByPostPreferenceOptOutOfPostalPayslips.vue?eccb","webpack:///./src/components/inputs/payslipsByPostPreferenceOptOutOfPostalPayslips.vue?95e4","webpack:///src/components/inputs/payslipsByPostPreference.vue","webpack:///./src/components/inputs/payslipsByPostPreference.vue?82d6","webpack:///./src/components/inputs/payslipsByPostPreference.vue?ec69","webpack:///./src/components/payslips/PayslipsGrouped.vue","webpack:///src/components/payslips/PayslipsGrouped.vue","webpack:///./src/components/payslips/PayslipsGrouped.vue?1e7c","webpack:///./src/components/payslips/PayslipsGrouped.vue?d015","webpack:///./src/components/payslips/PayslipsUngrouped.vue","webpack:///src/components/payslips/PayslipsUngrouped.vue","webpack:///./src/components/payslips/PayslipsUngrouped.vue?dd6e","webpack:///./src/components/payslips/PayslipsUngrouped.vue?2393","webpack:///src/views/Payslips.vue","webpack:///./src/views/Payslips.vue?6878","webpack:///./src/views/Payslips.vue?6873","webpack:///./src/assets/mixins/utils.js","webpack:///./src/views/Payslips.vue?2f1b","webpack:///./src/components/payslips/PayslipsGrouped.vue?e733","webpack:///./src/components/payslips/PayslipsUngrouped.vue?4e29"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_m","dashboardData","directives","name","rawName","value","selectedPayslip","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","_l","payslips","payslip","index","key","date","domProps","_s","getOptionValue","_e","selectedPayslipData","ref","hasUngroupedPayslips","printingPayslip","printPayslip","isAutomaticAltusPayslipUpdatesEnabled","isOptOutOfPostalPayslipsEnabled","staticRenderFns","staticStyle","model","payslipsCheckboxValue","callback","$$v","slot","responseMessage","class","success","message","receiveOnlinePayslips","submitUpdatePostPreferences","props","type","Boolean","default","data","computed","$store","state","ui","basicData","watch","handler","immediate","methods","_this","apiUrl","process","payload","optOutOfPostalPayslips","axios","put","concat","then","response","dispatch","_error","component","submitOptOutOfPostalPayslips","components","payslipsByPostPreferenceAutomaticAltusPayslipUpdates","payslipsByPostPreferenceOptOutOfPostalPayslips","getServicePeriodId","Name","SchemeName","clientConfig","directoryUrl","schemeName","TaxCode","Date","Day","Month","Year","Period","formatMoney","TotalPayments","Payments","payment","Description","length","Amount","TotalDeductions","Deductions","NetPay","GrossTaxabaleYTD","TaxPaidYTD","Object","required","utils","PayslipClientReference","PayslipMemberId","senderInformation","recipientInformation","info","payslipDetails","payslipDetail","label","payments","i","subPayments","totalPayments","subDeductions","totalDeductions","netPay","yearToDate","pascalCaseToString","pascalCase","replace","trim","amount","formatPayment","hasOwnProperty","formatPayslipData","formatted","forEach","item","push","SubPayments","TaxablePayYTD","_this2","fields","field","servicePeriodId","PayslipsGrouped","PayslipsUngrouped","payslipsByPostPreference","html2pdf","mounted","JSON","parse","net","printOptions","margin","filename","image","quality","html2canvas","dpi","scale","letterRendering","useCORS","onrendered","canvas","ctx","getContext","webkitImageSmoothingEnabled","mozImageSmoothingEnabled","imageSmoothingEnabled","jsPDF","unit","format","orientation","pagebreak","mode","refdoc","$refs","innerHTML","from","set","save","IsUngroupedData","_toConsumableArray","sort","a","b","moment","deep","decimalCount","arguments","undefined","decimal","thousands","currency","absDecimalCount","Math","abs","Number","isNaN","negativeSign","parseInt","toFixed","toString","j","substr","slice"],"mappings":"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","file":"js/Payslips.3919962c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[_c('div',{staticClass:\"additional-info container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 ml-auto mr-auto\"},[_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(\" /\\n                    payslips\\n                \")],1),_c('div',{staticClass:\"rounded p-4 option\"},[_vm._m(0),_vm._m(1),(_vm.dashboardData)?_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedPayslip),expression:\"selectedPayslip\"}],staticClass:\"form-control theme-input\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedPayslip=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.payslips),function(payslip,index){return _c('option',{key:payslip.date + index,domProps:{\"value\":payslip}},[_vm._v(_vm._s(_vm.getOptionValue(payslip)))])}),0):_vm._e(),_c('div',{staticClass:\"divider\"}),_c('Transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.selectedPayslipData)?_c('div',{ref:\"payslip\"},[(_vm.hasUngroupedPayslips)?_c('PayslipsUngrouped',{attrs:{\"selectedPayslipData\":_vm.selectedPayslipData}}):_c('PayslipsGrouped',{attrs:{\"selectedPayslipData\":_vm.selectedPayslipData}})],1):_c('div',[_c('p',[_vm._v(\"No payslips available\")])])]),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.printingPayslip)?_c('div',{staticClass:\"button-outline-rounded small mt-4\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-label\":\"Download payslip\"},on:{\"click\":_vm.printPayslip}},[_vm._v(\"\\n                            Download PDF of this payslip\\n                            \"),_c('span',{staticClass:\"icon-download\"})]):_vm._e(),(_vm.printingPayslip)?_c('div',[_vm._v(\"Printing please wait ... \")]):_vm._e()]),_c('div',[(_vm.isAutomaticAltusPayslipUpdatesEnabled || _vm.isOptOutOfPostalPayslipsEnabled)?_c('payslipsByPostPreference',{attrs:{\"isAutomaticAltusPayslipUpdatesEnabled\":_vm.isAutomaticAltusPayslipUpdatesEnabled,\"isOptOutOfPostalPayslipsEnabled\":_vm.isOptOutOfPostalPayslipsEnabled}}):_vm._e()],1)],1)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-layers option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n                        Payslips\\n                        \"),_c('div',{staticClass:\"divider\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{staticClass:\"h5 mb-3 mt-3\"},[_vm._v(\"Payslip by post\")]),(_vm.isAutomaticAltusPayslipUpdatesEnabled)?_c('payslipsByPostPreferenceAutomaticAltusPayslipUpdates'):(_vm.isOptOutOfPostalPayslipsEnabled)?_c('payslipsByPostPreferenceOptOutOfPostalPayslips'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('p',[_vm._v(\"\\n        If you would like to also receive a copy of your payslip in the post when your monthly net pay changes by more than £1, then please check this\\n        box.\\n        \"),_c('p-check',{staticClass:\"p-svg p-curve ml-2\",staticStyle:{\"line-height\":\"14px\"},attrs:{\"color\":\"success\"},model:{value:(_vm.payslipsCheckboxValue),callback:function ($$v) {_vm.payslipsCheckboxValue=$$v},expression:\"payslipsCheckboxValue\"}},[_c('svg',{staticClass:\"svg svg-icon\",staticStyle:{\"font-size\":\"14px\"},attrs:{\"slot\":\"extra\",\"viewBox\":\"0 0 20 20\"},slot:\"extra\"},[_c('path',{staticStyle:{\"stroke\":\"white\",\"fill\":\"white\"},attrs:{\"d\":\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\"}})])])],1),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.responseMessage)?_c('div',{staticClass:\"mb-2\",class:_vm.responseMessage.success ? 'success-messages' : 'error-messages'},[_vm._v(\"\\n            \"+_vm._s(_vm.responseMessage.message)+\"\\n        \")]):_vm._e()]),(_vm.receiveOnlinePayslips !== null && _vm.receiveOnlinePayslips !== _vm.payslipsCheckboxValue)?_c('button',{staticClass:\"button-outline-rounded small text-center view-all\",on:{\"click\":_vm.submitUpdatePostPreferences}},[_vm._v(\"\\n        Confirm change\\n    \")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <p>\r\n            If you would like to also receive a copy of your payslip in the post when your monthly net pay changes by more than £1, then please check this\r\n            box.\r\n            <p-check class=\"p-svg p-curve ml-2\" color=\"success\" v-model=\"payslipsCheckboxValue\" style=\"line-height: 14px\">\r\n                <svg slot=\"extra\" class=\"svg svg-icon\" viewBox=\"0 0 20 20\" style=\"font-size: 14px\">\r\n                    <path\r\n                        d=\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\"\r\n                        style=\"stroke: white; fill: white\"\r\n                    ></path>\r\n                </svg>\r\n            </p-check>\r\n        </p>\r\n        <transition name=\"fade\">\r\n            <div v-if=\"responseMessage\" :class=\"responseMessage.success ? 'success-messages' : 'error-messages'\" class=\"mb-2\">\r\n                {{ responseMessage.message }}\r\n            </div>\r\n        </transition>\r\n        <button\r\n            class=\"button-outline-rounded small text-center view-all\"\r\n            v-if=\"receiveOnlinePayslips !== null && receiveOnlinePayslips !== payslipsCheckboxValue\"\r\n            @click=\"submitUpdatePostPreferences\">\r\n            Confirm change\r\n        </button>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\n\r\nexport default {\r\n    name: 'payslips-by-post-preference-automatic-altus-payslip-updates',\r\n    props: {\r\n        isAutomaticAltusPayslipUpdatesEnabled: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data () {\r\n        return {\r\n            responseMessage: null,\r\n            payslipsCheckboxValue: false,\r\n        };\r\n    },\r\n    computed: {\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n\r\n        receiveOnlinePayslips () {\r\n            if (!this.dashboardData) return null;\r\n            if (!this.dashboardData.basicData) return null;\r\n            return this.dashboardData.basicData.receiveOnlinePayslips;\r\n        },\r\n\r\n    },\r\n    watch: {\r\n        receiveOnlinePayslips: {\r\n            handler () {\r\n                this.payslipsCheckboxValue = this.receiveOnlinePayslips;\r\n            },\r\n            immediate: true,\r\n        },\r\n    },\r\n    methods: {\r\n\r\n        submitUpdatePostPreferences () {\r\n            this.responseMessage = null;\r\n\r\n            const apiUrl = process.env.VUE_APP_APIADDRESS;\r\n\r\n            const payload = {\r\n                optOutOfPostalPayslips: this.payslipsCheckboxValue,\r\n\r\n            };\r\n\r\n            try {\r\n                axios.put(`${apiUrl}/updatePayrollConfiguration`, payload).then((response) => {\r\n                    this.responseMessage = response.data;\r\n                    if (response.data.success) {\r\n                        this.$store.dispatch('updatePayslipsByPostPreference', this.payslipsCheckboxValue);\r\n                    }\r\n                });\r\n            } catch (_error) {\r\n                this.responseMessage = {\r\n                    success: false,\r\n                    message: 'An error occurred. Please try again later.',\r\n                };\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\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!./payslipsByPostPreferenceAutomaticAltusPayslipUpdates.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!./payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue?vue&type=template&id=f6afe49e\"\nimport script from \"./payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue?vue&type=script&lang=js\"\nexport * from \"./payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('p',[(_vm.optOutOfPostalPayslips)?[_vm._v(\"\\n            You have opted out of receiving a copy of your payslip in the post, if you would like to receive a copy of your payslip in the post, then please uncheck this box.\\n        \")]:[_vm._v(\"\\n            If you no longer require a copy of your payslip in the post, then please check this box.\\n        \")],_c('p-check',{staticClass:\"p-svg p-curve ml-2\",staticStyle:{\"line-height\":\"14px\"},attrs:{\"color\":\"success\"},model:{value:(_vm.payslipsCheckboxValue),callback:function ($$v) {_vm.payslipsCheckboxValue=$$v},expression:\"payslipsCheckboxValue\"}},[_c('svg',{staticClass:\"svg svg-icon\",staticStyle:{\"font-size\":\"14px\"},attrs:{\"slot\":\"extra\",\"viewBox\":\"0 0 20 20\"},slot:\"extra\"},[_c('path',{staticStyle:{\"stroke\":\"white\",\"fill\":\"white\"},attrs:{\"d\":\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\"}})])])],2),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.responseMessage)?_c('div',{staticClass:\"mb-2\",class:_vm.responseMessage.success ? 'success-messages' : 'error-messages'},[_vm._v(\"\\n            \"+_vm._s(_vm.responseMessage.message)+\"\\n        \")]):_vm._e()]),(_vm.optOutOfPostalPayslips !== null && _vm.optOutOfPostalPayslips !== _vm.payslipsCheckboxValue)?_c('button',{staticClass:\"button-outline-rounded small text-center view-all\",on:{\"click\":_vm.submitOptOutOfPostalPayslips}},[_vm._v(\"\\n        Confirm change\\n    \")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <p>\r\n            <template v-if=\"optOutOfPostalPayslips\">\r\n                You have opted out of receiving a copy of your payslip in the post, if you would like to receive a copy of your payslip in the post, then please uncheck this box.\r\n            </template>\r\n            <template v-else>\r\n                If you no longer require a copy of your payslip in the post, then please check this box.\r\n            </template>\r\n            <p-check class=\"p-svg p-curve ml-2\" color=\"success\" v-model=\"payslipsCheckboxValue\" style=\"line-height: 14px\">\r\n                <svg slot=\"extra\" class=\"svg svg-icon\" viewBox=\"0 0 20 20\" style=\"font-size: 14px\">\r\n                    <path\r\n                        d=\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\"\r\n                        style=\"stroke: white; fill: white\"\r\n                    ></path>\r\n                </svg>\r\n            </p-check>\r\n        </p>\r\n        <transition name=\"fade\">\r\n            <div v-if=\"responseMessage\" :class=\"responseMessage.success ? 'success-messages' : 'error-messages'\" class=\"mb-2\">\r\n                {{ responseMessage.message }}\r\n            </div>\r\n        </transition>\r\n\r\n        <button\r\n            class=\"button-outline-rounded small text-center view-all\"\r\n            v-if=\"optOutOfPostalPayslips !== null && optOutOfPostalPayslips !== payslipsCheckboxValue\"\r\n            @click=\"submitOptOutOfPostalPayslips\"\r\n        >\r\n            Confirm change\r\n        </button>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\n\r\nexport default {\r\n    name: 'payslips-by-post-preference-opt-out-of-postal-payslips',\r\n    props: { },\r\n    data () {\r\n        return {\r\n            responseMessage: null,\r\n            payslipsCheckboxValue: false,\r\n        };\r\n    },\r\n    computed: {\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n\r\n\r\n        optOutOfPostalPayslips () {\r\n            if (!this.dashboardData) return null;\r\n            if (!this.dashboardData.basicData) return null;\r\n            return this.dashboardData.basicData.optOutOfPostalPayslips;\r\n        },\r\n    },\r\n    watch: {\r\n        optOutOfPostalPayslips: {\r\n            handler () {\r\n                this.payslipsCheckboxValue = this.optOutOfPostalPayslips;\r\n            },\r\n            immediate: true,\r\n        },\r\n    },\r\n    methods: {\r\n        submitOptOutOfPostalPayslips () {\r\n            this.responseMessage = null;\r\n\r\n            const apiUrl = process.env.VUE_APP_APIADDRESS;\r\n            const payload = {\r\n                optOutOfPostalPayslips: this.payslipsCheckboxValue,\r\n            };\r\n\r\n            try {\r\n                axios.put(`${apiUrl}/updateOptOutOfPostalPayslips `, payload).then((response) => {\r\n                    this.responseMessage = response.data;\r\n                    if (response.data.success) {\r\n                        this.$store.dispatch('updateOptOutOfPostalPayslipsPreference', this.payslipsCheckboxValue);\r\n                    }\r\n                });\r\n            } catch (_error) {\r\n                this.responseMessage = {\r\n                    success: false,\r\n                    message: 'An error occurred. Please try again later.',\r\n                };\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\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!./payslipsByPostPreferenceOptOutOfPostalPayslips.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!./payslipsByPostPreferenceOptOutOfPostalPayslips.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./payslipsByPostPreferenceOptOutOfPostalPayslips.vue?vue&type=template&id=c6fa337e\"\nimport script from \"./payslipsByPostPreferenceOptOutOfPostalPayslips.vue?vue&type=script&lang=js\"\nexport * from \"./payslipsByPostPreferenceOptOutOfPostalPayslips.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <h3 class=\"h5 mb-3 mt-3\">Payslip by post</h3>\r\n        <payslipsByPostPreferenceAutomaticAltusPayslipUpdates v-if=\"isAutomaticAltusPayslipUpdatesEnabled\" />\r\n        <payslipsByPostPreferenceOptOutOfPostalPayslips v-else-if=\"isOptOutOfPostalPayslipsEnabled\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport payslipsByPostPreferenceAutomaticAltusPayslipUpdates from '@/components/inputs/payslipsByPostPreferenceAutomaticAltusPayslipUpdates.vue';\r\nimport payslipsByPostPreferenceOptOutOfPostalPayslips from '@/components/inputs/payslipsByPostPreferenceOptOutOfPostalPayslips.vue';\r\n\r\nexport default {\r\n    name: 'payslips-by-post-preference',\r\n    props: {\r\n        isAutomaticAltusPayslipUpdatesEnabled: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        isOptOutOfPostalPayslipsEnabled: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    components: {\r\n        payslipsByPostPreferenceAutomaticAltusPayslipUpdates,\r\n        payslipsByPostPreferenceOptOutOfPostalPayslips,\r\n    },\r\n\r\n};\r\n</script>\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!./payslipsByPostPreference.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!./payslipsByPostPreference.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./payslipsByPostPreference.vue?vue&type=template&id=a8df9276\"\nimport script from \"./payslipsByPostPreference.vue?vue&type=script&lang=js\"\nexport * from \"./payslipsByPostPreference.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.selectedPayslipData)?_c('div',{staticClass:\"payslip rounded\"},[_c('div',{staticClass:\"header px-4 py-2 mb-2\"},[_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.getServicePeriodId)+\" - \"),_c('b',[_vm._v(_vm._s(_vm.selectedPayslipData.Name))]),_vm._v(\" - \"+_vm._s(_vm.selectedPayslipData.SchemeName)+\" \")]),_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":`${_vm.clientConfig.directoryUrl}/img/logo.png`,\"alt\":_vm.clientConfig.schemeName}})])]),_c('div',{staticClass:\"body p-4\"},[_c('div',{staticClass:\"details mb-4 pb-2\"},[_c('span',[_c('b',[_vm._v(\"Tax code:\")]),_vm._v(\" \"+_vm._s(_vm.selectedPayslipData.TaxCode))]),_c('span',[_c('b',[_vm._v(\"Date:\")]),_vm._v(\" \"+_vm._s(_vm.selectedPayslipData.Date.Day)+\"/\"+_vm._s(_vm.selectedPayslipData.Date.Month)+\"/\"+_vm._s(_vm.selectedPayslipData.Date.Year))]),_c('span',[_c('b',[_vm._v(\"Period:\")]),_vm._v(\" \"+_vm._s(_vm.selectedPayslipData.Period))])]),_c('div',{staticClass:\"breakdown\"},[_c('h3',{staticClass:\"px-2\"},[_vm._v(\"Current period\")]),_c('div',{staticClass:\"periods\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Payments\")]),_c('div',{staticClass:\"period highlight\"},[_vm._v(_vm._s(_vm.formatMoney(_vm.selectedPayslipData.TotalPayments)))])]),_c('div',{staticClass:\"payments\"},_vm._l((_vm.selectedPayslipData.Payments),function(payment,index){return _c('div',{key:payment.Description,staticClass:\"payment\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"\\n                            \"+_vm._s(payment.Description)+\"\\n                        \")]),_c('div',{staticClass:\"amount highlight\",class:{ 'lastOne': index === (_vm.selectedPayslipData.Payments.length - 1) }},[_vm._v(\"\\n                            \"+_vm._s(_vm.formatMoney(payment.Amount))+\"\\n                        \")])])}),0),_c('div',{staticClass:\"periods\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Deductions\")]),_c('div',{staticClass:\"period highlight\"},[_vm._v(_vm._s(_vm.formatMoney(_vm.selectedPayslipData.TotalDeductions)))])]),_c('div',{staticClass:\"deductions\"},_vm._l((_vm.selectedPayslipData.Deductions),function(payment,index){return _c('div',{key:payment.Description,staticClass:\"payment\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"\\n                            \"+_vm._s(payment.Description)+\"\\n                        \")]),_c('div',{staticClass:\"amount highlight\",class:{ 'lastOne': index === (_vm.selectedPayslipData.Deductions.length - 1) }},[_vm._v(\"\\n                            \"+_vm._s(_vm.formatMoney(payment.Amount))+\"\\n                        \")])])}),0),_c('div',{staticClass:\"periods\",staticStyle:{\"border-top\":\"1px solid var(--primaryColour)\"}},[_c('div',{staticClass:\"label right\"},[_vm._v(\"Net pay\")]),_c('div',{staticClass:\"period highlight focus\"},[_vm._v(\" \"+_vm._s(_vm.formatMoney(_vm.selectedPayslipData.NetPay))+\" \")])])])]),_c('div',{staticClass:\"body p-4 mt-3\"},[_c('div',{staticClass:\"breakdown\"},[_c('h3',{staticClass:\"px-2\"},[_vm._v(\"Year to date\")]),_vm._m(0),_c('div',{staticClass:\"payments\"},[_c('div',{staticClass:\"payment\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"\\n                            Taxable income this year\\n                        \")]),_c('div',{staticClass:\"amount highlight focus\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.formatMoney(_vm.selectedPayslipData.GrossTaxabaleYTD))+\"\\n                        \")])]),_c('div',{staticClass:\"payment\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"\\n                            Tax paid this year\\n                        \")]),_c('div',{staticClass:\"amount highlight focus\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.formatMoney(_vm.selectedPayslipData.TaxPaidYTD))+\"\\n                        \")])])])])])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"periods\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Description\")]),_c('div',{staticClass:\"period highlight\"},[_vm._v(\"Amount (£)\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"payslip rounded\" v-if=\"selectedPayslipData\">\r\n            <div class=\"header px-4 py-2 mb-2\">\r\n                <div class=\"details\">{{ getServicePeriodId }} - <b>{{ selectedPayslipData.Name }}</b> - {{ selectedPayslipData.SchemeName }} </div>\r\n                <div class=\"logo\">\r\n                    <img :src=\"`${clientConfig.directoryUrl}/img/logo.png`\" :alt=\"clientConfig.schemeName\" />\r\n                </div>\r\n            </div>\r\n            <div class=\"body p-4\">\r\n                <div class=\"details mb-4 pb-2\">\r\n                    <span> <b>Tax code:</b> {{ selectedPayslipData.TaxCode }}</span>\r\n                    <span> <b>Date:</b> {{ selectedPayslipData.Date.Day }}/{{ selectedPayslipData.Date.Month }}/{{ selectedPayslipData.Date.Year }}</span>\r\n                    <span> <b>Period:</b> {{ selectedPayslipData.Period }}</span>\r\n                </div>\r\n                <div class=\"breakdown\">\r\n                    <h3 class=\"px-2\">Current period</h3>\r\n                    <div class=\"periods\">\r\n                        <div class=\"label\">Payments</div>\r\n                        <div class=\"period highlight\">{{ formatMoney(selectedPayslipData.TotalPayments) }}</div>\r\n                    </div>\r\n                    <div class=\"payments\">\r\n                        <div class=\"payment\" v-for=\"(payment, index) in selectedPayslipData.Payments\" :key=\"payment.Description\">\r\n                            <div class=\"description\">\r\n                                {{ payment.Description }}\r\n                            </div>\r\n                            <div class=\"amount highlight\" :class=\"{ 'lastOne': index === (selectedPayslipData.Payments.length - 1) }\">\r\n                                {{ formatMoney(payment.Amount) }}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"periods\">\r\n                        <div class=\"label\">Deductions</div>\r\n                        <div class=\"period highlight\">{{ formatMoney(selectedPayslipData.TotalDeductions) }}</div>\r\n                    </div>\r\n                    <div class=\"deductions\">\r\n                        <div class=\"payment\" v-for=\"(payment, index) in selectedPayslipData.Deductions\" :key=\"payment.Description\">\r\n                            <div class=\"description\">\r\n                                {{ payment.Description }}\r\n                            </div>\r\n                            <div class=\"amount highlight\" :class=\"{ 'lastOne': index === (selectedPayslipData.Deductions.length - 1) }\">\r\n                                {{ formatMoney(payment.Amount) }}\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"periods\" style=\"border-top:1px solid var(--primaryColour)\">\r\n                        <div class=\"label right\">Net pay</div>\r\n                        <div class=\"period highlight focus\"> {{ formatMoney(selectedPayslipData.NetPay) }} </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"body p-4 mt-3\">\r\n                <div class=\"breakdown\">\r\n                    <h3 class=\"px-2\">Year to date</h3>\r\n                    <div class=\"periods\">\r\n                        <div class=\"label\">Description</div>\r\n                        <div class=\"period highlight\">Amount (£)</div>\r\n                    </div>\r\n                    <div class=\"payments\">\r\n                        <div class=\"payment\">\r\n                            <div class=\"description\">\r\n                                Taxable income this year\r\n                            </div>\r\n                            <div class=\"amount highlight focus\">\r\n                                {{ formatMoney(selectedPayslipData.GrossTaxabaleYTD) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"payment\">\r\n                            <div class=\"description  \">\r\n                                Tax paid this year\r\n                            </div>\r\n                            <div class=\"amount highlight focus\">\r\n                                {{ formatMoney(selectedPayslipData.TaxPaidYTD) }}\r\n                            </div>\r\n\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 utils from '@/assets/mixins/utils';\r\n\r\nexport default {\r\n    props: {\r\n        selectedPayslipData: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n    },\r\n    methods: {\r\n        formatMoney (value) {\r\n            return utils.formatMoney(value);\r\n        },\r\n    },\r\n    computed: {\r\n        clientConfig () {\r\n            return this.$store.state.clientConfig;\r\n        },\r\n        getServicePeriodId () {\r\n            if (this.selectedPayslipData.PayslipClientReference) {\r\n                return this.selectedPayslipData.PayslipClientReference;\r\n            }\r\n            return this.selectedPayslipData.PayslipMemberId;\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\r\n.payslip {\r\n    background: white;\r\n\r\n    .header {\r\n        background: var(--primaryColour);\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        color: var(--navFont);\r\n        align-items: center;\r\n\r\n        .logo {\r\n            img {\r\n                max-height: 60px;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    }\r\n\r\n    .body {\r\n        .details {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 5px;\r\n        }\r\n\r\n        .breakdown {\r\n            .highlight {\r\n                background: var(--greyColour);\r\n\r\n                @include responsive(\"xs\") {\r\n                    background-color: white;\r\n                }\r\n            }\r\n\r\n            .focus {\r\n                font-size: 20px;\r\n                font-weight: bold;\r\n                line-height: 16px;\r\n            }\r\n\r\n            .periods {\r\n                display: flex;\r\n                align-items: center;\r\n                font-weight: bold;\r\n                border-bottom: 1px solid var(--primaryColour);\r\n\r\n                .label {\r\n                    text-align: left;\r\n                    flex-grow: 1;\r\n                    padding: 10px;\r\n\r\n                    &.right {\r\n                        text-align: right;\r\n                        ;\r\n                    }\r\n                }\r\n\r\n                .period {\r\n                    width: 160px;\r\n                    text-align: right;\r\n                    padding: 10px;\r\n                }\r\n            }\r\n\r\n            .payments,\r\n            .deductions {\r\n                .payment {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    margin: 2.5px 0;\r\n\r\n                    .description {\r\n                        padding: 10px;\r\n                        flex-grow: 1;\r\n                        align-self: flex-start;\r\n                    }\r\n\r\n                    .amount {\r\n                        width: 160px;\r\n                        text-align: right;\r\n                        padding: 10px;\r\n                    }\r\n\r\n                    .lastOne {\r\n                        padding-bottom: 50px;\r\n                    }\r\n                }\r\n            }\r\n\r\n        }\r\n    }\r\n}\r\n\r\ntable {\r\n    width: 100%\r\n}\r\n\r\nth {\r\n    border-bottom: darkblue 1px solid;\r\n    font-weight: bold;\r\n}\r\n\r\nh2 {\r\n    margin-top: 50px;\r\n}\r\n\r\ntr td:nth-child(2) {\r\n    text-align: right;\r\n}\r\n\r\ntr th:nth-child(2) {\r\n    text-align: right;\r\n}\r\n\r\n\r\n.subtotal {\r\n    font-weight: bold;\r\n    font-style: italic;\r\n    border-top: darkblue 1px solid;\r\n}\r\n\r\n.total {\r\n    font-weight: bold;\r\n    border-top: darkblue 2px solid;\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!./PayslipsGrouped.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!./PayslipsGrouped.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PayslipsGrouped.vue?vue&type=template&id=750644d6&scoped=true\"\nimport script from \"./PayslipsGrouped.vue?vue&type=script&lang=js\"\nexport * from \"./PayslipsGrouped.vue?vue&type=script&lang=js\"\nimport style0 from \"./PayslipsGrouped.vue?vue&type=style&index=0&id=750644d6&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  \"750644d6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"payslip rounded\"},[_c('div',{staticClass:\"sender-information px-4 py-2\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.senderInformation.name))]),_c('img',{staticClass:\"logo\",attrs:{\"src\":`${_vm.senderInformation.directoryUrl}/img/logo.png`,\"alt\":_vm.senderInformation.name}})]),_c('div',{staticClass:\"recipient-information px-4 py-2\"},_vm._l((_vm.recipientInformation),function(info,index){return _c('span',{key:info + index},[_vm._v(_vm._s(info))])}),0),_c('div',{staticClass:\"body p-4\"},[_c('div',{staticClass:\"payslip-details mb-4\"},_vm._l((_vm.payslipDetails),function(payslipDetail){return _c('span',{key:payslipDetail.label},[_c('b',[_vm._v(_vm._s(payslipDetail.label)+\":\")]),_vm._v(\" \"+_vm._s(payslipDetail.value)+\"\\n                \")])}),0),_c('div',{staticClass:\"breakdown payslip-payments\"},[_c('h3',{staticClass:\"px-2\"},[_vm._v(\"Current period\")]),_vm._l((_vm.payments),function(payment,i){return _c('div',{key:payment.Description + i,staticClass:\"payslip-result\"},[_c('div',{staticClass:\"payslip-result__description\"},[_vm._v(_vm._s(payment.Description))]),_c('div',{staticClass:\"payslip-result__value highlight\"},[_vm._v(_vm._s(payment.Amount))])])}),_vm._l((_vm.subPayments),function(payment,i){return _c('div',{key:payment.Description + i,staticClass:\"payslip-result\"},[_c('div',{staticClass:\"payslip-result__description\"},[_vm._v(_vm._s(payment.Description))]),_c('div',{staticClass:\"payslip-result__value highlight\"},[_vm._v(_vm._s(payment.Amount))])])}),_c('div',{staticClass:\"header mb-5\"},[_c('div',{staticClass:\"header__description\"},[_vm._v(_vm._s(_vm.totalPayments.Description))]),_c('div',{staticClass:\"header__value highlight\"},[_vm._v(_vm._s(_vm.totalPayments.Amount))])]),_vm._l((_vm.subDeductions),function(payment,i){return _c('div',{key:payment.Description + i,staticClass:\"payslip-result\"},[_c('div',{staticClass:\"payslip-result__description\"},[_vm._v(_vm._s(payment.Description))]),_c('div',{staticClass:\"payslip-result__value highlight\"},[_vm._v(_vm._s(payment.Amount))])])}),_c('div',{staticClass:\"header mb-5\"},[_c('div',{staticClass:\"header__description\"},[_vm._v(_vm._s(_vm.totalDeductions.Description))]),_c('div',{staticClass:\"header__value highlight\"},[_vm._v(_vm._s(_vm.totalDeductions.Amount))])]),_c('div',{staticClass:\"payslip-result payslip-result--border\"},[_c('div',{staticClass:\"payslip-result__description text-right font-weight-bold\"},[_vm._v(_vm._s(_vm.netPay.Description))]),_c('div',{staticClass:\"payslip-result__value highlight focus\"},[_vm._v(_vm._s(_vm.netPay.Amount))])]),_c('h3',{staticClass:\"px-2 mt-5\"},[_vm._v(\"Year to date\")]),_vm._m(0),_vm._l((_vm.yearToDate),function(payment){return _c('div',{key:payment.Description,staticClass:\"payslip-result\"},[_c('div',{staticClass:\"payslip-result__description\"},[_vm._v(_vm._s(payment.Description))]),_c('div',{staticClass:\"payslip-result__value highlight focus\"},[_vm._v(_vm._s(payment.Amount))])])})],2)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"header__description\"},[_vm._v(\"Description\")]),_c('div',{staticClass:\"header__value highlight\"},[_vm._v(\"Amount (£)\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"payslip rounded\">\r\n            <div class=\"sender-information  px-4 py-2\">\r\n                <span class=\"name\">{{ senderInformation.name }}</span>\r\n                <img :src=\"`${senderInformation.directoryUrl}/img/logo.png`\" :alt=\"senderInformation.name\" class=\"logo\" />\r\n            </div>\r\n            <div class=\"recipient-information px-4 py-2\">\r\n                <span v-for=\"(info, index) in recipientInformation\" :key=\"info + index\">{{ info }}</span>\r\n            </div>\r\n            <div class=\"body p-4\">\r\n                <div class=\"payslip-details mb-4\">\r\n                    <span v-for=\"payslipDetail in payslipDetails\" :key=\"payslipDetail.label\">\r\n                        <b>{{ payslipDetail.label }}:</b> {{ payslipDetail.value }}\r\n                    </span>\r\n                </div>\r\n                <div class=\"breakdown payslip-payments\">\r\n                    <h3 class=\"px-2\">Current period</h3>\r\n                    <!-- START: PAYMENTS -->\r\n                    <div class=\"payslip-result\" v-for=\"(payment, i) in payments\" :key=\"payment.Description + i\">\r\n                        <div class=\"payslip-result__description\">{{ payment.Description }}</div>\r\n                        <div class=\"payslip-result__value highlight\">{{ payment.Amount }}</div>\r\n                    </div>\r\n                    <div class=\"payslip-result\" v-for=\"(payment, i) in subPayments\" :key=\"payment.Description + i\">\r\n                        <div class=\"payslip-result__description\">{{ payment.Description }}</div>\r\n                        <div class=\"payslip-result__value highlight\">{{ payment.Amount }}</div>\r\n                    </div>\r\n                    <div class=\"header mb-5\">\r\n                        <div class=\"header__description\">{{ totalPayments.Description }}</div>\r\n                        <div class=\"header__value highlight\">{{ totalPayments.Amount }}</div>\r\n                    </div>\r\n                    <!-- END: PAYMENTS -->\r\n                    <!-- START: DEDUCTIONS -->\r\n\r\n                    <div class=\"payslip-result\" v-for=\"(payment, i) in subDeductions\" :key=\"payment.Description + i\">\r\n                        <div class=\"payslip-result__description\">{{ payment.Description }}</div>\r\n                        <div class=\"payslip-result__value highlight\">{{ payment.Amount }}</div>\r\n                    </div>\r\n                    <div class=\"header mb-5\">\r\n                        <div class=\"header__description\">{{ totalDeductions.Description }}</div>\r\n                        <div class=\"header__value highlight\">{{ totalDeductions.Amount }}</div>\r\n                    </div>\r\n                    <div class=\"payslip-result payslip-result--border\">\r\n                        <div class=\"payslip-result__description text-right font-weight-bold\">{{ netPay.Description }}</div>\r\n                        <div class=\"payslip-result__value highlight focus\">{{ netPay.Amount }}</div>\r\n                    </div>\r\n                    <!-- END: DEDUCTIONS -->\r\n                    <!-- START: YEAR TO DATE -->\r\n                    <h3 class=\"px-2 mt-5\">Year to date</h3>\r\n                    <div class=\"header\">\r\n                        <div class=\"header__description\">Description</div>\r\n                        <div class=\"header__value highlight\">Amount (£)</div>\r\n                    </div>\r\n                    <div class=\"payslip-result\" v-for=\"payment in yearToDate\" :key=\"payment.Description\">\r\n                        <div class=\"payslip-result__description\">{{ payment.Description }}</div>\r\n                        <div class=\"payslip-result__value highlight focus\">{{ payment.Amount }}</div>\r\n                    </div>\r\n                    <!-- END: YEAR TO DATE -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport utils from '@/assets/mixins/utils';\r\n\r\nexport default {\r\n    name: 'PayslipsUngrouped',\r\n    props: {\r\n        /**\r\n     * @typedef {Object} Date\r\n     * @property {number} Day - The day of the date.\r\n     * @property {number} Month - The month of the date.\r\n     * @property {number} Year - The year of the date.\r\n     */\r\n\r\n        /**\r\n     * @typedef {Object} PayslipRowInformation\r\n     * @property {string} Description - The description of the row.\r\n     * @property {number|null} Amount - The amount of the row.\r\n     */\r\n\r\n        /**\r\n     * @typedef {Object} SubPayments\r\n     * @property {number|null} Arrears - The arrears amount.\r\n     * @property {number|null} PensionAdjustment - The pension adjustment amount.\r\n     * @property {number|null} TrivialCommutationTaxable - The taxable trivial commutation amount.\r\n     * @property {number|null} TrivialCommutationNonTaxable - The non-taxable trivial commutation amount.\r\n     * @property {number|null} SpecialTrivialCommutationTaxable - The taxable special trivial commutation amount.\r\n     * @property {number|null} SpecialTrivialCommutationNonTaxable - The non-taxable special trivial commutation amount.\r\n     * @property {number|null} WindingUpLumpSumTaxable - The taxable winding-up lump sum amount.\r\n     * @property {number|null} WindingUpLumpSumNonTaxable - The non-taxable winding-up lump sum amount.\r\n     * @property {number|null} InterestTaxable - The taxable interest amount.\r\n     * @property {number|null} InterestNonTaxable - The non-taxable interest amount.\r\n     * @property {PayslipRowInformation} GMPRectification - The GMP rectification information.\r\n     * @property {PayslipRowInformation} GMPEqualisation - The GMP equalisation information.\r\n     * @property {number|null} GrossOverpaymentRecovery - The gross overpayment recovery amount.\r\n     * @property {number|null} NetOverpaymentRecovery - The net overpayment recovery amount.\r\n     * @property {number|null} Expenses - The expenses amount.\r\n     * @property {PayslipRowInformation} FADTaxable - The taxable FAD information.\r\n     * @property {PayslipRowInformation} FADNonTaxable - The non-taxable FAD information.\r\n     * @property {PayslipRowInformation} UFPLSTaxable - The taxable UFPLS information.\r\n     * @property {PayslipRowInformation} UFPLSNonTaxable - The non-taxable UFPLS information.\r\n     * @property {PayslipRowInformation} LTAExcessLumpSum - The LTA excess lump sum information.\r\n     */\r\n\r\n        /**\r\n     * @typedef {Object} PayslipDataInformationUngroupedDto\r\n     * @property {boolean} IsUngroupedData - Indicates if the data is ungrouped.\r\n     * @property {number} PayslipClientReference - The client reference number.\r\n     * @property {string} Name - The name of the recipient.\r\n     * @property {string} SchemeName - The name of the scheme.\r\n     * @property {Date} Date - The date of the payslip.\r\n     * @property {number} Period - The period of the payslip.\r\n     * @property {string} TaxCode - The tax code.\r\n     * @property {number} TotalPayments - The total payments amount.\r\n     * @property {number} TotalDeductions - The total deductions amount.\r\n     * @property {number} Tax - The tax amount.\r\n     * @property {number} NetPay - The net pay amount.\r\n     * @property {PayslipRowInformation} GrossTaxabaleYTD - The gross taxable year-to-date information.\r\n     * @property {PayslipRowInformation} TaxPaidYTD - The tax paid year-to-date information.\r\n     * @property {PayslipRowInformation} TaxablePayYTD - The taxable pay year-to-date information.\r\n     * @property {Array.<PayslipRowInformation>} Payments - The payments information.\r\n     * @property {Array.<PayslipRowInformation>} Deductions - The deductions information.\r\n     * @property {number} PaymentAmountGross - The gross payment amount.\r\n     * @property {SubPayments} SubPayments - The sub-payments information.\r\n     */\r\n\r\n        /**\r\n     * The selected payslip data.\r\n     * @type {PayslipDataInformationUngroupedDto}\r\n     * @required\r\n     */\r\n        selectedPayslipData: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n    },\r\n    methods: {\r\n        pascalCaseToString (pascalCase) {\r\n            return pascalCase.replace(/([A-Z])/g, ' $1').trim();\r\n        },\r\n        formatMoney (amount) {\r\n            return utils.formatMoney(amount);\r\n        },\r\n        formatPayment (payment) {\r\n            if (Object.prototype.hasOwnProperty.call(payment, 'Description')) {\r\n                return {\r\n                    Description: payment.Description,\r\n                    Amount: this.formatMoney(payment.Amount),\r\n                };\r\n            }\r\n            return {\r\n                Description: this.pascalCaseToString(payment.Description),\r\n                Amount: this.formatMoney(payment.Amount),\r\n            };\r\n        },\r\n        formatPayslipData (data) {\r\n            const formatted = [];\r\n            // do not show if amount is null\r\n            data.forEach((item) => {\r\n                if (item && Object.prototype.hasOwnProperty.call(item, 'Description')) {\r\n                    if (item.Amount === null) return;\r\n                    formatted.push({\r\n                        Description: item.Description,\r\n                        Amount: this.formatMoney(item.Amount),\r\n                    });\r\n                } else {\r\n                    if (item === null) return;\r\n                    formatted.push({\r\n                        Description: this.pascalCaseToString(item),\r\n                        Amount: this.formatMoney(item),\r\n                    });\r\n                }\r\n            });\r\n            return formatted;\r\n        },\r\n\r\n\r\n    },\r\n    computed: {\r\n        totalPayments () {\r\n            return this.formatPayment({\r\n                Description: 'Total Payments',\r\n                Amount: this.selectedPayslipData.TotalPayments,\r\n            });\r\n        },\r\n        payments () {\r\n            return this.selectedPayslipData.Payments.map(this.formatPayment);\r\n        },\r\n        subPayments () {\r\n            return this.formatPayslipData(this.selectedPayslipData.SubPayments);\r\n        },\r\n        totalDeductions () {\r\n            return this.formatPayment({\r\n                Description: 'Total Deductions',\r\n                Amount: this.selectedPayslipData.TotalDeductions,\r\n            });\r\n        },\r\n        subDeductions () {\r\n            return this.formatPayslipData(this.selectedPayslipData.Deductions);\r\n        },\r\n        netPay () {\r\n            return this.formatPayment({\r\n                Description: 'Net Pay',\r\n                Amount: this.selectedPayslipData.NetPay,\r\n            });\r\n        },\r\n        yearToDate () {\r\n            return [\r\n                {\r\n                    Description: 'Gross Taxable YTD',\r\n                    Amount: this.formatMoney(this.selectedPayslipData.GrossTaxabaleYTD.Amount),\r\n                },\r\n                {\r\n                    Description: 'Taxable Pay YTD',\r\n                    Amount: this.formatMoney(this.selectedPayslipData.TaxablePayYTD.Amount),\r\n                },\r\n                {\r\n                    Description: 'Tax Paid YTD',\r\n                    Amount: this.formatMoney(this.selectedPayslipData.TaxPaidYTD.Amount),\r\n                },\r\n            ];\r\n        },\r\n        senderInformation () {\r\n            return {\r\n                name: this.selectedPayslipData.SchemeName,\r\n                directoryUrl: this.clientConfig.directoryUrl,\r\n            };\r\n        },\r\n        recipientInformation () {\r\n            const info = [];\r\n            const fields = [\r\n                'Name',\r\n                'ClientAddress1',\r\n                'ClientAddress2',\r\n                'ClientAddress3',\r\n                'ClientAddress4',\r\n                'ClientPostCode',\r\n                'ClientCountry',\r\n            ];\r\n\r\n            fields.forEach((field) => {\r\n                if (this.selectedPayslipData[field]) {\r\n                    info.push(this.selectedPayslipData[field]);\r\n                }\r\n            });\r\n\r\n            return info;\r\n        },\r\n        payslipDetails () {\r\n            if (!this.selectedPayslipData) return [];\r\n            return [\r\n                { label: 'Reference', value: this.servicePeriodId },\r\n                { label: 'Tax code', value: this.selectedPayslipData.TaxCode },\r\n                { label: 'Date', value: `${this.selectedPayslipData.Date.Day}/${this.selectedPayslipData.Date.Month}/${this.selectedPayslipData.Date.Year}` },\r\n                { label: 'Period', value: this.selectedPayslipData.Period },\r\n            ];\r\n        },\r\n\r\n\r\n        clientConfig () {\r\n            return this.$store.state.clientConfig;\r\n        },\r\n        servicePeriodId () {\r\n            if (this.selectedPayslipData.PayslipClientReference) {\r\n                return this.selectedPayslipData.PayslipClientReference;\r\n            }\r\n\r\n            return this.selectedPayslipData.PayslipMemberId;\r\n        },\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$valueWidth: 160px;\r\n\r\n$spacing: 10px;\r\n\r\n.sender-information {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--primaryColour);\r\n    color: var(--navFont);\r\n\r\n    .name {\r\n        flex: 1 1 50%;\r\n    }\r\n\r\n    .logo {\r\n        display: inline-block;\r\n        max-height: 50px;\r\n        max-width: 100%;\r\n        height: auto;\r\n        width: auto;\r\n    }\r\n}\r\n\r\n.recipient-information {\r\n    display: grid;\r\n}\r\n\r\n.payslip-details {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: calc(#{$spacing} / 2);\r\n}\r\n\r\n.highlight {\r\n    background: var(--greyColour);\r\n\r\n    @include responsive(\"xs\") {\r\n        background-color: white;\r\n    }\r\n\r\n}\r\n\r\n\r\n.payslip-payments {\r\n    .header {\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: bold;\r\n        border-bottom: 1px solid var(--primaryColour);\r\n    }\r\n\r\n\r\n    .payslip-result {\r\n        display: flex;\r\n        align-items: center;\r\n        margin: calc(#{$spacing} / 2) 0;\r\n\r\n        &--border {\r\n            border-bottom: 1px solid var(--primaryColour);\r\n        }\r\n    }\r\n\r\n\r\n    .header__description,\r\n    .payslip-result__description {\r\n        text-align: left;\r\n        flex-grow: 1;\r\n        padding: $spacing;\r\n    }\r\n\r\n    .header__value,\r\n    .payslip-result__value {\r\n        width: $valueWidth;\r\n        text-align: right;\r\n        padding: $spacing;\r\n    }\r\n}\r\n\r\n\r\n.payslip {\r\n    background: white;\r\n\r\n    .body {\r\n        .breakdown {\r\n            .focus {\r\n                font-size: 20px;\r\n                font-weight: bold;\r\n                line-height: 16px;\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!./PayslipsUngrouped.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!./PayslipsUngrouped.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PayslipsUngrouped.vue?vue&type=template&id=5fea992d&scoped=true\"\nimport script from \"./PayslipsUngrouped.vue?vue&type=script&lang=js\"\nexport * from \"./PayslipsUngrouped.vue?vue&type=script&lang=js\"\nimport style0 from \"./PayslipsUngrouped.vue?vue&type=style&index=0&id=5fea992d&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  \"5fea992d\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"pageWrapper\">\r\n        <div class=\"additional-info container\">\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 ml-auto mr-auto\">\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> /\r\n                        payslips\r\n                    </div>\r\n                    <div class=\"rounded p-4 option\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-layers option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-1 mt-2 inline\">\r\n                            Payslips\r\n                            <div class=\"divider\"></div>\r\n                        </h3>\r\n\r\n                        <select v-if=\"dashboardData\" v-model=\"selectedPayslip\" class=\"form-control theme-input\">\r\n                            <option v-for=\"(payslip, index) in payslips\" :key=\"payslip.date + index\" :value=\"payslip\">{{ getOptionValue(payslip) }}</option>\r\n                        </select>\r\n                        <div class=\"divider\"></div>\r\n                        <Transition name=\"fade\" mode=\"out-in\">\r\n                            <div v-if=\"selectedPayslipData\" ref=\"payslip\">\r\n                                <PayslipsUngrouped v-if=\"hasUngroupedPayslips\" :selectedPayslipData=\"selectedPayslipData\"></PayslipsUngrouped>\r\n                                <PayslipsGrouped v-else :selectedPayslipData=\"selectedPayslipData\"></PayslipsGrouped>\r\n                            </div>\r\n                            <div v-else>\r\n                                <p>No payslips available</p>\r\n                            </div>\r\n                        </Transition>\r\n\r\n                        <transition name=\"fade\" mode=\"out-in\">\r\n                            <div v-if=\"!printingPayslip\" tabindex=\"0\" role=\"link\" aria-label=\"Download payslip\" class=\"button-outline-rounded small mt-4\"\r\n                                @click=\"printPayslip\">\r\n                                Download PDF of this payslip\r\n                                <span class=\"icon-download\"></span>\r\n                            </div>\r\n                            <div v-if=\"printingPayslip\">Printing please wait ... </div>\r\n                        </transition>\r\n                        <div>\r\n                            <payslipsByPostPreference v-if=\"isAutomaticAltusPayslipUpdatesEnabled || isOptOutOfPostalPayslipsEnabled\"\r\n                                :isAutomaticAltusPayslipUpdatesEnabled=\"isAutomaticAltusPayslipUpdatesEnabled\"\r\n                                :isOptOutOfPostalPayslipsEnabled=\"isOptOutOfPostalPayslipsEnabled\" />\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 html2pdf from 'html2pdf.js';\r\nimport moment from 'moment';\r\nimport payslipsByPostPreference from '@/components/inputs/payslipsByPostPreference.vue';\r\nimport PayslipsGrouped from '@/components/payslips/PayslipsGrouped.vue';\r\nimport PayslipsUngrouped from '@/components/payslips/PayslipsUngrouped.vue';\r\nimport utils from '@/assets/mixins/utils';\r\n\r\nexport default {\r\n    components: {\r\n        PayslipsGrouped,\r\n        PayslipsUngrouped,\r\n        payslipsByPostPreference,\r\n    },\r\n    data () {\r\n        return {\r\n            selectedPayslip: null,\r\n            selectedPayslipData: null,\r\n            printingPayslip: false,\r\n        };\r\n    },\r\n    component: { html2pdf },\r\n    mounted () {\r\n        if (!this.dashboardData) {\r\n            this.$store.dispatch('getDashboardData');\r\n        }\r\n    },\r\n    methods: {\r\n        formatMoney (amount) {\r\n            return utils.formatMoney(amount);\r\n        },\r\n        getOptionValue (payslip) {\r\n            const data = JSON.parse(payslip.data);\r\n            const net = this.formatMoney(data.NetPay);\r\n            return `${payslip.date} - ${net}`;\r\n        },\r\n        printPayslip () {\r\n            this.printingPayslip = true;\r\n            const printOptions = {\r\n                margin: 0.3,\r\n                filename: this.selectedPayslip.name,\r\n                image: {\r\n                    type: 'jpeg',\r\n                    quality: 0.98,\r\n                },\r\n                html2canvas: {\r\n                    dpi: 192,\r\n                    scale: 2,\r\n                    letterRendering: true,\r\n                    useCORS: true,\r\n                    onrendered (canvas) {\r\n                        const ctx = canvas.getContext('2d');\r\n                        ctx.webkitImageSmoothingEnabled = true;\r\n                        ctx.mozImageSmoothingEnabled = true;\r\n                        ctx.imageSmoothingEnabled = true;\r\n                    },\r\n                },\r\n                jsPDF: {\r\n                    unit: 'in',\r\n                    format: 'letter',\r\n                    orientation: 'portrait',\r\n                },\r\n                pagebreak: { mode: ['avoid-all', 'css', 'legacy'] },\r\n            };\r\n            const refdoc = this.$refs.payslip.innerHTML;\r\n            html2pdf().from(refdoc).set(printOptions).save()\r\n                .then(() => {\r\n                    this.printingPayslip = false;\r\n                });\r\n        },\r\n    },\r\n    computed: {\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n        hasUngroupedPayslips () {\r\n            if (!this.selectedPayslipData) return false;\r\n            // Check for IsUngroupedData property in the selected payslip data and that it is true\r\n            return 'IsUngroupedData' in this.selectedPayslipData && this.selectedPayslipData.IsUngroupedData === true;\r\n        },\r\n        payslips () {\r\n            if (!this.dashboardData) return null;\r\n            if (!this.dashboardData.payslips) return [];\r\n            return [...this.dashboardData.payslips]\r\n                .sort((a, b) => (moment(a.date, 'DD MMM YYYY').format('YYYY-MM-DD') > moment(b.date, 'DD MMM YYYY').format('YYYY-MM-DD') ? -1 : 1));\r\n        },\r\n\r\n        /**\r\n         * Checks if automatic Altus payslip updates are enabled.\r\n         * @returns {boolean} True if automatic Altus payslip updates are enabled, false otherwise.\r\n         */\r\n        isAutomaticAltusPayslipUpdatesEnabled () {\r\n            return Boolean(this.clientConfig.isAutomaticAltusPayslipUpdatesEnabled);\r\n        },\r\n\r\n\r\n        /**\r\n         * Checks if the option to opt out of receiving postal payslips is enabled.\r\n         *\r\n         * @returns {boolean} True if the option is enabled, false otherwise.\r\n         */\r\n        isOptOutOfPostalPayslipsEnabled () {\r\n            return Boolean(this.clientConfig.isOptOutOfPostalPayslipsEnabled);\r\n        },\r\n        clientConfig () {\r\n            return this.$store.state.clientConfig;\r\n        },\r\n\r\n    },\r\n    watch: {\r\n        selectedPayslip: {\r\n            handler () {\r\n                if (!this.selectedPayslip) return;\r\n                this.selectedPayslipData = JSON.parse(this.selectedPayslip.data);\r\n            },\r\n            immediate: true,\r\n        },\r\n        payslips: {\r\n            handler () {\r\n                if (!this.payslips || this.payslips.length === 0) return;\r\n                this.selectedPayslip = this.payslips[0];\r\n            },\r\n            immediate: true,\r\n            deep: true,\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.option {\r\n    background-color: var(--greyColour);\r\n    color: inherit;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    transition: $generalTransition;\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\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!./Payslips.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!./Payslips.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Payslips.vue?vue&type=template&id=b05b39b0&scoped=true\"\nimport script from \"./Payslips.vue?vue&type=script&lang=js\"\nexport * from \"./Payslips.vue?vue&type=script&lang=js\"\nimport style0 from \"./Payslips.vue?vue&type=style&index=0&id=b05b39b0&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  \"b05b39b0\",\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!./Payslips.vue?vue&type=style&index=0&id=b05b39b0&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!./PayslipsGrouped.vue?vue&type=style&index=0&id=750644d6&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!./PayslipsUngrouped.vue?vue&type=style&index=0&id=5fea992d&prod&lang=scss&scoped=true\""],"sourceRoot":""}