{"version":3,"sources":["webpack:///./src/components/Checkout.vue","webpack:///src/components/Checkout.vue","webpack:///./src/components/Checkout.vue?15ac","webpack:///./src/components/Checkout.vue?5b6d"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","openCheckout","_v","staticRenderFns","name","props","package_id","Number","beforeMount","getEmployer","data","script","order","employer","methods","emp_token","$cookies","get","token","$apiAction","then","res","catch","err","console","log","remove","$router","replace","createOrder","that","options","key","process","VUE_APP_RAZORPAY_ID","amount","currency","description","order_id","image","handler","verifyPayment","status","addClientPackage","emp_service_id","showMsgModal","prefill","client_users","contact_person_name","email","contact","mobile","paymentObject","Razorpay","response","paymentFailure","razorpay_payment_id","error","metadata","payment_id","open","result","loadRazorPay","alert","Promise","resolve","document","createElement","src","onload","onerror","body","appendChild","msg","boxOne","$bvModal","msgBoxOk","buttonSize","headerClass","footerClass","centered","push","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACE,YAAY,kBAAkBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIO,kBAAkB,CAACP,EAAIQ,GAAG,oCAAoCN,EAAG,UAElQO,EAAkB,GCUP,G,UAAA,CACfC,KAAA,WACAC,MAAA,CACAC,WAAAC,QAEAC,cACA,KAAAC,eAEAC,OACA,OACAC,OAAA,+CACAC,MAAA,KACAC,SAAA,OAGAC,QAAA,CACAL,cACA,IAAAM,EAAA,KAAAC,SAAAC,IAAA,iBAAAC,MACA,OAAAH,IACA,SAAAI,YAAAV,YAAAM,GAAAK,KAAAC,IACA,KAAAR,SAAAQ,EAAAX,OACAY,MAAAC,IACAC,QAAAC,IAAAF,GACA,KAAAP,SAAAU,OAAA,iBACA,KAAAC,QAAAC,QAAA,YAAAN,MAAA,WAKAO,YAAA,iBACA,IAAAC,EAAA,KACA,IAAAf,EAAA,KAAAC,SAAAC,IAAA,iBAAAC,MACAM,QAAAC,IAAA,KAAAnB,kBACA,SAAAa,YAAAU,YAAA,CAAAvB,WAAA,KAAAA,YAAAS,GAAAK,KAAAC,IACA,KAAAT,MAAAS,EAAAX,KACA,MAAAqB,EAAA,CACAC,IAAAC,wjCAAAC,oBACAC,OAAA,KAAAvB,MAAAuB,OAAA,IACAC,SAAA,MACAhC,KAAA,WACAiC,YAAA,+BACAC,SAAA,KAAA1B,MAAA0B,SACAC,MAAA,+FACAC,QAAA,SAAAnB,IACA,IAAAS,EAAAX,YAAAsB,cAAApB,EAAAN,GAAAK,KAAAC,IACAA,EAAAqB,SACA,IAAAZ,EAAAX,YAAAwB,iBAAA,CAAAC,eAAAvB,EAAAuB,gBAAA7B,GAAAK,KAAAC,IACAA,EAAAqB,QACAZ,EAAAe,aAAA,4BAMAC,QAAA,CACA1C,KAAA,KAAAS,SAAAkC,aAAAC,oBACAC,MAAA,KAAApC,SAAAkC,aAAAE,MACAC,QAAA,KAAArC,SAAAkC,aAAAI,SAGAC,EAAA,IAAAC,SAAAtB,GACAqB,EAAArD,GAAA,2BAAAuD,IACA,IAAAxB,EAAAX,YAAAoC,eAAA,CAAAC,oBAAAF,EAAAG,MAAAC,SAAAC,YAAA5C,GAAAK,KAAAC,IACAG,QAAAC,IAAAJ,QAGA+B,EAAAQ,SACAtC,MAAAC,IACAC,QAAAC,IAAAF,MAGAtB,aAAA,iBACA,MAAA4D,QAAA,KAAAC,eACAD,EAIA,KAAAhC,cAHAkC,MAAA,mCAKA,qBACA,WAAAC,QAAAC,IACA,MAAAtD,EAAAuD,SAAAC,cAAA,UACAxD,EAAAyD,IAAA,KAAAzD,OACAA,EAAA0D,OAAA,KACAJ,GAAA,IAEAtD,EAAA2D,QAAA,KACAL,GAAA,IAEAC,SAAAK,KAAAC,YAAA7D,MAGAkC,aAAA4B,EAAA,MACA,KAAAC,OAAA,GACA,KAAAC,SAAAC,SAAAH,EAAA,CACAI,WAAA,KACAC,YAAA,sBACAC,YAAA,mBACAC,UAAA,IAEA5D,KAAA,KACA,KAAAO,QAAAsD,KAAA,8BCjHiV,I,YCO7UC,EAAY,eACd,EACAzF,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAA+E,E","file":"js/chunk-2d210230.1d57df7a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"text-right\"},[_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.openCheckout()}}},[_vm._v(\"Proceed to pay with Razorpay\")])]),_c('div')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"text-right\">\n            <button class=\"btn btn-primary\" @click=\"openCheckout()\">Proceed to pay with Razorpay</button>\n        </div>\n        <div>\n\n        </div>\n    </div>\n</template>\n<script src=\"https://checkout.razorpay.com/v1/checkout.js\"></script>\n<script>\nexport default {\n  name: 'Checkout',\n  props: {\n    package_id: Number\n  },\n  beforeMount(){\n    this.getEmployer();\n  },\n  data(){\n    return {\n      script: `https://checkout.razorpay.com/v1/checkout.js`,\n      order: null,\n      employer: null\n    }\n  },\n  methods: {\n    getEmployer(){\n      var emp_token = this.$cookies.get(\"hire-employer\").token;\n      if(emp_token !== null){\n        new this.$apiAction().getEmployer(emp_token).then((res) => {\n            this.employer = res.data;\n          }).catch((err) => {\n            console.log(err);\n            this.$cookies.remove(\"hire-employer\");\n            this.$router.replace(\"/recruit\").catch(() => {});\n          });\n      }\n\n    },\n    createOrder: async function(){\n      let that = this;\n      var emp_token = this.$cookies.get(\"hire-employer\").token;\n      console.log(this.package_id);\n      await new this.$apiAction().createOrder({ package_id: this.package_id}, emp_token).then((res) => {\n        this.order = res.data;\n        const options = {\n          key: process.env.VUE_APP_RAZORPAY_ID,\n          amount: this.order.amount/100,\n          currency: 'INR',\n          name: 'Hireclap',\n          description: 'Payment for package purchase',\n          order_id: this.order.order_id,\n          image: 'https://s3.ap-south-1.amazonaws.com/hireclap.com/hireclap/logos/2022/03/231648008065819.jpeg',\n          handler: function(res) {\n            new that.$apiAction().verifyPayment(res, emp_token).then(res => {\n              if(res.status) {\n                new that.$apiAction().addClientPackage({ emp_service_id: res.emp_service_id}, emp_token).then(res => {\n                  if(res.status) {\n                    that.showMsgModal('Payment successfull');\n                  }\n                })\n              }\n            })\n          },\n          prefill: {\n            name: this.employer.client_users.contact_person_name,\n            email: this.employer.client_users.email,\n            contact: this.employer.client_users.mobile\n          }\n        }; \n        const paymentObject = new Razorpay(options);\n        paymentObject.on('payment.failed', function (response){\n          new that.$apiAction().paymentFailure({razorpay_payment_id: response.error.metadata.payment_id}, emp_token).then(res => {\n            console.log(res);  \n          })\n        });\n        paymentObject.open(); \n      }).catch((err) => {\n          console.log(err)\n      });\n    },\n    openCheckout: async function(){\n      const result = await this.loadRazorPay()\n      if(!result){\n        alert('Failed to load razorpay script')\n        return\n      }\n      this.createOrder();\n    },\n     async loadRazorPay(){\n      return new Promise(resolve=>{\n        const script = document.createElement('script')\n        script.src = this.script\n        script.onload = () =>{\n          resolve(true)\n        }\n        script.onerror = () =>{\n          resolve(false)\n        }        \n        document.body.appendChild(script)\n      })      \n    },\n    showMsgModal(msg = null) {\n      this.boxOne = '';\n      this.$bvModal.msgBoxOk(msg, {\n          buttonSize: 'sm',\n          headerClass: 'p-2 border-bottom-0',\n          footerClass: 'p-2 border-top-0',\n          centered: true\n        })\n        .then(() => {\n          this.$router.push('client-job-dashboard')\n        });\n    },\n  },\n}\n\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Checkout.vue?vue&type=template&id=5e1b9194\"\nimport script from \"./Checkout.vue?vue&type=script&lang=js\"\nexport * from \"./Checkout.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"],"sourceRoot":""}