{"version":3,"sources":["webpack:///./src/modules/autocheck-valuation/pages/AutocheckValuation.vue","webpack:///./src/modules/autocheck-valuation/stores/autocheck-valuation/state.js","webpack:///./src/modules/autocheck-valuation/stores/autocheck-valuation/getters.js","webpack:///./src/modules/autocheck-valuation/stores/autocheck-valuation/mutations.js","webpack:///./src/modules/autocheck-valuation/stores/autocheck-valuation/actions.js","webpack:///./src/modules/autocheck-valuation/stores/index.js","webpack:///./src/modules/autocheck-valuation/services/AutocheckValuationPdf/AutoCheckValuationPdf.html","webpack:///./src/modules/autocheck-valuation/services/AutocheckValuationPdf/index.js","webpack:///src/modules/autocheck-valuation/pages/AutocheckValuation.vue","webpack:///./src/modules/autocheck-valuation/pages/AutocheckValuation.vue?6f3e","webpack:///./src/modules/autocheck-valuation/pages/AutocheckValuation.vue?cff1","webpack:///./src/store/services/index.js","webpack:///./src/modules/autocheck-valuation/services/index.js"],"names":["render","_vm$response$cap","_vm$response","_vm$response$specs","_vm","this","_c","_self","response","staticClass","_b","on","autocheck","vrm","hasAutoCheck","precheck","$wait","is","showCheck","_m","_v","directives","name","rawName","value","placement","expression","attrs","mileage","$event","openModal","refresh","class","_s","formattedMileage","formatDate","valuationDate","glass","cap","capid","preventDefault","getValuationCertificate","apply","arguments","_e","specs","co2emissions","description","data","_objectSpread","date","staticRenderFns","valuation","loading","state","_ref","vin","_ref2","_ref3","_ref4","_ref5","createdAt","_ref6","capToken","getters","_getters$response","_getters$response$cap","token","_ref7","JSON","parse","_ref8","setValuation","reset","Object","assign","getOne","uuid","_asyncToGenerator","_regeneratorRuntime","mark","_callee","commit","_yield$node$get","wrap","_context","prev","next","node","get","concat","sent","t0","stop","namespaced","mutations","actions","helpers","formatMoney","text","utils","setPriceValue","retailPriceCode","regex","newPrice","exec","getValuationPdf","_data$glass","_data$glass2","_data$glass3","_data$glass4","_data$cap","_data$cap2","_data$cap3","percentOfOcn","depreciation","setDepreciation","getPdfUser","assetsUrl","process","glassNewPrice","glassCurrentRetail","glassFormattedMileage","formatNumber","inputMileage","glassFormattedAverageMileage","averageMileage","capNewPrice","newRetailPriceCode","capCurrentRetail","capInputMileage","pdfString","Mustache","pdfHtml","components","VehicleSpec","VehicleHeading","AutoCheckValuationResponse","watch","_this","getValuation","created","registerModule","store","$route","params","destroyed","computed","mapGetters","Intl","NumberFormat","format","methods","mapActions","_this2","_callee2","_context2","$notify","$router","push","catch","type","_this3","_callee3","valuations","request","_context3","start","autocheckValuation","end","finish","id","$modal","open","_this4","_callee4","pdf","_context4","getBatchPdfs","_this5","_callee5","_err$response","_err$response$data","msg","_context5","error","message","component","storeModule","exists","_modules","root","_children","create","_x","email","_response$cap","_yield$node$post","post","sendCapEmail","abrupt","updateValuationData","_x2","_yield$create","router"],"mappings":"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","file":"js/chunk-6b2147a7.c63ef4ca.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.response)?_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-4\"},[_c('div',{staticClass:\"columns is-multiline\"},[_c('div',{staticClass:\"column is-12\"},[_c('VehicleHeading',_vm._b({on:{\"check\":_vm.autocheck}},'VehicleHeading',{\n                  vrm: _vm.vrm,\n                  hasAutoCheck: _vm.hasAutoCheck,\n                  precheck: _vm.$wait.is('precheck'),\n                  showCheck: true\n                },false)),_c('div',{staticClass:\"columns is-multiline is-marginless is-mobile is-size-7-mobile\"},[_c('div',{staticClass:\"column is-12\"},[_c('div',{staticClass:\"columns is-vcentered is-mobile\"},[_c('div',{staticClass:\"column is-narrow\"},[_vm._m(0),_c('span',{staticClass:\"has-text-weight-semibold\"},[_vm._v(\"Mileage\")]),_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement: 'right' }),expression:\"{ placement: 'right' }\"}],staticClass:\"icon has-text-soft\",attrs:{\"disabled\":!_vm.mileage,\"title\":\"Edit\"},on:{\"click\":function($event){return _vm.openModal(\n                            'autocheck-valuation/AutocheckValuationMileage'\n                          )}}},[_c('i',{staticClass:\"fal fa-pencil\"})]),_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement: 'right' }),expression:\"{ placement: 'right' }\"}],staticClass:\"icon has-text-soft\",attrs:{\"title\":\"Use today's estimate\"},on:{\"click\":function($event){return _vm.refresh('mileage')}}},[_c('i',{staticClass:\"fal fa-sync\",class:{\n                            'fa-spinner fa-pulse has-text-grey':\n                              _vm.$wait.is('mileage')\n                          }})])]),_c('div',{staticClass:\"column has-text-right\"},[(_vm.mileage)?_c('p',[_vm._v(\"\\n                        \"+_vm._s(_vm.formattedMileage)+\"\\n                      \")]):_c('p',[_vm._v(\"\\n                        ...\\n                      \")])])])]),_c('div',{staticClass:\"column is-12 has-background-light\"},[_c('div',{staticClass:\"columns is-vcentered is-mobile\"},[_c('div',{staticClass:\"column\"},[_vm._m(1),_c('span',{staticClass:\"has-text-weight-semibold\"},[_vm._v(\"Valuation date\")]),_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement: 'right' }),expression:\"{ placement: 'right' }\"}],staticClass:\"icon has-text-soft\",attrs:{\"title\":\"Refresh to today\"},on:{\"click\":function($event){return _vm.refresh('date')}}},[_c('i',{staticClass:\"fal fa-sync\",class:{\n                            'fa-spinner fa-pulse has-text-grey':\n                              _vm.$wait.is('date')\n                          }})])]),_c('div',{staticClass:\"column is-narrow has-text-right\"},[_c('p',[_vm._v(\"\\n                        \"+_vm._s(_vm.formatDate(_vm.valuationDate))+\"\\n                      \")])])])]),(_vm.response.glass || _vm.response.cap?.capid)?_c('div',{staticClass:\"column is-12 notification has-background-info has-text-white\"},[_c('div',{staticClass:\"columns is-multiline is-mobile is-vcentered\"},[_vm._m(2),_c('div',{staticClass:\"column is-narrow has-text-right\"},[_c('button',{staticClass:\"button is-soft is-rounded is-size-7-touch\",class:{ 'is-loading': _vm.$wait.is('downloading') },on:{\"click\":function($event){$event.preventDefault();return _vm.getValuationCertificate.apply(null, arguments)}}},[_vm._m(3),_c('span',[_vm._v(\"Generate now\")])])])])]):_vm._e(),_vm._m(4)])],1)]),_c('VehicleSpec',{attrs:{\"preload\":_vm.specs,\"co2\":_vm.response?.specs?.co2emissions}})],1),_c('div',{staticClass:\"column is-8\"},[_c('div',{staticClass:\"columns is-multiline\"},[_c('div',{staticClass:\"column is-12\"},[_c('p',{staticClass:\"title is-6 has-text-grey-light\"},[_vm._v(\"\\n                Vehicle overview\\n              \")]),_c('p',{staticClass:\"subtitle is-4 is-size-5-mobile has-text-weight-bold\"},[_c('span',[_vm._v(_vm._s(_vm.response.description))])])]),_c('div',{staticClass:\"column is-12\"},[_c('div',{staticClass:\"box\"},[_c('AutoCheckValuationResponse',_vm._b({},'AutoCheckValuationResponse',{\n                    data: { ..._vm.response, vrm: _vm.vrm, mileage: _vm.mileage, date: _vm.valuationDate }\n                  },false))],1)])])])])])]):_c('button',{staticClass:\"button is-white is-loading\"})])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"fal fa-tachometer\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"fal fa-calendar-alt\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"column\"},[_c('p',{staticClass:\"title is-6 has-text-weight-semibold has-text-white\"},[_vm._v(\"\\n                        Valuation certificate\\n                      \")]),_c('p',{staticClass:\"subtitle is-7 has-text-white\"},[_vm._v(\"\\n                        Print-friendly PDF certificates\\n                      \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"fal fa-file-certificate\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"column\"},[_c('p',{staticClass:\"has-text-soft is-size-6\"},[_c('span',{staticClass:\"icon is-small\"},[_c('i',{staticClass:\"fal fa-info-circle\"})]),_c('span',[_vm._v(\"\\n                      Updating the date or mileage will count as a separate\\n                      lookup\\n                    \")])])])\n}]\n\nexport { render, staticRenderFns }","export default () => ({\r\n  valuation: null,\r\n  loading: false\r\n})\r\n","export default {\r\n  valuation: state => state.valuation,\r\n  vrm: (state, { valuation }) => valuation?.vrm,\r\n  vin: (state, { valuation }) => valuation?.vin,\r\n  cap: (state, { valuation }) => valuation?.cap,\r\n  glass: (state, { valuation }) => valuation?.glass,\r\n  valuationDate: (state, { valuation }) => valuation?.createdAt,\r\n  mileage: (state, { valuation }) => +valuation.mileage,\r\n  capToken: (state, getters) => getters.response?.cap?.token,\r\n  response: (state, { valuation }) =>\r\n    valuation ? JSON.parse(valuation.response.response) : null,\r\n  specs: (state, { response }) => response.specs\r\n}\r\n","export default {\r\n  setValuation(state, data) {\r\n    state.valuation = data\r\n  },\r\n  reset: (state, data) => Object.assign(state, data)\r\n}\r\n","import { node } from '@/plugins/axios'\r\nimport state from './state'\r\n\r\nexport default {\r\n  async getOne({ commit }, uuid) {\r\n    try {\r\n      const { data } = await node.get(`/autocheck/valuation/${uuid}`)\r\n      commit('setValuation', data.valuation)\r\n    } catch (err) {\r\n      throw err\r\n    }\r\n  },\r\n  reset({ commit }) {\r\n    commit('reset', state())\r\n  }\r\n}\r\n","import state from './autocheck-valuation/state.js'\r\nimport getters from './autocheck-valuation/getters'\r\nimport mutations from './autocheck-valuation/mutations'\r\nimport actions from './autocheck-valuation/actions'\r\n\r\nexport default {\r\n  namespaced: true,\r\n  state: state(),\r\n  mutations,\r\n  getters,\r\n  actions\r\n}\r\n","export default \"<script>\\r\\n  /* eslint-disable */\\r\\n</script>\\r\\n<html>\\r\\n  <head>\\r\\n    <meta charset=\\\"utf-8\\\" />\\r\\n    <title></title>\\r\\n    <script\\r\\n      defer\\r\\n      src=\\\"https://use.fontawesome.com/releases/v5.3.1/js/all.js\\\"\\r\\n    ></script>\\r\\n    <link\\r\\n      href=\\\"https://fonts.googleapis.com/css?family=Roboto:300&display=swap\\\"\\r\\n      rel=\\\"stylesheet\\\"\\r\\n    />\\r\\n  </head>\\r\\n  <body>\\r\\n    <div class=\\\"row container no-border\\\">\\r\\n      <div class=\\\"col col-7\\\">\\r\\n        <img\\r\\n          src=\\\"https://{{assetsUrl}}/Experian%20copy.png\\\"\\r\\n          alt=\\\"Experian\\\"\\r\\n          width=\\\"300\\\"\\r\\n        />\\r\\n      </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n      <div class=\\\"col col-10\\\">\\r\\n        <div class=\\\"padded\\\">\\r\\n          <div class=\\\"row\\\">\\r\\n            <div class=\\\"col col-6\\\">\\r\\n              <div class=\\\"padded-left-small padded-top\\\">\\r\\n                <div class=\\\"is-vrm has-text-weight-bold\\\">{{vrm}}</div>\\r\\n              </div>\\r\\n            </div>\\r\\n            <div class=\\\"col col-4 padded-top\\\">\\r\\n              <div class=\\\"row padded-left\\\">\\r\\n                <div class=\\\"col col-5 is-size-7 has-text-weight-bold\\\">\\r\\n                  Logged in as:\\r\\n                </div>\\r\\n                <div class=\\\"col col-5 is-size-7 align-right\\\">{{name}}</div>\\r\\n              </div>\\r\\n              <div class=\\\"row padded-top padded-left\\\">\\r\\n                <div class=\\\"col col-5 is-size-7 has-text-weight-bold\\\">\\r\\n                  Account/Branch:\\r\\n                </div>\\r\\n                <div class=\\\"col col-5 is-size-7 align-right\\\">\\r\\n                  {{organisationNumber}}/{{branchNumber}}\\r\\n                </div>\\r\\n              </div>\\r\\n            </div>\\r\\n          </div>\\r\\n        </div>\\r\\n      </div>\\r\\n    </div>\\r\\n    <!-- Vehicle overview -->\\r\\n    <div class=\\\"row\\\">\\r\\n      <div class=\\\"col col-10\\\">\\r\\n        <div class=\\\"container\\\">\\r\\n          <div class=\\\"has-text-blue padded is-size-6\\\">\\r\\n            <i class=\\\"fas fa-car-alt\\\"></i\\r\\n            ><span class=\\\"padded-small-left\\\"> Vehicle overview </span>\\r\\n          </div>\\r\\n          <div class=\\\"row\\\">\\r\\n            <div class=\\\"col col-6\\\">\\r\\n              <div\\r\\n                class=\\\"is-inverse-stripey padded-top padded-left padded-bottom\\\"\\r\\n              >\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    VIN\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">{{vin}}</div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Manufacturer\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#specs.make}}{{specs.make}}{{/specs.make}}\\r\\n                    {{^specs.make}}N/A{{/specs.make}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Model\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.model}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Trim\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#specs.trim}}{{specs.trim}}{{/specs.trim}}\\r\\n                    {{^specs.trim}}N/A{{/specs.trim}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Manufacturer year\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.year}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Body style\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#specs.bodyStyle}}{{specs.bodyStyle}}{{/specs.bodyStyle}}\\r\\n                    {{^specs.bodyStyle}}{{FALLBACK}}{{/specs.bodyStyle}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Transmission\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.transmission}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Fuel type\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.fuelType}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Engine capacity\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#specs.engineCapacity}}{{specs.engineCapacity}}cc{{/specs.engineCapacity}}\\r\\n                    {{^specs.engineCapacity}}{{FALLBACK}}{{/specs.engineCapacity}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Cylinders\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#specs.cylinders}}{{specs.cylinders}}{{/specs.cylinders}}\\r\\n                    {{^specs.cylinders}}N/A{{/specs.cylinders}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Engine number\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.engineNumber}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Power output\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#specs.powerOutputKw}}{{specs.powerOutputKw}}{{/specs.powerOutputKw}}\\r\\n                    {{^specs.powerOutputKw}}N/A{{/specs.powerOutputKw}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Colour\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.colour}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    Registered in UK\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{#formatDate}}{{specs.firstReg}}{{/formatDate}}\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row padded-small\\\">\\r\\n                  <div class=\\\"col col-3 is-size-7 has-text-weight-bold\\\">\\r\\n                    CO² emissions\\r\\n                  </div>\\r\\n                  <div class=\\\"col col-7 is-size-7 align-right\\\">\\r\\n                    {{specs.co2emissions}}g/km\\r\\n                  </div>\\r\\n                </div>\\r\\n              </div>\\r\\n            </div>\\r\\n          </div>\\r\\n        </div>\\r\\n      </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n      <div class=\\\"col col-10\\\">\\r\\n        <div class=\\\"container break-avoid\\\">\\r\\n          <div class=\\\"has-text-blue padded is-size-6\\\">\\r\\n            <i class=\\\"fas fa-pound-sign\\\"></i>\\r\\n            Valuation Details\\r\\n          </div>\\r\\n          <div class=\\\"row\\\">\\r\\n            {{#glass.modelDetails}}\\r\\n            <div class=\\\"col col-6\\\">\\r\\n              <div class=\\\"container is-nested\\\">\\r\\n                <div class=\\\"row gray\\\">\\r\\n                  <div class=\\\"col col-9 title\\\">\\r\\n                    <div class=\\\"padded is-size-6\\\">Glass's</div>\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"padded is-inverse-stripey\\\">\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-4 is-size-7 has-text-weight-bold\\\">\\r\\n                      Vehicle description\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-6 is-size-7 align-right\\\">\\r\\n                      {{glass.modelDetails}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                      Insurance group\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                      {{glass.insuranceGroup}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-4 is-size-7 has-text-weight-bold\\\">\\r\\n                      Glass's reference\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-6 is-size-7 align-right\\\">\\r\\n                      {{glass.retailPriceCode}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                      Average mileage\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                      {{glassFormattedAverageMileage}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                      Current retail\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                      {{glassCurrentRetail}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                      Trade (average mileage)\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                      {{#formatMoney}}{{glass.valueBasicTrade}}{{/formatMoney}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                      Trade ({{glassFormattedMileage}})\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                      {{#formatMoney}}{{glass.adjustedValue}}{{/formatMoney}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                      New price\\r\\n                    </div>\\r\\n                    <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                      {{glassNewPrice}}\\r\\n                    </div>\\r\\n                  </div>\\r\\n                </div>\\r\\n              </div>\\r\\n            </div>\\r\\n            {{/glass.modelDetails}}\\r\\n          </div>\\r\\n          <div class=\\\"row\\\">\\r\\n            {{#cap.capid}}\\r\\n            <div class=\\\"col col-6\\\">\\r\\n              <div class=\\\"container is-nested\\\">\\r\\n                <div class=\\\"row gray\\\">\\r\\n                  <div class=\\\"col col-9 title\\\">\\r\\n                    <div class=\\\"padded is-size-6\\\">Cap's</div>\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"padded\\\">\\r\\n                  <div class=\\\"row padded-small\\\">\\r\\n                    <div class=\\\"col col-4 is-size-6 has-text-weight-bold\\\">\\r\\n                      Vehicle Information\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"is-inverse-stripey\\\">\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-4 is-size-7 has-text-weight-bold\\\">\\r\\n                        Date\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-6 is-size-7 align-right\\\">\\r\\n                        {{date}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Model details\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{cap.modelDetails}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-4 is-size-7 has-text-weight-bold\\\">\\r\\n                        Trim details\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-6 is-size-7 align-right\\\">\\r\\n                        {{cap.trimDetails}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Input mileage\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{capInputMileage}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        CAP reference\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{cap.newRetailPriceCode}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Price new\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{capNewPrice}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Insurance group\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{cap.insuranceGroup}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Message\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#cap.message}}{{cap.message}}{{/cap.message}}\\r\\n                        {{^cap.message}}N/A{{/cap.message}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small padded-top-large\\\">\\r\\n                    <div class=\\\"col col-4 is-size-6 has-text-weight-bold\\\">\\r\\n                      Black Book\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"is-inverse-stripey\\\">\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Retail value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{capCurrentRetail}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Clean value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.valueClean}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Average value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.valueAvg}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Below average value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.valueBelowAvg}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"row padded-small padded-top-large\\\">\\r\\n                    <div class=\\\"col col-4 is-size-6 has-text-weight-bold\\\">\\r\\n                      Black Book Live\\r\\n                    </div>\\r\\n                  </div>\\r\\n                  <div class=\\\"is-inverse-stripey\\\">\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Live retail value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.blackBookLiveRetail}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Live clean value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.blackBookLiveClean}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Live average value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.blackBookLiveAvg}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Live below average value\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{#formatMoney}}{{cap.blackBookLiveBelowAvg}}{{/formatMoney}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row padded-small\\\">\\r\\n                      <div class=\\\"col col-7 is-size-7 has-text-weight-bold\\\">\\r\\n                        Black book commentary\\r\\n                      </div>\\r\\n                      <div class=\\\"col col-3 is-size-7 align-right\\\">\\r\\n                        {{cap.blackBookLiveCommentary}}\\r\\n                      </div>\\r\\n                    </div>\\r\\n                  </div>\\r\\n                </div>\\r\\n              </div>\\r\\n            </div>\\r\\n            {{/cap.capid}}\\r\\n          </div>\\r\\n        </div>\\r\\n      </div>\\r\\n    </div>\\r\\n  </body>\\r\\n</html>\\r\\n\\r\\n<style>\\r\\n  body {\\r\\n    font-family: 'Roboto', sans-serif;\\r\\n  }\\r\\n\\r\\n  .row {\\r\\n    position: relative;\\r\\n  }\\r\\n\\r\\n  .row::after {\\r\\n    content: '';\\r\\n    display: block;\\r\\n    clear: both;\\r\\n  }\\r\\n\\r\\n  .col {\\r\\n    width: 100%;\\r\\n    float: left;\\r\\n  }\\r\\n\\r\\n  .col-1 {\\r\\n    width: 10%;\\r\\n  }\\r\\n  .col-2 {\\r\\n    width: 20%;\\r\\n  }\\r\\n  .col-3 {\\r\\n    width: 30%;\\r\\n  }\\r\\n  .col-4 {\\r\\n    width: 40%;\\r\\n  }\\r\\n  .col-5 {\\r\\n    width: 50%;\\r\\n  }\\r\\n  .col-6 {\\r\\n    width: 60%;\\r\\n  }\\r\\n  .col-7 {\\r\\n    width: 70%;\\r\\n  }\\r\\n  .col-8 {\\r\\n    width: 80%;\\r\\n  }\\r\\n  .col-9 {\\r\\n    width: 90%;\\r\\n  }\\r\\n  .col-10 {\\r\\n    width: 100%;\\r\\n  }\\r\\n  .col-1-third {\\r\\n    width: 33.33%;\\r\\n  }\\r\\n\\r\\n  .is-size-1 {\\r\\n    font-size: 3rem;\\r\\n  }\\r\\n\\r\\n  .is-size-2 {\\r\\n    font-size: 2.5rem;\\r\\n  }\\r\\n\\r\\n  .is-size-3 {\\r\\n    font-size: 2rem;\\r\\n  }\\r\\n\\r\\n  .is-size-4 {\\r\\n    font-size: 1.5rem;\\r\\n  }\\r\\n\\r\\n  .is-size-5 {\\r\\n    font-size: 1.25rem;\\r\\n  }\\r\\n\\r\\n  .is-size-6 {\\r\\n    font-size: 1rem;\\r\\n  }\\r\\n\\r\\n  .is-size-7 {\\r\\n    font-size: 0.75rem;\\r\\n  }\\r\\n\\r\\n  .is-size-8 {\\r\\n    font-size: 0.5rem;\\r\\n  }\\r\\n\\r\\n  .has-text-weight-bold {\\r\\n    font-weight: 500;\\r\\n  }\\r\\n\\r\\n  .blue {\\r\\n    background-color: hsl(202, 100%, 37%);\\r\\n  }\\r\\n\\r\\n  .gray {\\r\\n    background-color: hsl(0, 0%, 86%);\\r\\n  }\\r\\n\\r\\n  .align-right {\\r\\n    text-align: right;\\r\\n  }\\r\\n\\r\\n  .align-center {\\r\\n    text-align: center;\\r\\n  }\\r\\n\\r\\n  .container {\\r\\n    border: 1px solid hsl(0, 0%, 86%);\\r\\n    color: 'white';\\r\\n    border-radius: 4px;\\r\\n    margin: 6px;\\r\\n  }\\r\\n\\r\\n  .no-border {\\r\\n    border: none;\\r\\n  }\\r\\n\\r\\n  .title {\\r\\n    color: hsl(0, 0%, 21%);\\r\\n    border-radius: 4px 4px 0px 0px;\\r\\n  }\\r\\n\\r\\n  .border {\\r\\n    border: 1px solid hsl(0, 0%, 96%);\\r\\n  }\\r\\n\\r\\n  .blue-border {\\r\\n    border: 1px solid hsl(202, 100%, 37%);\\r\\n  }\\r\\n\\r\\n  .is-inverse-stripey > *:nth-child(odd) {\\r\\n    background: rgba(0, 0, 0, 0.06);\\r\\n  }\\r\\n\\r\\n  .padded {\\r\\n    padding: 8px 8px 6px 8px;\\r\\n  }\\r\\n\\r\\n  .padded-small {\\r\\n    padding: 4px 4px 2px 4px;\\r\\n  }\\r\\n\\r\\n  .is-nested {\\r\\n    width: calc(100% - 14px);\\r\\n  }\\r\\n\\r\\n  .is-nested {\\r\\n    width: calc(100% - 14px);\\r\\n  }\\r\\n\\r\\n  .padded-left {\\r\\n    padding-left: 8px;\\r\\n  }\\r\\n\\r\\n  .padded-small-left {\\r\\n    padding-left: 4px;\\r\\n  }\\r\\n\\r\\n  .padded-large-left {\\r\\n    padding-left: 14px;\\r\\n  }\\r\\n\\r\\n  .padded-top {\\r\\n    padding-top: 8px;\\r\\n  }\\r\\n\\r\\n  .padded-top-large {\\r\\n    padding-top: 14px;\\r\\n  }\\r\\n\\r\\n  .padded-right {\\r\\n    padding-right: 16px;\\r\\n  }\\r\\n\\r\\n  .padded-bottom {\\r\\n    padding-bottom: 8px;\\r\\n  }\\r\\n\\r\\n  .grid-box {\\r\\n    border-radius: 2px;\\r\\n    background: hsl(202, 100%, 37%);\\r\\n    color: white;\\r\\n    height: 60px;\\r\\n    width: 60px;\\r\\n    margin: 2px 5px 8px 5px;\\r\\n    font-weight: 700;\\r\\n    font-size: 0.5rem;\\r\\n    padding: 5px;\\r\\n  }\\r\\n\\r\\n  .grid-text {\\r\\n    padding: 22px 0 0 1px;\\r\\n  }\\r\\n\\r\\n  .warning-box {\\r\\n    color: white;\\r\\n    padding: 22px 0px 0px 0px;\\r\\n    border-radius: 2px;\\r\\n    height: 40px;\\r\\n    margin: 0px 8px 8px 8px;\\r\\n  }\\r\\n\\r\\n  .is-success {\\r\\n    background: #009f4d;\\r\\n  }\\r\\n\\r\\n  .is-warning {\\r\\n    background: #fedb00;\\r\\n  }\\r\\n\\r\\n  .is-danger {\\r\\n    background: #e4002b;\\r\\n  }\\r\\n\\r\\n  .is-centered {\\r\\n    text-align: center;\\r\\n  }\\r\\n\\r\\n  .is-centered .grid-box {\\r\\n    display: inline-block;\\r\\n  }\\r\\n\\r\\n  .has-text-blue {\\r\\n    color: hsl(202, 100%, 37%);\\r\\n  }\\r\\n\\r\\n  .has-text-white {\\r\\n    color: white;\\r\\n  }\\r\\n\\r\\n  .has-text-danger {\\r\\n    color: #e4002b;\\r\\n  }\\r\\n\\r\\n  .has-text-gray {\\r\\n    color: hsl(0, 0%, 71%);\\r\\n  }\\r\\n\\r\\n  .is-vrm {\\r\\n    border: unset;\\r\\n    cursor: unset;\\r\\n    padding: 10px 10px 0px 30px;\\r\\n    background: #f8d23a;\\r\\n    border-radius: 6px;\\r\\n    text-align: center;\\r\\n    white-space: nowrap;\\r\\n    align-items: center;\\r\\n    width: 86px;\\r\\n    height: 28px;\\r\\n  }\\r\\n\\r\\n  .is-vrm::before {\\r\\n    content: 'GB';\\r\\n    width: 3.5em;\\r\\n    height: 38px;\\r\\n    margin: 8px 0px 0px 0px;\\r\\n    background: #063298;\\r\\n    position: absolute;\\r\\n    top: 0;\\r\\n    left: 0;\\r\\n    border-radius: 6px 0 0 5px;\\r\\n    color: #f8d23a;\\r\\n    font-size: 0.5em;\\r\\n    line-height: 6.5em;\\r\\n  }\\r\\n\\r\\n  .is-vrm::after {\\r\\n    content: '';\\r\\n    display: block;\\r\\n    position: absolute;\\r\\n    top: 0.375em;\\r\\n    left: 0.5em;\\r\\n    width: 0.75em;\\r\\n    height: 0.75em;\\r\\n    border-radius: 100%;\\r\\n    border: 1px dashed #f8d23a;\\r\\n    margin: 8px 0px 0 -1px;\\r\\n  }\\r\\n\\r\\n  .break-after {\\r\\n    page-break-after: always;\\r\\n  }\\r\\n\\r\\n  .break-avoid {\\r\\n    page-break-inside: avoid !important;\\r\\n  }\\r\\n</style>\\r\\n\"","import * as autocheck from '@/modules/autocheck/services'\r\n\r\nimport { getPdfUser, setDepreciation } from '@/modules/autocheck/services/pdfs'\r\nimport * as utils from '@/utils/date.utils.ts'\r\n\r\nimport Mustache from 'mustache'\r\nimport { formatMoney, formatNumber } from 'accounting'\r\n// eslint-disable-next-line import/no-webpack-loader-syntax\r\nimport pdfHtml from '!!raw-loader!./AutoCheckValuationPdf.html'\r\n\r\nconst helpers = {\r\n  formatMoney: function () {\r\n    return function (text, render) {\r\n      return formatMoney(render(text), '£', 0)\r\n    }\r\n  },\r\n  formatDate: function () {\r\n    return function (text, render) {\r\n      return utils.formatDate(render(text))\r\n    }\r\n  }\r\n}\r\n\r\nconst setPriceValue = (retailPriceCode, regex) => {\r\n  if (retailPriceCode) {\r\n    const newPrice = regex.exec(retailPriceCode)\r\n    if (newPrice) {\r\n      return formatMoney(newPrice[1], '£', 0)\r\n    }\r\n  }\r\n  return 'N/A'\r\n}\r\n\r\nexport const getValuationPdf = data => {\r\n  const percentOfOcn = autocheck.getPercentOfOcn(data)\r\n  const depreciation = setDepreciation(percentOfOcn)\r\n\r\n  Object.assign(data, getPdfUser())\r\n  Object.assign(data, helpers)\r\n  Object.assign(data, { percentOfOcn, depreciation })\r\n  Object.assign(data, {\r\n    assetsUrl: `${process.env.VUE_APP_IMAGE_ASSETS_URL}`\r\n  })\r\n  Object.assign(data, {\r\n    glassNewPrice: setPriceValue(data?.glass?.retailPriceCode, /P(.*?)G/g),\r\n    glassCurrentRetail: setPriceValue(data?.glass?.retailPriceCode, /R(.*?)$/g),\r\n    glassFormattedMileage: formatNumber(data?.glass?.inputMileage),\r\n    glassFormattedAverageMileage: formatNumber(data?.glass?.averageMileage)\r\n  })\r\n  Object.assign(data, {\r\n    capNewPrice: setPriceValue(data?.cap?.newRetailPriceCode, /N(.*?)R/g),\r\n    capCurrentRetail: setPriceValue(data?.cap?.newRetailPriceCode, /R(.*?)$/g),\r\n    capInputMileage: formatNumber(data?.cap?.inputMileage)\r\n  })\r\n\r\n  const pdfString = Mustache.render(pdfHtml, data)\r\n  return { pdfString, vrm: data.vrm }\r\n}\r\n","<template>\r\n  <div>\r\n    <section\r\n      class=\"section\"\r\n      v-if=\"response\"\r\n    >\r\n      <div class=\"container\">\r\n        <div class=\"columns\">\r\n          <div class=\"column is-4\">\r\n            <div class=\"columns is-multiline\">\r\n              <div class=\"column is-12\">\r\n                <VehicleHeading\r\n                  v-bind=\"{\r\n                    vrm,\r\n                    hasAutoCheck,\r\n                    precheck: $wait.is('precheck'),\r\n                    showCheck: true\r\n                  }\"\r\n                  @check=\"autocheck\"\r\n                />\r\n                <div\r\n                  class=\"columns is-multiline is-marginless is-mobile is-size-7-mobile\"\r\n                >\r\n                  <div class=\"column is-12\">\r\n                    <div class=\"columns is-vcentered is-mobile\">\r\n                      <div class=\"column is-narrow\">\r\n                        <span class=\"icon\">\r\n                          <i class=\"fal fa-tachometer\" />\r\n                        </span>\r\n                        <span class=\"has-text-weight-semibold\">Mileage</span>\r\n                        <a\r\n                          class=\"icon has-text-soft\"\r\n                          @click=\"\r\n                            openModal(\r\n                              'autocheck-valuation/AutocheckValuationMileage'\r\n                            )\r\n                          \"\r\n                          :disabled=\"!mileage\"\r\n                          title=\"Edit\"\r\n                          v-tippy=\"{ placement: 'right' }\"\r\n                        >\r\n                          <i class=\"fal fa-pencil\" />\r\n                        </a>\r\n                        <a\r\n                          class=\"icon has-text-soft\"\r\n                          @click=\"refresh('mileage')\"\r\n                          title=\"Use today's estimate\"\r\n                          v-tippy=\"{ placement: 'right' }\"\r\n                        >\r\n                          <i\r\n                            class=\"fal fa-sync\"\r\n                            :class=\"{\r\n                              'fa-spinner fa-pulse has-text-grey':\r\n                                $wait.is('mileage')\r\n                            }\"\r\n                          />\r\n                        </a>\r\n                      </div>\r\n                      <div class=\"column has-text-right\">\r\n                        <p v-if=\"mileage\">\r\n                          {{ formattedMileage }}\r\n                        </p>\r\n                        <p v-else>\r\n                          ...\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"column is-12 has-background-light\">\r\n                    <div class=\"columns is-vcentered is-mobile\">\r\n                      <div class=\"column\">\r\n                        <span class=\"icon\">\r\n                          <i class=\"fal fa-calendar-alt\" />\r\n                        </span>\r\n                        <span\r\n                          class=\"has-text-weight-semibold\"\r\n                        >Valuation date</span>\r\n                        <a\r\n                          class=\"icon has-text-soft\"\r\n                          @click=\"refresh('date')\"\r\n                          title=\"Refresh to today\"\r\n                          v-tippy=\"{ placement: 'right' }\"\r\n                        >\r\n                          <i\r\n                            class=\"fal fa-sync\"\r\n                            :class=\"{\r\n                              'fa-spinner fa-pulse has-text-grey':\r\n                                $wait.is('date')\r\n                            }\"\r\n                          />\r\n                        </a>\r\n                      </div>\r\n                      <div class=\"column is-narrow has-text-right\">\r\n                        <p>\r\n                          {{ formatDate(valuationDate) }}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    class=\"column is-12 notification has-background-info has-text-white\"\r\n                    v-if=\"response.glass || response.cap?.capid\"\r\n                  >\r\n                    <div class=\"columns is-multiline is-mobile is-vcentered\">\r\n                      <div class=\"column\">\r\n                        <p\r\n                          class=\"title is-6 has-text-weight-semibold has-text-white\"\r\n                        >\r\n                          Valuation certificate\r\n                        </p>\r\n                        <p class=\"subtitle is-7 has-text-white\">\r\n                          Print-friendly PDF certificates\r\n                        </p>\r\n                      </div>\r\n                      <div class=\"column is-narrow has-text-right\">\r\n                        <button\r\n                          class=\"button is-soft is-rounded is-size-7-touch\"\r\n                          @click.prevent=\"getValuationCertificate\"\r\n                          :class=\"{ 'is-loading': $wait.is('downloading') }\"\r\n                        >\r\n                          <span class=\"icon\">\r\n                            <i class=\"fal fa-file-certificate\" />\r\n                          </span>\r\n                          <span>Generate now</span>\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"column\">\r\n                    <p class=\"has-text-soft is-size-6\">\r\n                      <span class=\"icon is-small\">\r\n                        <i class=\"fal fa-info-circle\" />\r\n                      </span>\r\n                      <span>\r\n                        Updating the date or mileage will count as a separate\r\n                        lookup\r\n                      </span>\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <VehicleSpec\r\n              :preload=\"specs\"\r\n              :co2=\"response?.specs?.co2emissions\"\r\n            />\r\n          </div>\r\n          <div class=\"column is-8\">\r\n            <div class=\"columns is-multiline\">\r\n              <div class=\"column is-12\">\r\n                <p class=\"title is-6 has-text-grey-light\">\r\n                  Vehicle overview\r\n                </p>\r\n                <p class=\"subtitle is-4 is-size-5-mobile has-text-weight-bold\">\r\n                  <span>{{ response.description }}</span>\r\n                </p>\r\n              </div>\r\n              <div class=\"column is-12\">\r\n                <div class=\"box\">\r\n                  <AutoCheckValuationResponse\r\n                    v-bind=\"{\r\n                      data: { ...response, vrm, mileage, date: valuationDate }\r\n                    }\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <button\r\n      class=\"button is-white is-loading\"\r\n      v-else\r\n    />\r\n  </div>\r\n</template>\r\n<script>\r\nimport * as autocheckValuation from '../services'\r\nimport * as autocheck from 'modules/autocheck/services'\r\nimport registerModule from '@/store/services'\r\nimport { getBatchPdfs } from '@/services/PdfService'\r\nimport { formatDate } from '@/utils/date.utils.ts'\r\nimport store from '../stores'\r\nimport { getValuationPdf } from '../services/AutocheckValuationPdf'\r\nimport { mapGetters, mapActions } from 'vuex'\r\nexport default {\r\n  name: 'AutoCheckValuation',\r\n  components: {\r\n    VehicleSpec: () => import('modules/spec/components/VehicleSpec'),\r\n    VehicleHeading: () =>\r\n      import('core/modules/vehicle-heading/components/VehicleHeading'),\r\n    AutoCheckValuationResponse: () =>\r\n      import('../components/AutocheckValuationResponse')\r\n  },\r\n  watch: {\r\n    async '$route.params'({ uuid }) {\r\n      await this.getValuation(uuid)\r\n    }\r\n  },\r\n  created() {\r\n    registerModule('autocheck-valuation', store)\r\n    this.getValuation(this.$route.params.uuid)\r\n  },\r\n  destroyed() {\r\n    this.reset()\r\n  },\r\n  computed: {\r\n    ...mapGetters('autocheck-valuation', [\r\n      'vrm',\r\n      'vin',\r\n      'mileage',\r\n      'valuationDate',\r\n      'response',\r\n      'specs',\r\n      'valuation'\r\n    ]),\r\n    ...mapGetters('auth', ['hasAutoCheck']),\r\n    formattedMileage() {\r\n      const { mileage } = this\r\n      return mileage ? new Intl.NumberFormat('en-UK').format(mileage) : null\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions('autocheck-valuation', ['getOne', 'reset']),\r\n    formatDate,\r\n    async getValuation() {\r\n      const { uuid } = this.$route.params\r\n      try {\r\n        await this.getOne(uuid)\r\n      } catch (err) {\r\n        this.$notify(\"Sorry, we can't retrieve your valuation right now\")\r\n        if (this.$route.name !== 'root')\r\n          this.$router.push({ name: 'root' }).catch(() => {})\r\n      }\r\n    },\r\n    async refresh(type) {\r\n      try {\r\n        this.$wait.start(type)\r\n        const { vrm, vin, valuation } = this\r\n\r\n        const mileage = this.mileage\r\n\r\n        const { glass, cap } = valuation\r\n        const valuations = { glass: !!glass, cap: !!cap }\r\n\r\n        const request = {\r\n          vrm,\r\n          vin,\r\n          mileage,\r\n          ...valuations\r\n        }\r\n\r\n        await autocheckValuation.updateValuationData({ request })\r\n      } catch {\r\n        this.$notify('We are unable to carry out a valuation on this vehicle')\r\n      } finally {\r\n        this.$wait.end(type)\r\n      }\r\n    },\r\n    openModal(id) {\r\n      this.$modal.open(id)\r\n    },\r\n    async getValuationCertificate() {\r\n      this.$wait.start('downloading')\r\n\r\n      try {\r\n        const { response, vrm, mileage, valuationDate, vin } = this\r\n        const data = {\r\n          ...response,\r\n          vrm,\r\n          mileage,\r\n          date: formatDate(valuationDate),\r\n          vin\r\n        }\r\n        const pdf = await getValuationPdf(data)\r\n        getBatchPdfs([pdf], pdf.vrm, 'file')\r\n      } catch {\r\n        this.$notify('Failed to export PDF')\r\n      } finally {\r\n        this.$wait.end('downloading')\r\n      }\r\n    },\r\n    async autocheck() {\r\n      try {\r\n        this.$wait.start('precheck')\r\n        const data = await autocheck.precheck({ value: this.vin, type: 'vin' })\r\n\r\n        this.$modal.open('autocheck/AutoCheckOptions', {\r\n          vrm: data.vrm,\r\n          vin: this.vin,\r\n          description: autocheck.buildPreDescription(data),\r\n          mileage: data.mileage\r\n        })\r\n      } catch (err) {\r\n        const msg = err?.response?.data?.error.message\r\n        this.$notify(msg || 'Currently unable to perform a check')\r\n      } finally {\r\n        this.$wait.end('precheck')\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!./AutocheckValuation.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!./AutocheckValuation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AutocheckValuation.vue?vue&type=template&id=07918e0c&\"\nimport script from \"./AutocheckValuation.vue?vue&type=script&lang=js&\"\nexport * from \"./AutocheckValuation.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","import store from '@/store'\r\n\r\nexport default (name, storeModule) => {\r\n  const exists = store._modules.root._children[name]\r\n  if (!exists) store.registerModule(name, storeModule)\r\n}\r\n","import { node } from '@/plugins/axios'\r\nimport { sendCapEmail } from 'modules/autocheck/services'\r\nimport router from '@/router'\r\n\r\nexport const create = async ({ request, email }) => {\r\n  try {\r\n    const { data } = await node.post('/autocheck/valuation', request)\r\n    const response = JSON.parse(data.valuation.response.response)\r\n    const capToken = response.cap?.token\r\n    if (capToken) sendCapEmail({ capToken, email })\r\n\r\n    return { uuid: data.valuation.uuid }\r\n  } catch (err) {\r\n    throw err\r\n  }\r\n}\r\n\r\nexport const updateValuationData = async params => {\r\n  try {\r\n    const { uuid } = await create(params)\r\n    router\r\n      .push({ name: 'autocheck-valuation', params: { uuid } })\r\n      .catch(() => {})\r\n  } catch (error) {\r\n    throw error\r\n  }\r\n}\r\n"],"sourceRoot":""}