{"version":3,"sources":["webpack:///./src/components/dashboard/myAccount/TheGettingPaidEdit.vue","webpack:///src/components/dashboard/myAccount/TheGettingPaidEdit.vue","webpack:///./src/components/dashboard/myAccount/TheGettingPaidEdit.vue?4b94","webpack:///./src/components/dashboard/myAccount/TheGettingPaidEdit.vue?2383"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","attrs","_l","paidList","pay","key","Name","on","$event","selectPayMethods","model","value","payMethods","callback","$$v","expression","Feilds","f","FeildId","form","feildId","$set","name","savePayment","directives","rawName","errorMessage","staticRenderFns","data","methods","ccc","CountryCode","console","paymentInfo","Value","beforeMount","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,KAAK,CAACF,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,2CAA2CL,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,uBAAuB,GAAGF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,UAAU,CAACM,MAAM,CAAC,QAAU,UAAU,KAAO,KAAK,CAACN,EAAG,iCAAiC,CAACE,YAAY,SAASF,EAAG,OAAO,CAACF,EAAIK,GAAG,6KAA6K,GAAGL,EAAIS,GAAIT,EAAIU,UAAU,SAASC,EAAIC,GAAK,OAAOV,EAAG,MAAM,CAACU,IAAIA,GAAK,CAACV,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,kBAAkB,CAACM,MAAM,CAAC,OAAS,GAAG,MAAQG,EAAIE,MAAMC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOf,EAAIgB,iBAAiB,WAAaL,EAAIE,QAAQI,MAAM,CAACC,MAAOlB,EAAImB,WAAYC,SAAS,SAAUC,GAAMrB,EAAImB,WAAWE,GAAKC,WAAW,eAAe,CAACtB,EAAIK,GAAG,IAAIL,EAAIM,GAAGK,EAAIE,MAAM,QAAQ,GAAGX,EAAG,aAAa,CAACE,YAAY,OAAOI,MAAM,CAAC,GAAK,WAAaG,EAAIE,KAAK,UAAY,kBAAkB,CAACX,EAAG,SAAS,CAACF,EAAIS,GAAIE,EAAIY,QAAQ,SAASC,GAAG,OAAOtB,EAAG,UAAU,CAACU,IAAIY,EAAEC,SAAS,CAACvB,EAAG,QAAQ,CAACF,EAAIK,GAAGL,EAAIM,GAAGkB,EAAEX,SAASX,EAAG,eAAe,CAACe,MAAM,CAACC,MAAOlB,EAAI0B,KAAKC,QAAQH,EAAEC,SAAUL,SAAS,SAAUC,GAAMrB,EAAI4B,KAAK5B,EAAI0B,KAAKC,QAASH,EAAEC,QAASJ,IAAMC,WAAW,8BAA8B,MAAKpB,EAAG,UAAU,CAACE,YAAY,oBAAoB,CAACF,EAAG,WAAW,CAACE,YAAY,YAAYI,MAAM,CAAC,QAAU,iBAAiB,GAAK,CAAEqB,KAAM,iBAAkB,CAAC7B,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,4BAA4BL,EAAG,WAAW,CAACE,YAAY,YAAYI,MAAM,CAAC,QAAU,mBAAmBM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAI8B,iBAAiB,CAAC9B,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,uBAAuB,QAAQ,IAAI,IAAI,IAAI,MAAKL,EAAG,UAAU,CAAC6B,WAAW,CAAC,CAACF,KAAK,OAAOG,QAAQ,SAASd,MAAOlB,EAAIiC,aAAcX,WAAW,kBAAkB,CAACpB,EAAG,UAAU,CAACM,MAAM,CAAC,QAAU,SAAS,KAAO,KAAK,CAACR,EAAIK,GAAGL,EAAIM,GAAGN,EAAIiC,kBAAkB,IAAI,IAAI,IAE//DC,EAAkB,G,iCCkEP,GACfC,OACA,OACAzB,YACAS,gBACAO,MACAC,YAEAM,oBAGAG,SACApB,oBACA,WAAAW,YACA,4CAEA,wBACA,4CACAU,mCACA,IACA,gDACAC,mBAEA,qBACA,SACAC,+BAGA,oBACA,SACA,kCACA,GACAC,QACAf,UACAgB,YAIA,IACA,iDACAF,eACA,mBAAAV,qBACA,SACA,qCAIAa,cACA,yBCpH+hB,I,YCO3hBC,EAAY,eACd,EACA5C,EACAmC,GACA,EACA,KACA,KACA,MAIa,aAAAS,E","file":"assets/js/chunk-2d20fe12.f1a5ef9a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"benefits rounded p-3\"},[_c('div',{staticClass:\"mx-3 py-3 border-bottom\"},[_c('h4',[_vm._v(_vm._s(_vm.$t(\"accountSettings.label.gettingPaid\")))])]),_c('b-row',[_c('b-col',{staticClass:\"m-auto text-right\"})],1),_c('div',{staticClass:\"p-4\"},[_c('b-alert',{attrs:{\"variant\":\"warning\",\"show\":\"\"}},[_c('b-icon-exclamation-circle-fill',{staticClass:\"mr-2\"}),_c('span',[_vm._v(\"Once a buyer confirms the purchase of your vehicle, we pick the vehicle from you and pay you immediately. Please select how you would you like to receive the payment.\")])],1),_vm._l((_vm.paidList),function(pay,key){return _c('div',{key:key},[_c('div',{staticClass:\"border rounded p-2 my-2\"},[_c('b-form-checkbox',{attrs:{\"switch\":\"\",\"value\":pay.Name},on:{\"change\":function($event){return _vm.selectPayMethods('collapse' + pay.Name)}},model:{value:(_vm.payMethods),callback:function ($$v) {_vm.payMethods=$$v},expression:\"payMethods\"}},[_vm._v(\" \"+_vm._s(pay.Name)+\" \")])],1),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":'collapse' + pay.Name,\"accordion\":\"my-payMethods\"}},[_c('b-card',[_vm._l((pay.Feilds),function(f){return _c('section',{key:f.FeildId},[_c('label',[_vm._v(_vm._s(f.Name))]),_c('b-form-input',{model:{value:(_vm.form.feildId[f.FeildId]),callback:function ($$v) {_vm.$set(_vm.form.feildId, f.FeildId, $$v)},expression:\"form.feildId[f.FeildId]\"}})],1)}),_c('section',{staticClass:\"text-center mt-3\"},[_c('b-button',{staticClass:\"px-5 mr-2\",attrs:{\"variant\":\"outline-danger\",\"to\":{ name: 'GettingPaid' }}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\")))]),_c('b-button',{staticClass:\"px-5 ml-2\",attrs:{\"variant\":\"outline-success\"},on:{\"click\":function($event){return _vm.savePayment()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.save\"))+\" \")])],1)],2)],1)],1)}),_c('section',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errorMessage),expression:\"errorMessage\"}]},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":\"\"}},[_vm._v(_vm._s(_vm.errorMessage))])],1)],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"benefits rounded p-3\">\r\n    <div class=\"mx-3 py-3 border-bottom\">\r\n      <h4>{{ $t(\"accountSettings.label.gettingPaid\") }}</h4>\r\n    </div>\r\n    <b-row>\r\n      <b-col class=\"m-auto text-right\"> </b-col>\r\n    </b-row>\r\n    <div class=\"p-4\">\r\n      <b-alert variant=\"warning\" show>\r\n        <b-icon-exclamation-circle-fill class=\"mr-2\" />\r\n        <span\r\n          >Once a buyer confirms the purchase of your vehicle, we pick the\r\n          vehicle from you and pay you immediately. Please select how you would\r\n          you like to receive the payment.</span\r\n        >\r\n      </b-alert>\r\n      <!-- {{ paidList }} -->\r\n      <div v-for=\"(pay, key) in paidList\" :key=\"key\">\r\n        <div class=\"border rounded p-2 my-2\">\r\n          <b-form-checkbox\r\n            switch\r\n            v-model=\"payMethods\"\r\n            :value=\"pay.Name\"\r\n            @change=\"selectPayMethods('collapse' + pay.Name)\"\r\n          >\r\n            {{ pay.Name }}\r\n          </b-form-checkbox>\r\n        </div>\r\n\r\n        <b-collapse\r\n          :id=\"'collapse' + pay.Name\"\r\n          class=\"mt-2\"\r\n          accordion=\"my-payMethods\"\r\n        >\r\n          <b-card>\r\n            <section v-for=\"f in pay.Feilds\" :key=\"f.FeildId\">\r\n              <label>{{ f.Name }}</label>\r\n              <b-form-input v-model=\"form.feildId[f.FeildId]\"></b-form-input>\r\n            </section>\r\n            <section class=\"text-center mt-3\">\r\n              <b-button\r\n                variant=\"outline-danger\"\r\n                class=\"px-5 mr-2\"\r\n                :to=\"{ name: 'GettingPaid' }\"\r\n              >\r\n                {{ $t(\"global.button.cancel\") }}</b-button\r\n              ><b-button\r\n                variant=\"outline-success\"\r\n                class=\"px-5 ml-2\"\r\n                @click=\"savePayment()\"\r\n              >\r\n                {{ $t(\"global.button.save\") }}\r\n              </b-button>\r\n            </section>\r\n          </b-card>\r\n        </b-collapse>\r\n      </div>\r\n      <section v-show=\"errorMessage\">\r\n        <b-alert variant=\"danger\" show>{{ errorMessage }}</b-alert>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      paidList: [],\r\n      payMethods: null,\r\n      form: {\r\n        feildId: []\r\n      },\r\n      errorMessage: null\r\n    };\r\n  },\r\n  methods: {\r\n    selectPayMethods(id) {\r\n      this.form = { feildId: [] };\r\n      this.$root.$emit(\"bv::toggle::collapse\", id);\r\n    },\r\n    async gettingPaidList() {\r\n      const ucc = this.$store.getters.userCountryCode,\r\n        ccc = this.$store.getters.country.Code;\r\n      try {\r\n        const response = await axios.post(\"Basic/GettingPaidList\", {\r\n          CountryCode: ucc ? ucc : ccc\r\n        });\r\n        this.paidList = response.data;\r\n      } catch (error) {\r\n        console.log(error.response.data);\r\n      }\r\n    },\r\n    async savePayment() {\r\n      let paymentInfo = [];\r\n      this.form.feildId.forEach((element, key) => {\r\n        if (element) {\r\n          paymentInfo.push({\r\n            FeildId: key,\r\n            Value: element\r\n          });\r\n        }\r\n      });\r\n      try {\r\n        const response = await axios.post(\"user/GettingPaidSave\", paymentInfo);\r\n        console.log(response);\r\n        this.$router.push({ name: \"GettingPaid\" });\r\n      } catch (error) {\r\n        this.errorMessage = error.response.data;\r\n      }\r\n    }\r\n  },\r\n  beforeMount() {\r\n    this.gettingPaidList();\r\n  }\r\n};\r\n</script>\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!./TheGettingPaidEdit.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!./TheGettingPaidEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheGettingPaidEdit.vue?vue&type=template&id=f842191e&\"\nimport script from \"./TheGettingPaidEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./TheGettingPaidEdit.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}