{"version":3,"sources":["webpack:///./src/views/Account/Voucher/Index.vue?53e6","webpack:///./src/services/voucher/MakeVoucherReservation.js","webpack:///src/views/Account/Voucher/Index.vue","webpack:///./src/views/Account/Voucher/Index.vue?0afc","webpack:///./src/services/voucher/GetVoucherItems.js","webpack:///./src/views/Account/Voucher/Index.vue"],"names":["MakeVoucherReservation","voucher","items","contactId","axiosCreate","post","encodeURIComponent","headers","authorization","store","getters","token","params","contactID","result","data","name","voucherItemCollection","fields","key","label","computed","noVoucherItems","voucherItems","formattedItems","Amount","DateTimeBusinessStart","DateTimeBusinessEnd","WarehouseID","CompositionID","item","methods","applyVoucher","makeReservation","reservation","notes","lang","render","_vm","this","_h","$createElement","_c","_self","length","_e","staticClass","on","$event","preventDefault","apply","arguments","_m","directives","rawName","value","expression","attrs","domProps","target","composing","_v","scopedSlots","_u","fn","ItemID","AmountLeft","$set","staticRenderFns","GetVoucherItems","get","component","BTable"],"mappings":"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","file":"js/chunk-07c640f0.b312c8e4.js","sourcesContent":["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/bootstrap-vue-loader/lib/loader.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/bootstrap-vue-loader/lib/loader.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 { axiosCreate } from '@/services/Api'\r\nimport store from '@/state/store'\r\n\r\nexport default async function MakeVoucherReservation({\r\n  voucher,\r\n  items,\r\n  contactId\r\n}) {\r\n  const result = await axiosCreate.post(\r\n    `shop/reservationOrders/voucher/${encodeURIComponent(voucher)}/items`,\r\n    items,\r\n    {\r\n      headers: { authorization: store.getters.token },\r\n      params: { contactID: contactId }\r\n    }\r\n  )\r\n\r\n  return result.data\r\n}\r\n","<template>\r\n  <div>\r\n    <form\r\n      @submit.prevent=\"applyVoucher\"\r\n      v-if=\"!voucherItems.length\"\r\n      class=\"flex flex-col mt-2\"\r\n    >\r\n      <div class=\"w-100\">\r\n        <p>\r\n          Heb je een voucher code van je docent? Vul deze hier in om je\r\n          artikelen te reserveren.\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"flex w-100\">\r\n        <input\r\n          v-model=\"voucher\"\r\n          type=\"text\"\r\n          placeholder=\"Voucher code\"\r\n          class=\"form-control w-75\"\r\n        />\r\n        <button type=\"submit\" class=\"btn btn-primary w-25\">\r\n          Voucher toepassen\r\n        </button>\r\n      </div>\r\n    </form>\r\n\r\n    <div v-if=\"noVoucherItems\" class=\"flex mt-3 flex-col\">\r\n      Er zijn geen artikelen voor de opgegeven voucher gevonden.\r\n\r\n      <router-link to=\"name\"></router-link>\r\n    </div>\r\n\r\n    <div v-if=\"voucherItems.length\" class=\"mt-4 test-ver\">\r\n      <p>\r\n        Geef in de onderstaande tabel de aantallen van de artikelen die je wilt\r\n        reserveren.\r\n      </p>\r\n      <b-table :items=\"voucherItems\" :fields=\"fields\">\r\n        <template v-slot:cell(AmountSelected)=\"data\">\r\n          <input\r\n            v-model=\"items[data.item.ItemID]\"\r\n            :maxlength=\"data.item.AmountLeft\"\r\n            @change=\"\r\n              items[data.item.ItemID] =\r\n                items[data.item.ItemID] > data.item.AmountLeft\r\n                  ? data.item.AmountLeft\r\n                  : items[data.item.ItemID]\r\n            \"\r\n            class=\"form-control\"\r\n            min=\"1\"\r\n            type=\"number\"\r\n          />\r\n        </template>\r\n      </b-table>\r\n\r\n      <button @click=\"makeReservation\" class=\"btn btn-primary\">\r\n        Artikelen reserveren\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport GetVoucherItems from '@/services/voucher/GetVoucherItems'\r\nimport MakeVoucherReservation from '@/services/voucher/MakeVoucherReservation'\r\nimport { getCart } from '@/services/CartService'\r\nexport default {\r\n  name: 'Voucher',\r\n  data() {\r\n    return {\r\n      voucher: '',\r\n      voucherItemCollection: {},\r\n      items: {},\r\n      fields: [\r\n        {\r\n          key: 'ItemDescription',\r\n          label: 'Artikel'\r\n        },\r\n        {\r\n          key: 'Amount',\r\n          label: 'Aantal gereserveerd'\r\n        },\r\n        {\r\n          key: 'AmountLeft',\r\n          label: 'Aantal beschikbaar'\r\n        },\r\n        {\r\n          key: 'AmountSelected',\r\n          label: 'Aantal'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    noVoucherItems() {\r\n      return this.voucherItemCollection?.Total === 0\r\n    },\r\n    voucherItems() {\r\n      return this.voucherItemCollection?.Collection ?? []\r\n    },\r\n    formattedItems() {\r\n      const items = []\r\n      // loop through all object properties in this.items and push them to items as an object\r\n      for (const key in this.items) {\r\n        if (this.items.hasOwnProperty(key)) {\r\n          const item = {\r\n            Amount: this.items[key],\r\n            DateTimeBusinessStart: this.$store.getters.startDate,\r\n            DateTimeBusinessEnd: this.$store.getters.endDate,\r\n            WarehouseID: 'BPH'\r\n          }\r\n          const compositionID = this.voucherItems.find(\r\n            item => item.ItemID === key\r\n          ).CompositionID\r\n\r\n          // Server does not want the ItemID so we send the CompositionID instead if found and not both\r\n          if (compositionID) {\r\n            item.CompositionID = compositionID\r\n          } else {\r\n            item.ItemID = key\r\n          }\r\n\r\n          items.push(item)\r\n        }\r\n      }\r\n      return items\r\n    }\r\n  },\r\n  methods: {\r\n    async applyVoucher() {\r\n      this.voucherItemCollection = await GetVoucherItems({\r\n        voucher: this.voucher\r\n      })\r\n    },\r\n    async makeReservation() {\r\n      this.loading = true\r\n      if (this.formattedItems.length < 1) {\r\n        this.$toasted.show('Je moet minstens 1 artikel selecteren om te reserveren')\r\n        return\r\n      }\r\n      const reservation = await MakeVoucherReservation({\r\n        voucher: this.voucher,\r\n        items: this.formattedItems,\r\n        contactId: this.$store.getters.account.ContactID\r\n      })\r\n\r\n      this.$store.commit('setLatestReservation', {\r\n        reservation\r\n      })\r\n      this.items = await getCart({ notes: this.notes })\r\n      this.$router.push({\r\n        name: 'confirmation',\r\n        params: { lang: this.$i18n.locale }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped></style>\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.voucherItems.length)?_c('form',{staticClass:\"flex flex-col mt-2\",on:{\"submit\":function($event){$event.preventDefault();return _vm.applyVoucher.apply(null, arguments)}}},[_vm._m(0),_c('div',{staticClass:\"flex w-100\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.voucher),expression:\"voucher\"}],staticClass:\"form-control w-75\",attrs:{\"type\":\"text\",\"placeholder\":\"Voucher code\"},domProps:{\"value\":(_vm.voucher)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.voucher=$event.target.value}}}),_c('button',{staticClass:\"btn btn-primary w-25\",attrs:{\"type\":\"submit\"}},[_vm._v(\" Voucher toepassen \")])])]):_vm._e(),(_vm.noVoucherItems)?_c('div',{staticClass:\"flex mt-3 flex-col\"},[_vm._v(\" Er zijn geen artikelen voor de opgegeven voucher gevonden. \"),_c('router-link',{attrs:{\"to\":\"name\"}})],1):_vm._e(),(_vm.voucherItems.length)?_c('div',{staticClass:\"mt-4 test-ver\"},[_c('p',[_vm._v(\" Geef in de onderstaande tabel de aantallen van de artikelen die je wilt reserveren. \")]),_c('b-table',{attrs:{\"items\":_vm.voucherItems,\"fields\":_vm.fields},scopedSlots:_vm._u([{key:\"cell(AmountSelected)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.items[data.item.ItemID]),expression:\"items[data.item.ItemID]\"}],staticClass:\"form-control\",attrs:{\"maxlength\":data.item.AmountLeft,\"min\":\"1\",\"type\":\"number\"},domProps:{\"value\":(_vm.items[data.item.ItemID])},on:{\"change\":function($event){_vm.items[data.item.ItemID] =\n              _vm.items[data.item.ItemID] > data.item.AmountLeft\n                ? data.item.AmountLeft\n                : _vm.items[data.item.ItemID]},\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.items, data.item.ItemID, $event.target.value)}}})]}}],null,false,3494578079)}),_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.makeReservation}},[_vm._v(\" Artikelen reserveren \")])],1):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100\"},[_c('p',[_vm._v(\" Heb je een voucher code van je docent? Vul deze hier in om je artikelen te reserveren. \")])])}]\n\nexport { render, staticRenderFns }","import { axiosCreate } from '@/services/Api'\r\nimport store from '@/state/store'\r\n\r\nexport default async function GetVoucherItems({ voucher }) {\r\n  const result = await axiosCreate.get(\r\n    `shop/reservationOrders/voucher/${encodeURIComponent(voucher)}/items`,\r\n    {\r\n      headers: { authorization: store.getters.token }\r\n    }\r\n  )\r\n\r\n  return result.data\r\n}\r\n","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=b80fce98&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.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  \"b80fce98\",\n  null\n  \n)\n\n\n    import installComponents from \"!D:/IIS/rentmagic.shop.hva/prod/node_modules/bootstrap-vue-loader/lib/runtime/installComponents.js\"\n    import {BTable} from 'bootstrap-vue'\n    installComponents(component, {BTable})\n    \n\nexport default component.exports"],"sourceRoot":""}