{"version":3,"sources":["webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/PayPal.vue?0f3b","webpack:///src/extensions/shop/components/CheckoutStepper/Steps/Partials/PayPal.vue","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/PayPal.vue?207e","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/PayPal.vue","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/PayPal.vue?c93f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","style","order","init","validate","approve","error","cancel","staticRenderFns","name","props","valid","type","Boolean","default","data","watch","actions","value","enable","methods","disable","$emit","id","approvePayment","purchase","undefined","title","text","autoclose","addMessage","errorMessage","payment_gateway_response_id","refusePayment","orderID","leaving","beforeDestroy","window","removeEventListener","created","addEventListener","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,KAAO,EAAE,UAAY,KAAKH,EAAG,gBAAgB,CAACE,YAAY,UAAUE,MAAOR,EAAS,MAAEO,MAAM,CAAC,eAAeP,EAAIS,MAAM,UAAUT,EAAIU,KAAK,WAAWV,EAAIW,SAAS,aAAaX,EAAIY,QAAQ,WAAWZ,EAAIa,MAAM,YAAYb,EAAIc,WAAW,IAC5XC,EAAkB,G,iFCkBtB,GACEC,KAAM,SACNC,MAAO,CACLC,MAAO,CACLC,KAAMC,QACNC,SAAS,IAGbC,KAAM,WAAR,OACA,gBACA,eACA,WAQEC,MAAO,CACLL,MADJ,SACA,GACUjB,KAAKuB,WACO,IAAVC,EAAgBxB,KAAKuB,QAAQE,SACzC,0BAIEC,QAAS,OAAX,OAAW,CAAX,CACIjB,KADJ,SACA,KACMT,KAAKuB,QAAUA,EACVvB,KAAKiB,OAAOM,EAAQI,WAE3BjB,SALJ,WAMMV,KAAK4B,MAAM,aAEb,MARJ,WAQA,uKACA,GACA,SACA,eACA,uDACA,aACA,eAIA,2DAVA,kBAWA,YACA,kBAEA,GADA,qBACA,sEAEA,mBAGA,MAFA,gBACA,mBACA,MAnBA,8CAsBIjB,QA9BJ,WA+BM,IAAN,qCACUkB,GAAI7B,KAAK8B,eAAeD,GAE5B7B,KAAK+B,cAAWC,GAElBpB,MApCJ,SAoCA,GACM,GAAIZ,KAAK+B,SAAU,CACjB,IAAR,GACUF,GAAI,MACJI,MAAO,SACPC,KAAM,wCACNhB,KAAM,QACNiB,UAAW,KAEbnC,KAAKoC,WAAWC,GAEhB,IAAR,qCACA,8DACYR,GAAMS,GAA6BtC,KAAKuC,cAAc,CAAlE,uCAGI1B,OApDJ,SAoDA,GACM,IAAN,qCACUgB,GAAMR,EAAKmB,SAASxC,KAAKuC,cAAc,CAAjD,8CAEIE,QAxDJ,WAyDM,IAAN,qCACA,8DACUZ,GAAMS,GAA6BtC,KAAKuC,cAAc,CAAhE,uCAEA,gBACI,OAAJ,0BACI,eAAJ,sBACI,cAAJ,qBACI,WAAJ,iBAGEG,cA/FF,WAgGI1C,KAAKyC,UACLE,OAAOC,oBAAoB,eAAgB5C,KAAKyC,UAElDI,QAnGF,WAoGIF,OAAOG,iBAAiB,eAAgB9C,KAAKyC,WCvH0W,I,wBCQvZM,EAAY,eACd,EACAjD,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAAiC,E,2CCnBf,yBAAonB,EAAG,G","file":"js/chunk-3eac3e79.ac5c983f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"paypal\"},[_c('Spinner',{attrs:{\"size\":8,\"thickness\":3}}),_c('PaypalButtons',{staticClass:\"buttons\",style:(_vm.style),attrs:{\"create-order\":_vm.order,\"on-init\":_vm.init,\"on-click\":_vm.validate,\"on-approve\":_vm.approve,\"on-error\":_vm.error,\"on-cancel\":_vm.cancel}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n  .paypal\n    Spinner(:size=\"8\" :thickness=\"3\")\n    PaypalButtons.buttons(\n      :style=\"style\"\n      :create-order=\"order\"\n      :on-init=\"init\"\n      :on-click=\"validate\"\n      :on-approve=\"approve\"\n      :on-error=\"error\"\n      :on-cancel=\"cancel\"\n    )\n</template>\n\n<script>\nimport uniqid from 'uniqid';\nimport { get } from '@/helpers';\nimport { mapActions } from 'vuex';\n\nexport default {\n  name: 'PayPal',\n  props: {\n    valid: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data: () => ({\n    purchase: undefined,\n    actions: undefined,\n    style: {\n      // NOTE: does not work\n      // color:  'blue',\n      // shape:  'pill',\n      // label:  'pay',\n      // height: 40\n    }\n  }),\n  watch: {\n    valid(value) {\n      if (this.actions) {\n        if (value === true) this.actions.enable();\n        else this.actions.disable();\n      }\n    }\n  },\n  methods: {\n    init(data, actions) {\n      this.actions = actions;\n      if (!this.valid) actions.disable();\n    },\n    validate() {\n      this.$emit('validate');\n    },\n    async order() {\n      const errorMessage = {\n        id: uniqid(),\n        title: 'Fehler',\n        text: 'Die Bestellung konnte nicht verarbeitet werden!',\n        type: 'error',\n        autoclose: 8000\n      };\n\n      // get preiously created purchase\n      const id = get(this.purchase, 'payment_gateway_response_id');\n      return this.submit(id)\n        .then(purchase => {\n          if (purchase.id) this.purchase = purchase;\n          if (purchase.payment_gateway_response_id) return purchase.payment_gateway_response_id;\n        })\n        .catch(error => {\n          this.addMessage(errorMessage);\n          this.$emit('error', error);\n          throw error;\n        });\n    },\n    approve() {\n      const id = get(this.purchase, 'id');\n      if (id) this.approvePayment(id);\n\n      this.purchase = undefined;\n    },\n    error(error) {\n      if (this.purchase) {\n        const errorMessage = {\n          id: uniqid(),\n          title: 'Fehler',\n          text: 'PayPal meldet ein technisches Problem',\n          type: 'error',\n          autoclose: 8000\n        };\n        this.addMessage(errorMessage);\n\n        const id = get(this.purchase, 'id');\n        const payment_gateway_response_id = get(this.purchase, 'payment_gateway_response_id');\n        if (id && payment_gateway_response_id) this.refusePayment({ id, payment_gateway_response_id });\n      }\n    },\n    cancel(data) {\n      const id = get(this.purchase, 'id');\n      if (id && data.orderID) this.refusePayment({ id, payment_gateway_response_id: data.orderID });\n    },\n    leaving() {\n      const id = get(this.purchase, 'id');\n      const payment_gateway_response_id = get(this.purchase, 'payment_gateway_response_id');\n      if (id && payment_gateway_response_id) this.refusePayment({ id, payment_gateway_response_id });\n    },\n    ...mapActions({\n      submit: 'shop/submitCheckoutForm',\n      approvePayment: 'shop/approvePayment',\n      refusePayment: 'shop/refusePayment',\n      addMessage: 'message/add'\n    })\n  },\n  beforeDestroy() {\n    this.leaving();\n    window.removeEventListener('beforeunload', this.leaving);\n  },\n  created() {\n    window.addEventListener('beforeunload', this.leaving);\n  }\n};\n</script>\n\n<style lang=\"sass\">\n.paypal\n  // @apply flex flex-col\n  position: relative\n  min-height: 4rem\n  .spinner-container\n    position: absolute\n    left: 0\n    top: 0\n    width: 100%\n    height: 100%\n    z-index: 0\n  .buttons .paypal-buttons\n    @apply bg-gray-100 relative\n    min-height: 0 !important\n</style>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayPal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayPal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PayPal.vue?vue&type=template&id=da77c5ee&lang=pug&\"\nimport script from \"./PayPal.vue?vue&type=script&lang=js&\"\nexport * from \"./PayPal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PayPal.vue?vue&type=style&index=0&lang=sass&\"\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","import mod from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayPal.vue?vue&type=style&index=0&lang=sass&\"; export default mod; export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayPal.vue?vue&type=style&index=0&lang=sass&\""],"sourceRoot":""}