{"version":3,"sources":["webpack:///./src/modules/vmc/modal/components/VmcOptions.vue?d445","webpack:///./src/modules/vmc/modal/components/VmcOptions.vue","webpack:///src/modules/vmc/modal/components/VmcOptions.vue","webpack:///./src/modules/vmc/modal/components/VmcOptions.vue?f74b","webpack:///./src/modules/vmc/modal/components/VmcOptions.vue?c315","webpack:///./node_modules/vue-multiselect/dist/vue-multiselect.min.css?7a59","webpack:///../product/img/icons/rapid-icon.svg","webpack:///../product/img/icons/manual-icon.svg"],"names":["render","_vm","this","_c","_self","_m","staticClass","attrs","vmcAccounts","model","value","selected","callback","$$v","expression","slot","_v","require","class","$mq","$wait","is","on","$event","$emit","type","staticRenderFns","name","components","MultiSelect","data","computed","_objectSpread","mapGetters","component","module","exports"],"mappings":"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","file":"js/chunk-6cf9657a.7da0d226.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VmcOptions.vue?vue&type=style&index=1&id=b2eb45ac&prod&lang=sass&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_vm._m(0),_c('div',{staticClass:\"field\"},[_c('MultiSelect',{attrs:{\"options\":_vm.vmcAccounts,\"show-labels\":false,\"close-on-select\":true,\"allow-empty\":false,\"group-select\":true,\"track-by\":\"id\",\"placeholder\":\"Select your franchise\",\"hide-selected\":false,\"label\":\"name\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('span',{attrs:{\"slot\":\"noResult\"},slot:\"noResult\"},[_vm._v(\"No franchises found\")])])],1),_vm._m(1),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-6\"},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"columns is-centered\"},[_c('img',{staticClass:\"column is-narrow is-4-touch is-offset-4-touch\",attrs:{\"src\":require('core/img/icons/rapid-icon.svg'),\"width\":\"150\"}})]),_c('div',{staticClass:\"content\",class:{ 'pb-5': _vm.$mq !== 'mobile' }},[_c('p',{staticClass:\"has-text-justified\"},[_vm._v(\"\\n            Use this option as the quickest method for submission; only\\n            entering VRM and mileage.\\n          \")])]),_c('div',{staticClass:\"buttons is-centered\"},[_c('button',{staticClass:\"button is-rounded is-soft\",class:{ 'is-loading': _vm.$wait.is('rapidLoading') },attrs:{\"disabled\":!_vm.selected},on:{\"click\":function($event){return _vm.$emit('confirm', { selected: _vm.selected, type: 'rapid' })}}},[_vm._v(\"\\n            Rapid Input\\n          \")])])])]),_c('div',{staticClass:\"column is-6\"},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"columns is-centered\"},[_c('img',{staticClass:\"column is-narrow is-4-touch is-offset-4-touch\",attrs:{\"src\":require('core/img/icons/manual-icon.svg'),\"width\":\"150\"}})]),_vm._m(2),_c('div',{staticClass:\"buttons is-centered\"},[_c('button',{staticClass:\"button is-rounded is-soft\",class:{ 'is-loading': _vm.$wait.is('manualLoading') },attrs:{\"disabled\":!_vm.selected},on:{\"click\":function($event){return _vm.$emit('confirm', { selected: _vm.selected, type: 'manual' })}}},[_vm._v(\"\\n            Manual Input\\n          \")])])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"field is-hidden-mobile\"},[_c('p',[_c('span',[_vm._v(\"Select your franchise  \")]),_c('span',{staticClass:\"has-text-soft has-text-weight-semibold\"},[_vm._v(\"*\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"field\"},[_c('p',[_vm._v(\"Select the method for inputting your Vehicle Mileage Check request\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"has-text-justified\"},[_vm._v(\"\\n            Use this option if you have the vehicle documentation and would\\n            like to manually enter previous keeper details.\\n          \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <section>\r\n    <div class=\"field is-hidden-mobile\">\r\n      <p>\r\n        <span>Select your franchise &nbsp;</span>\r\n        <span class=\"has-text-soft has-text-weight-semibold\">*</span>\r\n      </p>\r\n    </div>\r\n    <div class=\"field\">\r\n      <MultiSelect\r\n        v-model=\"selected\"\r\n        :options=\"vmcAccounts\"\r\n        :show-labels=\"false\"\r\n        :close-on-select=\"true\"\r\n        :allow-empty=\"false\"\r\n        :group-select=\"true\"\r\n        track-by=\"id\"\r\n        placeholder=\"Select your franchise\"\r\n        :hide-selected=\"false\"\r\n        label=\"name\"\r\n      >\r\n        <span slot=\"noResult\">No franchises found</span>\r\n      </MultiSelect>\r\n    </div>\r\n    <div class=\"field\">\r\n      <p>Select the method for inputting your Vehicle Mileage Check request</p>\r\n    </div>\r\n    <div class=\"columns\">\r\n      <div class=\"column is-6\">\r\n        <div class=\"box\">\r\n          <div class=\"columns is-centered\">\r\n            <img\r\n              class=\"column is-narrow is-4-touch is-offset-4-touch\"\r\n              :src=\"require('core/img/icons/rapid-icon.svg')\"\r\n              width=\"150\"\r\n            >\r\n          </div>\r\n          <div\r\n            class=\"content\"\r\n            :class=\"{ 'pb-5': $mq !== 'mobile' }\"\r\n          >\r\n            <p class=\"has-text-justified\">\r\n              Use this option as the quickest method for submission; only\r\n              entering VRM and mileage.\r\n            </p>\r\n          </div>\r\n          <div class=\"buttons is-centered\">\r\n            <button\r\n              :disabled=\"!selected\"\r\n              class=\"button is-rounded is-soft\"\r\n              @click=\"$emit('confirm', { selected, type: 'rapid' })\"\r\n              :class=\"{ 'is-loading': $wait.is('rapidLoading') }\"\r\n            >\r\n              Rapid Input\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"column is-6\">\r\n        <div class=\"box\">\r\n          <div class=\"columns is-centered\">\r\n            <img\r\n              class=\"column is-narrow is-4-touch is-offset-4-touch\"\r\n              :src=\"require('core/img/icons/manual-icon.svg')\"\r\n              width=\"150\"\r\n            >\r\n          </div>\r\n          <div class=\"content\">\r\n            <p class=\"has-text-justified\">\r\n              Use this option if you have the vehicle documentation and would\r\n              like to manually enter previous keeper details.\r\n            </p>\r\n          </div>\r\n          <div class=\"buttons is-centered\">\r\n            <button\r\n              :disabled=\"!selected\"\r\n              :class=\"{ 'is-loading': $wait.is('manualLoading') }\"\r\n              class=\"button is-rounded is-soft\"\r\n              @click=\"$emit('confirm', { selected, type: 'manual' })\"\r\n            >\r\n              Manual Input\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n  name: 'VmcOptions',\r\n  components: { MultiSelect: () => import('vue-multiselect') },\r\n  data: () => ({ selected: null }),\r\n  computed: {\r\n    ...mapGetters('auth', ['vmcAccounts'])\r\n  }\r\n}\r\n</script>\r\n\r\n<style src=\"vue-multiselect/dist/vue-multiselect.min.css\"></style>\r\n<style lang=\"sass\">\r\n$cazana-blue: hsl(202, 100%, 37%)\r\n.multiselect\r\n  min-width: 16rem\r\n  max-width: 100%\r\n  .multiselect__option--selected\r\n    background: #ccc\r\n    color: #fff\r\n    &.multiselect__option--highlight\r\n      background: #ccc\r\n      cursor: not-allowed\r\n.multiselect__option\r\n  &.multiselect__option--highlight\r\n    background: $cazana-blue\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!./VmcOptions.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!./VmcOptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VmcOptions.vue?vue&type=template&id=b2eb45ac&\"\nimport script from \"./VmcOptions.vue?vue&type=script&lang=js&\"\nexport * from \"./VmcOptions.vue?vue&type=script&lang=js&\"\nimport style0 from \"vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&\"\nimport style1 from \"./VmcOptions.vue?vue&type=style&index=1&id=b2eb45ac&prod&lang=sass&\"\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","export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../css-loader/index.js??ref--6-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--6-oneOf-1-2!./vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/rapid-icon.404c7dd1.svg\";","module.exports = __webpack_public_path__ + \"img/manual-icon.c24ac4e0.svg\";"],"sourceRoot":""}