{"version":3,"sources":["webpack:///./src/components/listing/TheListingCheckout.vue","webpack:///src/components/listing/TheListingCheckout.vue","webpack:///./src/components/listing/TheListingCheckout.vue?7949","webpack:///./src/components/listing/TheListingCheckout.vue?a762","webpack:///./src/components/listing/TheListingCheckout.vue?35e0"],"names":["staticClass","_s","_vm","attrs","on","staticStyle","_c","payLoading","_v","rawName","errorMessage","expression","directives","staticRenderFns","render","components","VCreditCard","TheListingCard","data","page","name","cardNumber","expiration","security","creditTranslations","label","placeholder","card","computed","payable","methods","creditInfoChanged","ListingId","CardNo","HolderName","ExpireYear","ExpireMonth","CVV","console","component"],"mappings":"8KAA4D,EAAU,W,IAAeA,OAA8B,EAAK,EAAI,MAAC,G,OAACA,gBAAY,CAAiC,YAAaC,mBAA8ED,QAAW,CAAmB,YAAW,kCAACA,QAAY,0EAAO,YAAWE,mBAAoEF,SAAW,CAAgB,YAAY,QAA8DA,QAAW,GAAC,2DAAkB,YAAK,gBAAeG,GAAK,GAAC,4D,YAASD,mBAAuB,kBAACE,MAAG,CAAC,MAAQ,EAAI,oBAAqB,GAAG,CAAQC,OAAW,EAAC,qBAAiB,QAAS,C,YAAmB,CAAQ,cAAIC,QAAU,SAAEN,OAAW,W,CAAe,U,YAAiC,O,MAAG,CAAW,SAAUE,EAAIK,QAAW,QAAW,GAAI,MAAQ,GAAU,qBAAG,UAAC,GAAC,MAAQ,W,GAA2C,CAAC,kBAAM,OAAML,EAAIM,mB,CAAkLC,MAAO,CAAC,OAAQ,uI,WAAW,CAACC,CAAcC,YAA2B,iBAACX,QAAY,aAAqDE,WAAU,iBAA2H,YAAK,oDAAYU,UAAY,uC,YAAM,mE,CAAUH,aAAQ,C,WAAiC,CAAC,C,KAAC,UAAkB,gCAAG,WAACT,aAAY,K,YAA+C,oBAAW,OAAIM,KAAG,GAAqGN,QAAY,cACtoD,6FACGa,4BAEJ,GAASC,oBAAQD,IAAe,Q,2DC+CjB,G,UAAA,CACfE,YACAC,gBACAC,oEAEAC,OACA,OACAC,gEACAT,kBACAU,UACAC,gBACAC,gBACAC,cACAhB,cACAiB,oBACAJ,MACAK,4CACAC,8DAEAC,MACAF,wCACAC,0DAEAJ,YACAG,mDAEAF,UACAE,gDACAC,qEAKAE,UACAC,UACA,sEAIAC,SACAC,qBACA,iBACA,cAGA,sBACA,IACA,yBACA,4BACAC,6CACAC,yCACAC,qBACAC,8CACAC,0CACAC,oBAGA,mBACA,SACA,oBACAC,oBACA,QACA,qBAGA,oBACA,IACA,8CACAN,+CAEAM,6BACA,mBAAAlB,wBACA,SACAkB,yBC5HghB,I,wBCQ5gBC,EAAY,eACd,EACA,EACA1B,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,2CCnBf,W","file":"assets/js/chunk-f1eb886e.28cc02dd.js","sourcesContent":["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(\"listing.label.details\")))]),_c('TheListingCard'),_c('b-container',{staticClass:\"border-top mt-5\"},[_c('div',{staticClass:\"my-5\"},[_c('h4',[_vm._v(\" \"+_vm._s(_vm.$store.getters.listingPlanName)+\": \"),_c('b',{staticClass:\"text-primary\"},[_vm._v(\"$\"+_vm._s(_vm.$store.getters.listingPlanPrice))])])]),_c('div',{staticClass:\"border p-3 my-3\"},[_c('VCreditCard',{attrs:{\"trans\":_vm.creditTranslations},on:{\"change\":_vm.creditInfoChanged}}),_c('div',{staticStyle:{\"width\":\"400px\",\"padding\":\"0 20px\",\"margin\":\"0 auto\"}},[_c('v-btn',{staticClass:\"px-5\",attrs:{\"disabled\":_vm.payable,\"rounded\":\"\",\"block\":\"\",\"loading\":_vm.payLoading,\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.payListingFee()}}},[_c('b',[_vm._v(_vm._s(_vm.$t(\"ListingProcess.Pay\"))+\" $\"+_vm._s(_vm.$store.getters.listingPlanPrice)+\" \"+_vm._s(_vm.$t(\"ListingProcess.Now\")))])])],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errorMessage),expression:\"errorMessage\"}],staticClass:\"p-2 border border-danger text-danger text-center\"},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")])]),_c('div',{staticClass:\"d-flex justify-content-between align-items-center wizard-footer\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.cancelModal\",modifiers:{\"cancelModal\":true}}],staticClass:\"px-3 cancelButton\",attrs:{\"pill\":\"\",\"variant\":\"half-dark\"}},[_c('v-icon',[_vm._v(\"mdi-close\")]),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")],1),_c('div',{staticClass:\"saveAndLeave\"},[_c('TheSaveAndLeave')],1)],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(\"listing.label.details\") }}</h3>\r\n\r\n    <TheListingCard />\r\n\r\n    <b-container class=\"border-top mt-5\">\r\n      <div class=\"my-5\">\r\n        <h4>\r\n          {{ $store.getters.listingPlanName }}:\r\n          <b class=\"text-primary\">${{ $store.getters.listingPlanPrice }}</b>\r\n        </h4>\r\n      </div>\r\n\r\n      <div class=\"border p-3 my-3\">\r\n        <VCreditCard @change=\"creditInfoChanged\" :trans=\"creditTranslations\" />\r\n        <div style=\"width: 400px;padding: 0 20px;margin: 0 auto\">\r\n          <v-btn\r\n            @click=\"payListingFee()\"\r\n            :disabled=\"payable\"\r\n            class=\"px-5\"\r\n            rounded\r\n            block\r\n            :loading=\"payLoading\"\r\n            depressed\r\n            color=\"primary\"\r\n          >\r\n            <b>{{ $t(\"ListingProcess.Pay\") }} ${{ $store.getters.listingPlanPrice }} {{ $t(\"ListingProcess.Now\") }}</b>\r\n          </v-btn>\r\n        </div>\r\n      </div>\r\n      <div class=\"p-2 border border-danger text-danger text-center\" v-show=\"errorMessage\">\r\n        {{ errorMessage }}\r\n      </div>\r\n    </b-container>\r\n    <div class=\"d-flex justify-content-between align-items-center wizard-footer\">\r\n      <b-button pill variant=\"half-dark\" class=\"px-3 cancelButton\" v-b-modal.cancelModal\r\n        ><v-icon>mdi-close</v-icon> {{ $t(\"global.button.cancel\") }}\r\n      </b-button>\r\n      <div class=\"saveAndLeave\">\r\n        <TheSaveAndLeave />\r\n      </div>\r\n    </div>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport VCreditCard from \"v-credit-card\";\r\nimport \"v-credit-card/dist/VCreditCard.css\";\r\n\r\nexport default {\r\n  components: {\r\n    VCreditCard,\r\n    TheListingCard: () => import(\"@/components/listing/TheListingCard\"),\r\n  },\r\n  data() {\r\n    return {\r\n      page: \"https://stripe.com/\" + this.$store.getters.lang + \"-ca/about\",\r\n      errorMessage: null,\r\n      name: null,\r\n      cardNumber: null,\r\n      expiration: null,\r\n      security: null,\r\n      payLoading: false,\r\n      creditTranslations: {\r\n        name: {\r\n          label: this.$t(\"Reservation.CreditCardName\"),\r\n          placeholder: this.$t(\"Reservation.CreditCardNamePlaceHolder\"),\r\n        },\r\n        card: {\r\n          label: this.$t(\"Reservation.CreditCard\"),\r\n          placeholder: this.$t(\"Reservation.CreditCardPlaceHolder\"),\r\n        },\r\n        expiration: {\r\n          label: this.$t(\"Reservation.CreditCardExpiration\"),\r\n        },\r\n        security: {\r\n          label: this.$t(\"Reservation.CreditCardSecurity\"),\r\n          placeholder: this.$t(\"Reservation.CreditCardSecurityPlaceHolder\"),\r\n        },\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    payable() {\r\n      if (this.name && this.cardNumber && this.expiration && this.security) return false;\r\n      else return true;\r\n    },\r\n  },\r\n  methods: {\r\n    creditInfoChanged(values) {\r\n      for (const key in values) {\r\n        this[key] = values[key];\r\n      }\r\n    },\r\n    async payListingFee() {\r\n      try {\r\n        this.payLoading = true;\r\n        await axios.post(\"Listing/Payment\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n          CardNo: this.cardNumber.replace(/\\s/g, \"\"),\r\n          HolderName: this.name,\r\n          ExpireYear: \"20\" + this.expiration.split(\"/\")[1],\r\n          ExpireMonth: this.expiration.split(\"/\")[0],\r\n          CVV: this.security,\r\n        });\r\n        // window.location.href = response.data;\r\n        this.ListingDone();\r\n      } catch (error) {\r\n        this.errorMessage = error;\r\n        console.log(error.data);\r\n      }finally {\r\n        this.payLoading = false;\r\n      }\r\n    },\r\n    async ListingDone() {\r\n      try {\r\n        const response = await axios.post(\"Listing/ListingDone\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n        });\r\n        console.log(\"ListingDone\", response);\r\n        this.$router.push({ name: \"ListingSuccess\" });\r\n      } catch (error) {\r\n        console.log(error.data);\r\n      }\r\n    },\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","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!./TheListingCheckout.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!./TheListingCheckout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingCheckout.vue?vue&type=template&id=9a8e7dc6&scoped=true&\"\nimport script from \"./TheListingCheckout.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingCheckout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingCheckout.vue?vue&type=style&index=0&id=9a8e7dc6&prod&scoped=true&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  \"9a8e7dc6\",\n  null\n  \n)\n\nexport default component.exports","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!./TheListingCheckout.vue?vue&type=style&index=0&id=9a8e7dc6&prod&scoped=true&lang=scss&\""],"sourceRoot":""}