{"version":3,"sources":["webpack:///./src/components/listing/TheListingPrice.vue?8041","webpack:///./src/components/listing/TheListingPrice.vue?70f1","webpack:///./src/components/listing/TheListingPrice.vue","webpack:///src/components/listing/TheListingPrice.vue","webpack:///./src/components/listing/TheListingPrice.vue?d7df","webpack:///./src/components/listing/TheListingPrice.vue?1b2f"],"names":["_c","_self","staticClass","_vm","attrs","_s","$t","staticStyle","callback","vehiclePrice","expression","directives","name","modifiers","staticRenderFns","components","TheListingCard","TheSaveAndLeave","props","nextButton","type","data","priceError","methods","ListingId","Amount","CurrencyCode","console","saveInput","checkNextButton","beforeMount","beforeDestroy","component"],"mappings":"kHAAA,W,oCCAA,W,kFCA4CA,EAAOC,WAAS,MAAU,KAAeC,UAAY,GAAiB,OAAM,gBAAK,CAACA,YAAY,mBAAkC,CAACC,EAAG,KAAIA,CAA6ED,YAAY,kCAAa,CAACF,EAAG,GAAI,EAAC,qEAACE,YAAY,aAAgB,CAACC,EAAG,KAAI,CAA0ED,YAAY,gBAA2BE,GAAK,GAAC,qE,YAAU,2B,MAAC,CAAiB,QAAmB,eAAIJ,QAAU,YAAqI,CAACG,EAAG,OAAQE,GAAGF,GAAIG,IAAG,4CAAmD,SAAI,aAAgB,OAACJ,YAAY,2BAAgB,CAACF,EAAG,wDAAwB,0BAACE,YAAY,gBAAuB,CAACF,EAAG,wBAAe,CAACO,YAAY,uB,CAAC,iBAAa,CAAM,YAAC,CAACH,aAAM,QAAe,OAAIJ,QAAU,QAA8BG,EAAG,OAAQE,CAAmEH,YAAY,gBAAgBE,GAAK,GAAC,kE,YAAQ,gB,MAAc,CAAK,cAA6D,QAAG,YAAC,8C,GAA2B,CAAsD,mBAAE,oD,MAAiCI,C,MAA6BC,eAAgB,SAAC,YAACC,eAAW,GAAkB,WAAU,mBAAgFV,IAAG,GAAM,SAACE,YAAY,2DAAqD,CAACF,EAAG,OAAYW,YAAY,qD,CAACC,aAAc,C,WAAS,EAAwBC,e,QAAW,wBAAkB,WAAG,kB,YAAoC,O,MAAC,CAAqB,QAAIb,QAAW,cAEppDc,aAAe,GAAK,sG,0BC8CT,GACfC,YACAC,mEACAC,qEAEAC,OACAC,YAAAC,gBAEAC,OACA,OACAZ,8CACAa,gBAGAC,SACA,kBACA,UACA,+BACAC,6CACAC,yBACAC,4CAEA,SACAC,+BAGAC,eACA,kBAEA,gBADA,MAKA,0BACA,wBAEAC,kBACA,0EACA,4BAEA,8BAIAC,cACA,wBAEAC,gBACA,mBChG6gB,I,kCCSzgBC,EAAY,eACd,EACA,EACAlB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"assets/js/chunk-38b25bed.977356f7.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/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/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPrice.vue?vue&type=style&index=0&id=e4389db0&prod&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/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/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPrice.vue?vue&type=style&index=1&id=e4389db0&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"vehicle-details\"},[_c('h3',{staticClass:\"text-primary title text-center\"},[_vm._v(_vm._s(_vm.$t(\"Reservation.VehiclePrice\")))]),_c('TheListingCard'),_c('div',{staticClass:\"mt-5 mb-4\"},[_c('h5',{staticClass:\"upload-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.priceEnterTitle\"))+\" \")]),_c('b-alert',{staticClass:\"alert alert-box info-box\",attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"primary\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.priceEnterWarn\"))+\" \")])]),(_vm.priceError)?_c('p',{staticClass:\"text-danger text-center\"},[_vm._v(_vm._s(_vm.$t(\"Validations.ListingProcess.maxPrice\")))]):_vm._e(),_c('b-input-group',{staticClass:\"setprice-box\"},[_c('b-input-group-prepend',{staticClass:\"border left-rounded\"},[_c('country-flag',{staticStyle:{\"max-height\":\"36px\"},attrs:{\"country\":\"CA\"}}),_c('span',{staticClass:\"my-auto mr-2\"},[_vm._v(_vm._s(_vm.$store.getters.currencyForSeller))])],1),_c('b-form-input',{staticClass:\"right-rounded\",attrs:{\"type\":\"number\",\"min\":\"0\",\"placeholder\":_vm.$t('ListingProcess.priceEnterPlaceholder')},on:{\"change\":function($event){return _vm.saveInput('vehiclePrice', _vm.vehiclePrice)}},model:{value:(_vm.vehiclePrice),callback:function ($$v) {_vm.vehiclePrice=$$v},expression:\"vehiclePrice\"}})],1)],1),_c('div',{staticClass:\"d-flex justify-content-between align-items-center mt-10\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.cancelModal\",modifiers:{\"cancelModal\":true}}],staticClass:\"px-3\",attrs:{\"pill\":\"\",\"variant\":\"half-dark\"}},[_c('v-icon',[_vm._v(\"mdi-close\")]),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")],1)],1),_c('TheSaveAndLeave')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container class=\"vehicle-details\">\r\n    <h3 class=\"text-primary title text-center\">{{ $t(\"Reservation.VehiclePrice\") }}</h3>\r\n\r\n    <TheListingCard />\r\n\r\n    <div class=\"mt-5 mb-4\">\r\n      <h5 class=\"upload-title\">\r\n        {{ $t(\"ListingProcess.priceEnterTitle\") }}\r\n      </h5>\r\n      <b-alert show dismissible variant=\"primary\" class=\"alert alert-box info-box\">\r\n      <span>\r\n        {{ $t(\"ListingProcess.priceEnterWarn\") }}\r\n      </span>\r\n    </b-alert>\r\n      <p v-if=\"priceError\" class=\"text-danger text-center\">{{ $t(\"Validations.ListingProcess.maxPrice\") }}</p>\r\n      <b-input-group class=\"setprice-box\">\r\n        <b-input-group-prepend class=\"border left-rounded\">\r\n          <country-flag style=\"max-height: 36px\" country=\"CA\" />\r\n          \r\n          <span class=\"my-auto mr-2\">{{ $store.getters.currencyForSeller }}</span>\r\n        </b-input-group-prepend>\r\n\r\n        <b-form-input\r\n          type=\"number\"\r\n          min=\"0\"\r\n          class=\"right-rounded\"\r\n          :placeholder=\"$t('ListingProcess.priceEnterPlaceholder')\"\r\n          v-model=\"vehiclePrice\"\r\n          @change=\"saveInput('vehiclePrice', vehiclePrice)\"\r\n        />\r\n      </b-input-group>\r\n    </div>\r\n\r\n    <div class=\"d-flex justify-content-between align-items-center mt-10\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <b-button pill variant=\"half-dark\" class=\"px-3\" v-b-modal.cancelModal>\r\n          <v-icon>mdi-close</v-icon> {{ $t(\"global.button.cancel\") }}\r\n        </b-button>\r\n      </div>\r\n        <TheSaveAndLeave />\r\n      </div>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  components: {\r\n    TheListingCard: () => import(\"@/components/listing/TheListingCard\"),\r\n    TheSaveAndLeave: () => import(\"@/components/listing/TheSaveAndLeaveButton\"),\r\n  },\r\n  props: {\r\n    nextButton: { type: Function },\r\n  },\r\n  data() {\r\n    return {\r\n      vehiclePrice: this.$store.getters.vehiclePrice,\r\n      priceError: false\r\n    };\r\n  },\r\n  methods: {\r\n    async sendPrice() {\r\n      try {\r\n        await axios.post(\"Listing/SetListing\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n          Amount: this.vehiclePrice,\r\n          CurrencyCode: this.$store.getters.currency,\r\n        });\r\n      } catch (error) {\r\n        console.log(error.response.data);\r\n      }\r\n    },\r\n    saveInput(item, value) {\r\n      let currentPrice = Math.abs(value);\r\n      if (currentPrice > 100000) {\r\n        this.priceError = true;\r\n      } else {\r\n        this.priceError = false\r\n      }\r\n      this.$store.dispatch(item, currentPrice);\r\n      this.checkNextButton();\r\n    },\r\n    checkNextButton() {\r\n      if (this.$store.getters.vehiclePrice > 0 && this.$store.getters.vehiclePrice <= 100000 ) {\r\n        this.nextButton(\"page4\", false);\r\n      } else {\r\n        this.nextButton(\"page4\", true);\r\n      }\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.checkNextButton();\r\n  },\r\n  beforeDestroy() {\r\n    this.sendPrice();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.cancelButton {\r\n  margin-left: 210px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.setprice-box {\r\n  max-width: 458px;\r\n  height: 48px;\r\n  margin: 64px auto;\r\n  input {\r\n    height: 100%;\r\n    box-shadow: none !important;\r\n    border-color: #acacac;\r\n    &::placeholder {\r\n      color: #a4a4a4 !important;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n  .input-group-prepend {\r\n    display: flex;\r\n    align-items: center;\r\n    border-color: #acacac !important;\r\n    span {\r\n      color: #4b4b4b;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPrice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingPrice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingPrice.vue?vue&type=template&id=e4389db0&scoped=true&\"\nimport script from \"./TheListingPrice.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingPrice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingPrice.vue?vue&type=style&index=0&id=e4389db0&prod&scoped=true&lang=scss&\"\nimport style1 from \"./TheListingPrice.vue?vue&type=style&index=1&id=e4389db0&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e4389db0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}