{"version":3,"sources":["webpack:///./src/views-rem/paypal-mall/index.vue?6308","webpack:///./src/views-rem/paypal-mall/index.vue","webpack:///src/views-rem/paypal-mall/index.vue","webpack:///./src/views-rem/paypal-mall/index.vue?cba4","webpack:///./src/views-rem/paypal-mall/index.vue?a99f"],"names":["render","_vm","this","_c","_self","staticClass","ref","showStripe","on","handleStripePay","_v","_e","staticRenderFns","paypalButtons","VUE_APP_PAYPAL_CLIENTID","process","name","metaInfo","script","src","data","currencyCode","customId","amount","mounted","initPaypal","created","version","$route","query","includes","console","log","window","webkit","methods","paypal","updateButtons","setTimeout","close","Buttons","style","layout","color","shape","label","createOrder","actions","order","create","purchase_units","currency_code","value","custom_id","description","onApprove","paypalOrderSuccess","then","res","onError","paypalOrderFailed","$refs","stripePayments","app","flavor","ticket","successUrl","location","protocol","host","cancelUrl","href","code","open","url","$toast","fail","message","msg","component"],"mappings":"gHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,IAAI,SAASD,YAAY,mBAAoBJ,EAAIM,WAAYJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,SAASG,GAAG,CAAC,MAAQP,EAAIQ,kBAAkB,CAACR,EAAIS,GAAG,qBAAqBT,EAAIU,QAEnTC,EAAkB,G,wBC6BtB,IAAAC,EACA,MAAAC,EAAAC,mFAEe,OACfC,KAAA,cACAC,SAAA,CACAC,OAAA,CACA,CAAAC,IAAA,2CAAAL,qCAGAM,OACA,OACAC,aAAA,GACAC,SAAA,GACAC,OAAA,GACAhB,YAAA,IAGAiB,UACA,KAAAC,cAEAC,UACA,mBAAAL,EAAA,SAAAC,EAAA,OAAAC,EAAA,QAAAI,GAAA,KAAAC,OAAAC,MACA,KAAAtB,WAAAoB,GAAA,EACA,KAAAN,eACA,KAAAC,WACA,KAAAC,SACA,cAAAO,SAAAf,UACAgB,QAAAC,IAAA,KAAAJ,OAAAC,OACAE,QAAAC,IAAAC,OAAAC,UAGAC,QAAA,CACAV,aACAQ,OAAAG,OAKA,KAAAC,gBAJAC,WAAA,KACA,KAAAb,cACA,KAKAY,gBACA,MAAAD,EAAAH,OAAAG,OACAvB,KAAA0B,OACA1B,EAAA0B,QAEA,mBAAAlB,EAAA,OAAAE,EAAA,SAAAD,GAAA,KACAT,EAAAuB,EAAAI,QAAA,CACAC,MAAA,CACAC,OAAA,aACAC,MAAA,OACAC,MAAA,OACAC,MAAA,UAEAC,aAAA1B,EAAA2B,IACAA,EAAAC,MAAAC,OAAA,CACAC,eAAA,CACA,CACA3B,OAAA,CACA4B,cAAA9B,EACA+B,MAAA7B,GAEA8B,UAAA/B,EACAgC,YAAA,UAKAC,WAAAnC,EAAA2B,KACAS,eAAApC,GAAAqC,KAAAC,IACA3B,QAAAC,IAAA0B,MAGAC,QAAAvC,IACAwC,eAAAxC,MAGAP,EAAAb,OAAA,KAAA6D,MAAAzB,SAEA3B,kBACAqD,eAAA,CACAC,IAAA,KAAAnC,OAAAC,MAAAmC,QAAA,UACAC,OAAA,KAAA3C,SACA4C,WAAAC,SAAAC,SAAA,KAAAD,SAAAE,KAAA,kBACAC,UAAAH,SAAAI,OAEAd,KAAAC,IACA,MAAAA,EAAAc,KACAvC,OAAAwC,KAAAf,EAAAtC,KAAAsD,KAEA,KAAAC,OAAAC,KAAA,CACAC,QAAAnB,EAAAoB,WC3H8V,I,wBCQ1VC,EAAY,eACd,EACA/E,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAmE,E","file":"js/chunk-64bf245b.5a66180e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=62e69000&prod&lang=less&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paypal-main\"},[_c('div',{ref:\"paypal\",staticClass:\"paypal-wrapper\"}),(_vm.showStripe)?_c('div',{staticClass:\"stripe-pay\"},[_c('div',{staticClass:\"button\",on:{\"click\":_vm.handleStripePay}},[_vm._v(\" Pay by Card \")])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"paypal-main\">\n    <div\n      ref=\"paypal\"\n      class=\"paypal-wrapper\"\n    />\n\n    <div\n      v-if=\"showStripe\"\n      class=\"stripe-pay\"\n    >\n      <div\n        class=\"button\"\n        @click=\"handleStripePay\"\n      >\n        Pay by Card\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// /* eslint-disable */\n// import { addScript } from '@/utils'\n// const PaypalUrl = 'https://www.paypal.com/sdk/js?client-id=AdpaWeKLd1eM1foOeZ1zaEmM-7BpopT1UMKNCVG5yOMHGmSYVOvWKCf38qZdzrdvjP1j1E8MAnhST-t7&components=buttons&vault=true'\n// addScript(PaypalUrl)\nimport {\n  paypalOrderSuccess,\n  paypalOrderFailed\n} from '@/utils'\nimport { stripePayments } from '@/api/pay.js'\nlet paypalButtons\nconst VUE_APP_PAYPAL_CLIENTID = process.env.VUE_APP_PAYPAL_CLIENTID2\n\nexport default {\n  name: 'PaypalIndex',\n  metaInfo: {\n    script: [\n      { src: `https://www.paypal.com/sdk/js?client-id=${VUE_APP_PAYPAL_CLIENTID}&components=buttons&vault=true` }\n    ]\n  },\n  data () {\n    return {\n      currencyCode: '',\n      customId: '',\n      amount: '',\n      showStripe: false\n    }\n  },\n  mounted () {\n    this.initPaypal()\n  },\n  created () {\n    const { currencyCode, customId, amount, version } = this.$route.query\n    this.showStripe = version >= 2\n    this.currencyCode = currencyCode\n    this.customId = customId\n    this.amount = amount\n    if (['dev', 'sit'].includes(process.env.VUE_APP_ENVIRONMENT)) {\n      console.log(this.$route.query)\n      console.log(window.webkit)\n    }\n  },\n  methods: {\n    initPaypal () {\n      if (!window.paypal) {\n        setTimeout(() => {\n          this.initPaypal()\n        }, 40)\n      } else {\n        this.updateButtons()\n      }\n    },\n    updateButtons () {\n      const paypal = window.paypal\n      if (paypalButtons && paypalButtons.close) {\n        paypalButtons.close()\n      }\n      const { currencyCode, amount, customId } = this\n      paypalButtons = paypal.Buttons({\n        style: {\n          layout: 'horizontal',\n          color: 'gold',\n          shape: 'rect',\n          label: 'paypal'\n        },\n        createOrder: (data, actions) => {\n          return actions.order.create({\n            purchase_units: [\n              {\n                amount: {\n                  currency_code: currencyCode,\n                  value: amount\n                },\n                custom_id: customId,\n                description: 'cdk'\n              }\n            ]\n          })\n        },\n        onApprove: (data, actions) => {\n          paypalOrderSuccess(data).then(res => {\n            console.log(res)\n          })\n        },\n        onError: (data) => {\n          paypalOrderFailed(data)\n        }\n      })\n      paypalButtons.render(this.$refs.paypal)\n    },\n    handleStripePay () {\n      stripePayments({\n        app: this.$route.query.flavor || 'netboom',\n        ticket: this.customId,\n        successUrl: location.protocol + '//' + location.host + '/paypal/success',\n        cancelUrl: location.href\n      })\n        .then(res => {\n          if (res.code === 200) {\n            window.open(res.data.url)\n          } else {\n            this.$toast.fail({\n              message: res.msg\n            })\n          }\n        })\n    }\n  }\n}\n</script>\n\n<style lang=\"less\">\n    .paypal-main{\n        display: flex;\n        height: 100%;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n        box-sizing: border-box;\n        .paypal-wrapper{\n            width: 600px;\n            display: flex;\n            justify-content: space-around;\n        }\n        .stripe-pay {\n            margin-top: 30px;\n            width: 600px;\n            .button {\n              width: 100%;\n              margin: 0 auto;\n              // min-width: 500PX;\n              max-width: 750PX;\n              height: 55PX;\n              background: #ffc439;\n              color: black;\n              border-radius: 4PX;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              font-size: 20PX;\n              cursor: pointer;\n            }\n\n            @media only screen and (min-width: 150px) {\n              .button {\n                height: 25PX;\n              }\n            }\n\n            @media only screen and (min-width: 200px) {\n              .button {\n                height: 35PX;\n              }\n            }\n\n            @media only screen and (min-width: 375px) {\n              .button {\n                height: 45PX;\n              }\n            }\n\n             @media only screen and (min-width: 625px) {\n               .button {\n                  height: 55PX;\n               }\n            }\n        }\n    }\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=62e69000&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=62e69000&prod&lang=less&\"\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":""}