{"version":3,"sources":["webpack:///./node_modules/core-js/internals/number-parse-int.js","webpack:///./node_modules/core-js/modules/es.parse-int.js","webpack:///./src/views/checkout.vue","webpack:///./src/components/OrderForm.vue","webpack:///./src/components/PaypalButton.vue","webpack:///./src/components/PaypalButton.vue?1492","webpack:///./src/components/OrderForm.vue?64be","webpack:///./src/views/checkout.vue?2318"],"names":["global","trim","whitespaces","$parseInt","parseInt","hex","FORCED","module","exports","string","radix","S","String","test","$","parseIntImplementation","forced","class","showModals","showBasket","disabled","buttonDisabled","id","method","action","enctype","onSubmit","form","errors","clear","$event","target","name","strasse","type","get","any","hausnummer","etasse","plz","stadt","telefonnummer","email","orderType","getOrderType","otype","key","value","lieferzeit","lieferZeiten","zeit","zIndx","lieferHinweis","zahlungsmethode","paymentType","payType","paypalLoaded","removePaypalButton","proceedAfterPaypalPayment","grantTotal","onLoad","ref","props","Number","data","paypalSelected","paypalLoading","submitUrl","thankyouUrl","clientId","created","this","makePaypalPayment","computed","methods","paypalScriptLink","script","document","createElement","src","defer","async","addEventListener","setLoaded","body","appendChild","self","window","paypal","Buttons","locale","style","layout","color","shape","createOrder","actions","order","create","description","purchase_units","amount","onApprove","capture","then","details","status","$emit","onCancel","render","components","PaypalButton","store","isLieferAdresse","checkInputDataUrl","barSelected","inputError","mounted","deleveryCost","cartTotal","$store","commit","d","Date","curTime","getHours","getMinutes","endTime","fInt","intVal","intvTime1","intvTime2","pad","intvTime","push","totalCartItems","tfVec","setDeleveryCost","state","set","paymentMade","tfValue","toString","submittedData","post","result","error","payapalId","getElementById","focus","scroll","left","bottom","behavior","calculatePaypalCharge","BasketItems","CartIcon","CartModal1","OrderButton","OrderForm","OrderSummaryButton"],"mappings":"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","file":"js/checkout.js","sourcesContent":["var global = require('../internals/global');\nvar trim = require('../internals/string-trim').trim;\nvar whitespaces = require('../internals/whitespaces');\n\nvar $parseInt = global.parseInt;\nvar hex = /^[+-]?0[Xx]/;\nvar FORCED = $parseInt(whitespaces + '08') !== 8 || $parseInt(whitespaces + '0x16') !== 22;\n\n// `parseInt` method\n// https://tc39.es/ecma262/#sec-parseint-string-radix\nmodule.exports = FORCED ? function parseInt(string, radix) {\n  var S = trim(String(string));\n  return $parseInt(S, (radix >>> 0) || (hex.test(S) ? 16 : 10));\n} : $parseInt;\n","var $ = require('../internals/export');\nvar parseIntImplementation = require('../internals/number-parse-int');\n\n// `parseInt` method\n// https://tc39.es/ecma262/#sec-parseint-string-radix\n$({ global: true, forced: parseInt != parseIntImplementation }, {\n  parseInt: parseIntImplementation\n});\n","<template>\r\n  <div class=\" flex flex-col md:flex-row min-h-screen\">\r\n    <div class=\"w-full md:w-1/2 md:h-screen md:overflow-y-scroll  md:overscroll-auto\">\r\n      <!-- Here comes the order summmary. This is on the top of the page  -->\r\n      <order-summary-button v-on:click=\"showModals\"\r\n      :showBasket=\"showBasket\"\r\n      class=\"block md:hidden m-0 p-0\">\r\n      </order-summary-button>\r\n      <!-- Here is the cart modal to see the order list. In general its hidden. But if you click on the summaray\r\n      button, it will display as modal\r\n      -->\r\n      <cart-modal-1 v-if=\"showBasket\" @close=\"showBasket = false\"></cart-modal-1>\r\n      <!-- main order form   -->\r\n    <order-form class=\"w-full \">  </order-form>\r\n    </div>\r\n    <!--==========================================-->\r\n    <!-- right side basket on md  window  -->\r\n    <div class=\"hidden md:block md:w-1/2 md:h-screen md:overflow-y-scroll  md:overscroll-auto\">\r\n         <!--==========================================-->\r\n       <cart-icon> </cart-icon>\r\n      <basket-items></basket-items>\r\n      <order-button :disabled= buttonDisabled></order-button>\r\n\r\n      <!--==========================================-->\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\n// import OrderSummary from '../components/OrderSummary'\r\n\r\nimport { mapActions, mapGetters } from 'vuex'\r\n// import Basket from '@/views/Basket'\r\nimport OrderForm from '@/components/OrderForm.vue'\r\nimport BasketItems from '@/components/BasketItems.vue'\r\nimport OrderButton from '@/components/OrderButton.vue'\r\nimport CartIcon from '@/components/CartIcon.vue'\r\nimport CartModal1 from '@/components/CartModal1.vue'\r\nimport OrderSummaryButton from '@/components/OrderSummaryButton.vue'\r\n// import CartModal1 from '../components/CartModal1.vue'\r\nexport default {\r\n  data () {\r\n    return {\r\n      buttonDisabled: true,\r\n      showBasket: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n\r\n    })\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n\r\n    }),\r\n    showModals () {\r\n      // console.log('clicked')\r\n      if (this.showBasket) {\r\n        // document.getElementsByTagName('html')[0].classList.remove('overflow-y-hidden')\r\n        this.showBasket = false\r\n      } else {\r\n        this.showBasket = true\r\n        // document.getElementsByTagName('html')[0].classList.add('overflow-y-hidden')\r\n      }\r\n      // console.log('clicked')\r\n      // console.log(this.showBasket)\r\n    }\r\n  },\r\n  components: {\r\n    BasketItems,\r\n    CartIcon,\r\n    CartModal1,\r\n    OrderButton,\r\n    OrderForm,\r\n    OrderSummaryButton\r\n    // CartModal1\r\n  }\r\n}\r\n</script>\r\n","<template>\r\n    <div class=\" px-2 flex flex-col bg-warmGray-50 pb-4\" v-cloak >\r\n        <h1 class=\"mx-auto py-4 px-2 text-warmGray-600 font-semibold text-2xl\">\r\n             Ihre Bestellung für Namaste Nepal\r\n        </h1>\r\n        <p class=\"mx-auto text-WarmGray-500 font-medium mb-4\">\r\n           Wohin soll Ihre Bestellung geliefert werden? </p>\r\n        <div\r\n          method=\"post\"\r\n          action=\"mail/form-submitted.php\"\r\n          class=\" shadow-lg rounded-lg px-8 pt-6 pb-2  bg-gray-200\"\r\n          enctype =\"multipart/form-data\"\r\n           @submit.prevent=\"onSubmit()\"\r\n          @keydown = \"form.errors.clear($event.target.name)\"\r\n         >\r\n        <!-- <label class=\"font-medium\"> Bestell Adresse </label>\r\n        <input class=\"p-2 border border-warmGray-300\">\r\n        <label>ist die Lieferadresse glich wie  Bestelladresse? </label>\r\n         <div >\r\n            <p class=\"py-3 text-xl\">\r\n                <input type=\"checkbox\"> <label class=\"py-2 pr-3\">ja</label>\r\n            <input type=\"checkbox\"> <label class=\"py-2 pr-3\">nein</label> </p>\r\n\r\n         </div> -->\r\n         <h1 class=\"mx-auto py-4 px-2 text-warmGray-600 font-semibold text-xl \"> Lieferadresse </h1>\r\n            <div class=\"flex flex-col mb-3\">\r\n             <label>Straße </label>\r\n           <input v-model=\"strasse\"\r\n           class=\"p-2 border border-warmGray-300 bg-lime-50\" type=\"text\" />\r\n            <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('strasse')\" >\r\n            {{ form.errors.get('strasse') }}\r\n            </span>\r\n         </div>\r\n         <div class=\"flex flex-col mb-3\">\r\n             <label>Hausnummer </label>\r\n          <input v-model=\"hausnummer\"\r\n          class=\"p-2 border border-warmGray-300 bg-lime-50\" type=\"text\" />\r\n          <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('hausnummer')\" >\r\n            {{ form.errors.get('hausnummer') }}\r\n            </span>\r\n\r\n         </div>\r\n         <!-- next  -->\r\n         <div class=\"flex flex-col mb-3\">\r\n             <label>Etage</label>\r\n          <input v-model=\"etasse\"\r\n          class=\"p-2 border border-warmGray-300 bg-lime-50\" type=\"text\" />\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('etasse')\" >\r\n            {{ form.errors.get('etasse') }}\r\n            </span>\r\n         </div>\r\n         <div class=\"flex flex-col mb-3\">\r\n        <label>Postleitzahl</label>\r\n          <input v-model=\"plz\"\r\n          class=\"p-2 border border-warmGray-300 bg-lime-50\" type=\"text\" />\r\n        <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('plz')\" >\r\n            {{ form.errors.get('plz') }}\r\n            </span>\r\n        </div>\r\n         <div class=\"flex flex-col mb-3\">\r\n        <label>Stadt</label>\r\n        <input v-model=\"stadt\"\r\n        class=\"p-2 border border-warmGray-300 bg-lime-50\"\r\n        type=\"text\" />\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('stadt')\" >\r\n            {{ form.errors.get('stadt') }}\r\n            </span>\r\n        </div>\r\n        <!-- kontakt daten  -->\r\n         <h1 class=\"mx-auto py-4 px-2 text-warmGray-600 font-semibold text-xl \"> Kontakt Daten </h1>\r\n        <div class=\"flex flex-col mb-3\">\r\n        <label>Name</label>\r\n        <input v-model=\"name\" class=\"p-2 border border-warmGray-300 bg-lime-50\"\r\n          type=\"text\" />\r\n         <span class=\"text-namasteRed font-semibold text-tighter\"\r\n            v-show=\"form.errors.any('name')\" >\r\n            {{ form.errors.get('name') }}\r\n            </span>\r\n        </div>\r\n         <div class=\"flex flex-col mb-3\">\r\n        <label>Telefonnummer</label>\r\n        <input v-model=\"telefonnummer\" class=\"p-2 border border-warmGray-300 bg-lime-50\" type=\"text\" />\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('telefonnummer')\" >\r\n            {{ form.errors.get('telefonnummer') }}\r\n            </span></div>\r\n         <div class=\"flex flex-col mb-3\">\r\n        <label>Email</label>\r\n        <input v-model=\"email\" class=\"p-2 border border-warmGray-300 bg-lime-50\"\r\n        type=\"text\" />\r\n        <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('email')\" >\r\n            {{ form.errors.get('email') }}\r\n            </span>\r\n        </div>\r\n         <!-- Here starts the Lieferzeit und Zahlung  -->\r\n           <h1 class=\"mx-auto py-4 px-2 text-warmGray-600 font-semibold text-xl \">\r\n             Bestellung- und Zahlungsmethode </h1>\r\n         <!-- Here the bestell art -->\r\n         <div class=\"flex flex-col mb-3\">\r\n        <label>Bestellung Art</label>\r\n        <select class=\"p-2 border border-warmGray-300 bg-lime-50\"\r\n            v-model=\"orderType\" >\r\n        <option v-for=\"otype in getOrderType\"\r\n         :key=\"otype\"\r\n         :value=\"otype\"> {{otype}}\r\n         </option>\r\n        <!-- <option> Lieferung </option>\r\n        <option> Im Restaurant </option> -->\r\n        </select>\r\n        <!-- Errorr for Lieferzeit -->\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('orderType')\" >\r\n            {{ form.errors.get('orderType') }}\r\n        </span>\r\n        </div>\r\n        <!-- next  -->\r\n        <div class=\"flex flex-col mb-3\">\r\n        <label>LieferZeit</label>\r\n        <select class=\"p-2 border border-warmGray-300 bg-lime-50\"\r\n        v-model=\"lieferzeit\" >\r\n        <option> So schnell wie möglich </option>\r\n         <option v-for=\"(zeit, zIndx)  in lieferZeiten\"\r\n         :key=\"zIndx\" :value=\"zeit\">\r\n           Ca. {{zeit}}\r\n           </option>\r\n        </select>\r\n        <!-- Errorr for Lieferzeit -->\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('lieferzeit')\" >\r\n            {{ form.errors.get('lieferzeit') }}\r\n        </span>\r\n        </div>\r\n         <!-- here ends  -->\r\n         <div class=\"flex flex-col mb-3\">\r\n        <label>Liefer Hinweis/ zusätzliche Anmerkungen</label>\r\n        <textarea class=\"p-2 shadow-inner border border-warmGray-300 w-full bg-lime-50\"\r\n        v-model=\"lieferHinweis\" ></textarea>\r\n        <!-- Errorr for Lieferzeit -->\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('lieferzeit')\" >\r\n            {{ form.errors.get('lieferzeit') }}\r\n        </span>\r\n        </div>\r\n         <!-- next -->\r\n          <div class=\"flex flex-col mb-3\">\r\n        <label>Zahlungsmethode</label>\r\n        <select class=\"py-2 border border-warmGray-300  mb-2 bg-lime-50\" v-model=\"zahlungsmethode\">\r\n            <option  v-for=\"payType in paymentType\" :key=\"payType\"\r\n             class=\"p-2 border border-warmGray-300\" >{{payType}}</option>\r\n            <!-- <option class=\"p-2 border border-warmGray-300\" value=\"Barzahlung\">ECkarte </option>\r\n            <option class=\"p-2 border border-warmGray-300\" value=\"Barzahlung\">Paypal </option>\r\n            <option class=\"p-2 border border-warmGray-300\" value=\"Barzahlung\">Visa </option>\r\n            <option class=\"p-2 border border-warmGray-300\" value=\"Barzahlung\">Masterkarte </option> -->\r\n        </select>\r\n         <!-- Errorr for Lieferzeit -->\r\n         <span class=\"text-namasteRed font-semibold \"\r\n            v-show=\"form.errors.any('zahlungsmethode')\" >\r\n            {{ form.errors.get('zahlungsmethode') }}\r\n        </span>\r\n        </div>\r\n         <button\r\n         :disabled=\"buttonDisabled\"\r\n          @click=\"onSubmit()\"\r\n         class=\" relative z-20 px-4 py-4 mx-auto bg-namasteBlue rounded-md w-full text-warmGray-50 font-semibold text-xl trakking-tight\"\r\n         v-bind:class=\"{ 'bg-warmGray-200': buttonDisabled}\"\r\n         >\r\n         Kostenpflichtig bestellen  </button>\r\n           </div>\r\n           <span class=\"text-namasteRed font-semibold p-2 \"\r\n            v-show=\"form.errors.any('finalWord')\" v-html=\"form.errors.get('finalWord')\">\r\n            </span>\r\n           <!-- {{totalCartItems}} -->\r\n         <!-- <div class=\"mt-4 w-64 text-center \" id=\"paypal-button-container\"></div> -->\r\n         <!-- <div v-if=\"paypalSelected\"\r\n         class=\"mb-1 p-2 italic tracking-tight text-sm text-gray-500\">\r\n         Paypal berechnet eine Gebühr von 2,49 Prozent des Verkaufspreises + 35 Cent.\r\n         Dieses ist leider leider zuteuer für uns. Als Verkaufsdienstleister übernehmen wir gerne den 35 Cent Gebühr und\r\n         berechnen wir  die restliche 2.49 Prozent Gebühren auf Ihre Rechnung </div> -->\r\n           <button v-if=\"paypalLoaded\"\r\n            class=\"fixed h-full w-full inset-0 bg-warmGray-800 opacity-20\"\r\n            @click=\"removePaypalButton()\"> </button>\r\n           <!-- <div  class=\"relative w-full px-8 focus:outline-none bg-gray-200\">\r\n              <div v-if=\"paypalLoaded\"\r\n              ref=\"paypal\" class=\"relative z-10\" id=\"paypal-render-button\">\r\n              </div>\r\n           </div> -->\r\n           <div id=\"paypalButton\" class=\"mb-10 pb-6\">\r\n             <paypal-button  v-if=\"paypalLoaded\"\r\n               class=\"w-full\"\r\n                @payment-made=\"proceedAfterPaypalPayment\"\r\n                :grantTotal=\"grantTotal\">\r\n            </paypal-button>\r\n           </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { watchEffect } from 'vue'\r\nimport { store, mapGetters, mapActions } from 'vuex'\r\nimport PaypalButton from '@/components/PaypalButton.vue'\r\n\r\n// import router from '@/router/index.js'\r\n// import VueRouter from 'vue-router'\r\nexport default {\r\n  components: {\r\n    PaypalButton\r\n  },\r\n  data () {\r\n    return {\r\n      store,\r\n      isLieferAdresse: false,\r\n      /**\r\n       * checkInput Dataurl checks the inputs and sends error if necessary\r\n       * Submit the form if there is Bar payment.\r\n       */\r\n      checkInputDataUrl: '/database/check-submitted-data.php',\r\n      /**\r\n       *form-submitted-php:\r\n       * If there is not a bar payment, then the payment is in two steps:\r\n       * 1) Check the input data which is done by check-submitted-data.php\r\n       * 2 )Check the payment . This is done by form-submitted.php\r\n       *    Here we check if paypal is successful\r\n       */\r\n      submitUrl: 'mail/form-submitted.php',\r\n      thankyouUrl: 'mail/thankyou.php',\r\n      barSelected: false,\r\n      paypalSelected: false,\r\n      paypalLoaded: false,\r\n      inputError: false\r\n    }\r\n  },\r\n  mounted () {\r\n    this.orderType = this.getOrderType[1]\r\n    var deleveryCost = 0.0\r\n    watchEffect(() => {\r\n      if (this.cartTotal >= 35.00) {\r\n        deleveryCost = 0.00\r\n      } else { deleveryCost = 1.0 }\r\n      this.$store.commit('SET_DELEVERY_COST', deleveryCost)\r\n    })\r\n  },\r\n  computed: {\r\n    lieferZeiten () {\r\n      var d = new Date()\r\n      var curTime = d.getHours() * 60 + d.getMinutes()\r\n      var endTime = 23 * 60 + 15\r\n      var fInt = curTime + 40\r\n      var intVal = []\r\n      // intVal.push(fInt)\r\n      while (fInt < endTime) {\r\n        var intvTime1 = parseInt(fInt / 60)\r\n        var intvTime2 = this.pad(fInt % 60)\r\n        var intvTime = intvTime1 + ':' + intvTime2\r\n        fInt += 15\r\n        intVal.push(intvTime)\r\n      }\r\n\r\n      return intVal\r\n    },\r\n    ...mapGetters({\r\n      form: 'getForm',\r\n      totalCartItems: 'getTotalCartItems',\r\n      paymentType: 'getZahlungsmethode',\r\n      getOrderType: 'getOrderType',\r\n      cartTotal: 'getFormCartTotal',\r\n      grantTotal: 'getGesammtKosten'\r\n    }),\r\n    buttonDisabled () {\r\n      var tfVec = this.form.errors.any()\r\n      if (this.totalCartItems === 0) {\r\n        tfVec = true\r\n        this.setDeleveryCost(0.0)\r\n      }\r\n\r\n      tfVec = tfVec || this.paypalLoaded\r\n\r\n      return tfVec\r\n    },\r\n    name: {\r\n      get () {\r\n        return this.$store.state.form.name\r\n      },\r\n      set (name) {\r\n        // console.log(name)\r\n        this.$store.commit('SET_NAME', name)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    strasse: {\r\n      get () {\r\n        return this.$store.state.form.strasse\r\n      },\r\n      set (strasse) {\r\n        // console.log(strasse)\r\n        this.$store.commit('SET_STRASSE', strasse)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    hausnummer: {\r\n      get () {\r\n        return this.$store.state.form.hausnummer\r\n      },\r\n      set (hausnummer) {\r\n        // console.log(hausnummer)\r\n        this.$store.commit('SET_HAUSNUMMER', hausnummer)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    etasse: {\r\n      get () {\r\n        return this.$store.state.form.etasse\r\n      },\r\n      set (etasse) {\r\n        // console.log(etasse)\r\n        this.$store.commit('SET_ETASSE', etasse)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    plz: {\r\n      get () {\r\n        return this.$store.state.form.plz\r\n      },\r\n      set (plz) {\r\n        // console.log(plz)\r\n        this.$store.commit('SET_PLZ', plz)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    stadt: {\r\n      get () {\r\n        return this.$store.state.form.stadt\r\n      },\r\n      set (stadt) {\r\n        // console.log(city)\r\n        this.$store.commit('SET_STADT', stadt)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    telefonnummer: {\r\n      get () {\r\n        return this.$store.state.form.telefonnummer\r\n      },\r\n      set (telefonnummer) {\r\n        // console.log(telefonnummer)\r\n        this.$store.commit('SET_TELEFONNUMMER', telefonnummer)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    email: {\r\n      get () {\r\n        return this.$store.state.form.email\r\n      },\r\n      set (email) {\r\n        // console.log(email)\r\n        this.$store.commit('SET_EMAIL', email)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    orderType: {\r\n      get () {\r\n        return this.$store.state.form.orderType\r\n      },\r\n      set (orderType) {\r\n        // console.log(lieferzeit)\r\n        this.$store.commit('SET_ORDERTYPE', orderType)\r\n        var deleveryCost = 0.00\r\n        watchEffect(() => {\r\n          if (orderType === this.getOrderType[1]) {\r\n            if (this.cartTotal >= 35.00) {\r\n              deleveryCost = 0.00\r\n            } else { deleveryCost = 1.0 }\r\n          } else {\r\n            deleveryCost = 0.0\r\n          }\r\n          this.$store.commit('SET_DELEVERY_COST', deleveryCost)\r\n        })\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    lieferHinweis: {\r\n      get () {\r\n        return this.$store.state.form.lieferHinweis\r\n      },\r\n      set (lieferHinweis) {\r\n        // console.log(lieferHinweis)\r\n        this.$store.commit('SET_LIEFERHINWEIS', lieferHinweis)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    lieferzeit: {\r\n      get () {\r\n        return this.$store.state.form.lieferzeit\r\n      },\r\n      set (lieferzeit) {\r\n        // console.log(lieferzeit)\r\n        this.$store.commit('SET_LIEFERZEIT', lieferzeit)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    },\r\n    paymentMade: {\r\n      get () {\r\n        return this.$store.state.form.paymentMade\r\n      },\r\n      set (tfValue) {\r\n        this.$store.commit('SET_PAYMENTMADE', tfValue)\r\n      }\r\n    },\r\n    zahlungsmethode: {\r\n      get () {\r\n        return this.$store.state.form.zahlungsmethode\r\n      },\r\n      set (zahlungsmethode) {\r\n        this.paypalSelected = false\r\n        this.barSelected = false\r\n        if (zahlungsmethode === 'Paypal') { this.paypalSelected = true }\r\n        if (zahlungsmethode === 'Barzahlung') { this.barSelected = true }\r\n        // console.log(zahlmethode)\r\n        this.$store.commit('SET_ZAHLUNGSMETHODE', zahlungsmethode)\r\n        // this.$store.commit('updateMessage', value)\r\n      }\r\n    }\r\n\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      setDeleveryCost: 'setDeleveryCost'\r\n    }),\r\n    pad (d) {\r\n      return (d < 10) ? '0' + d.toString() : d.toString()\r\n    },\r\n\r\n    onSubmit () {\r\n      var self = this\r\n      /**\r\n       * If you want to test paypal:\r\n       * a) Make the following first line active and\r\n       * b) Go to paypalButton.vue and make the development id active and deactivate the  real id inactive\r\n       * c) Start making paypal payment in development mode.\r\n      */\r\n      // self.paypalLoaded = true\r\n      var submittedData = this.form.post(this.checkInputDataUrl, self.thankyouUrl)\r\n      submittedData.then(function (result) {\r\n        // console.log(result)\r\n        if (result.status !== '404' && !result.error) {\r\n          // make payment if necessary\r\n          if (self.zahlungsmethode === 'Paypal') {\r\n          // self.buttonDisabled()\r\n          //     // self.makePaypalPayment()\r\n            self.paypalLoaded = true\r\n            var payapalId = document.getElementById('paypalButton')\r\n            payapalId.focus()\r\n            window.scroll({\r\n              // top: 100,\r\n              left: 0,\r\n              bottom: 0,\r\n              behavior: 'smooth'\r\n            })\r\n            // payapalId.style = ' margin-bottom: 20%; padding-bottom:16px;'\r\n          }\r\n        } else {\r\n          self.inputError = true\r\n        }\r\n      //\r\n      })\r\n      // console.log(payMethod)\r\n    },\r\n    removePaypalButton () {\r\n      // console.log(this.paypalLoaded)\r\n      this.paypalLoaded = false\r\n    },\r\n    calculatePaypalCharge () {\r\n      // var paypalBetrag = 0.0\r\n      // var chargePercent = 2.49\r\n      // paypalBetrag = this.cartTotal + this.cartTotal * chargePercent / 100 + 0.35\r\n      /** Zahlt ein Kunde bei Ihnen eine Ware oder Dienstleistung und Sie empfangen Geld,\r\n      wird eine Gebühr von 2,49 Prozent des Verkaufspreises + 35 Cent berechnet.\r\n      **/\r\n    },\r\n    proceedAfterPaypalPayment (tfValue) {\r\n      var self = this\r\n      if (tfValue === 1) {\r\n        self.paymentMade = 1\r\n        self.paypalLoaded = true\r\n        // self.form.post(self.submitUrl, self.thankyouUrl)\r\n        self.form.post(self.checkInputDataUrl, self.thankyouUrl)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n","<template>\r\n   <div  onLoad=\"document.getElementById('paypal-render-button').focus();\"\r\n    class=\"relative w-full px-8 py-4 mb-2  focus:outline-none bg-gray-200 shadow-md rounded-md\">\r\n        <div v-if=\"paypalLoaded\"\r\n              ref=\"paypal\" class=\"relative z-10\" id=\"paypal-render-button\">\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    grantTotal: Number\r\n  },\r\n  data () {\r\n    return {\r\n      paypalLoaded: true,\r\n      paypalSelected: false,\r\n      paypalLoading: true,\r\n      //   checkInputDataUrl: 'mail/check-submitted-data.php',\r\n      submitUrl: 'mail/form-submitted.php',\r\n      thankyouUrl: 'mail/thankyou.php',\r\n      // test sandbox\r\n      // clientId: 'AaUtZ1NG8p9PaW4nt0ZGSyIMounz9a8m8AXeKRwWNPCJE8f9kfzw0WMYU18jbBv9mBfcTdukGrJFDxE5'\r\n      // wiesbaden\r\n      // clientId: 'Ad5UkoiyCtT68mvC_veC58NiPSg3EbuyOqcADKm-X5y-ubqmIVdM7ushOj2ITdO_l2igYx9z7qmSpdBk'\r\n      // Chemnitz\r\n      clientId: 'Aa3VDRluVhF1zaX-xmP3no1szPQUegpEu-h-V-mqyt73EHRdr14P8d4IyVZvb7aE48eMf88U7B9JB4iC'\r\n    }\r\n  },\r\n  created () {\r\n    this.makePaypalPayment()\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  methods: {\r\n    paypalScriptLink   (clientId) {\r\n      const script = document.createElement('script')\r\n      script.src = 'https://www.paypal.com/sdk/js?client-id='\r\n      script.defer = true\r\n      script.async = true\r\n      script.src += clientId\r\n      script.src += '&currency=EUR&components=buttons&vault=true'\r\n      script.src += '&disable-funding=credit,card'\r\n      script.addEventListener('load', this.setLoaded)\r\n      document.body.appendChild(script)\r\n      // const script = document.createElement('script')\r\n      // script.src = 'https://www.paypal.com/sdk/js?client-id=' + clientId + '&components=buttons&vault=true'\r\n      // script.addEventListener('load', this.setLoaded)\r\n      // document.body.appendChild(script)\r\n    },\r\n    makePaypalPayment () {\r\n      this.paypalScriptLink(this.clientId)\r\n    },\r\n    setLoaded () {\r\n      var self = this\r\n      self.paypalLoaded = true\r\n      window.paypal\r\n        .Buttons({\r\n          locale: 'de_DE',\r\n          style: {\r\n            layout: 'vertical',\r\n            color: 'blue',\r\n            shape: 'rect'\r\n            // label: 'paypal'\r\n          },\r\n          createOrder: (data, actions) => {\r\n          // Set up the transaction\r\n            return actions.order.create({\r\n              description: 'Payment fuer Namaste Nepal',\r\n              purchase_units: [{\r\n                amount: {\r\n                  value: self.grantTotal\r\n                }\r\n              }]\r\n            })\r\n          },\r\n          onApprove: (data, actions) => {\r\n            // This function captures the funds from the transaction.\r\n            return actions.order.capture().then(function (details) {\r\n            // This function shows a transaction success message to your buyer.\r\n              // alert('Transaction completed by ' + details.payer.name.given_name)\r\n            //   console.log(details)\r\n              if (details.status === 'COMPLETED') {\r\n                self.paypalLoaded = false\r\n                self.$emit('payment-made', 1)\r\n              } else {\r\n                self.$emit('payment-made', 0)\r\n              }\r\n            //   self.form.post(self.submitUrl, self.thankyouUrl)\r\n            })\r\n          },\r\n          onCancel: function (data) {\r\n            self.paypalLoaded = false\r\n          }\r\n        }).render('#paypal-render-button')\r\n    }\r\n\r\n  }\r\n\r\n}\r\n</script>\r\n","import { render } from \"./PaypalButton.vue?vue&type=template&id=4e389613\"\nimport script from \"./PaypalButton.vue?vue&type=script&lang=js\"\nexport * from \"./PaypalButton.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./OrderForm.vue?vue&type=template&id=ab67ecbe\"\nimport script from \"./OrderForm.vue?vue&type=script&lang=js\"\nexport * from \"./OrderForm.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./checkout.vue?vue&type=template&id=a9340de4\"\nimport script from \"./checkout.vue?vue&type=script&lang=js\"\nexport * from \"./checkout.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}