{"version":3,"sources":["webpack:///./src/mixins/metatags.mixin.js","webpack:///./src/components/kalender/bestelling-info.vue?108e","webpack:///./src/mixins/roadtrip.mixin.js","webpack:///./src/components/roadtrip/signup/Voucher.vue","webpack:///src/components/roadtrip/signup/Voucher.vue","webpack:///./src/components/roadtrip/signup/Voucher.vue?490b","webpack:///./src/components/roadtrip/signup/Voucher.vue?140a","webpack:///../../../src/mixins/transitionable/index.ts","webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///./src/components/roadtrip/signup/LoggedInRegistration.vue?1863","webpack:///./src/components/roadtrip/signup/Voucher.vue?bd1a","webpack:///./src/components/roadtrip/signup/LoggedInRegistration.vue","webpack:///./src/models/Person.js","webpack:///./src/models/Driver.js","webpack:///./src/components/common/LoadingIcon.vue?1dcc","webpack:///./src/models/Address.js","webpack:///./src/models/Car.js","webpack:///./src/models/OrderDetail.js","webpack:///./src/enums/VoucherTypeEnum.js","webpack:///src/components/roadtrip/signup/LoggedInRegistration.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./src/components/roadtrip/signup/LoggedInRegistration.vue?c26e","webpack:///./src/components/roadtrip/signup/OrderNotes.vue","webpack:///src/components/roadtrip/signup/OrderNotes.vue","webpack:///./src/components/roadtrip/signup/OrderNotes.vue?cc97","webpack:///./src/components/roadtrip/signup/OrderNotes.vue?0b6c","webpack:///./src/components/common/options/RegisteredVehicleDropdown.vue","webpack:///src/components/common/options/RegisteredVehicleDropdown.vue","webpack:///./src/components/common/options/RegisteredVehicleDropdown.vue?e3ef","webpack:///./src/components/common/options/RegisteredVehicleDropdown.vue?6191","webpack:///./src/components/common/LoadingIcon.vue","webpack:///src/components/common/LoadingIcon.vue","webpack:///./src/components/common/LoadingIcon.vue?1924","webpack:///./src/components/common/LoadingIcon.vue?584b","webpack:///./src/components/common/options/RegisteredPassengerDropdown.vue?1f81","webpack:///./src/assets/icons/edit.svg","webpack:///./src/components/roadtrip/signup/LoggedInRegistration.vue?c2df","webpack:///./src/components/kalender/bestelling-info.vue","webpack:///src/components/kalender/bestelling-info.vue","webpack:///./src/components/kalender/bestelling-info.vue?82c5","webpack:///./src/components/kalender/bestelling-info.vue?6ee9","webpack:///./src/components/common/options/RegisteredPassengerDropdown.vue","webpack:///src/components/common/options/RegisteredPassengerDropdown.vue","webpack:///./src/components/common/options/RegisteredPassengerDropdown.vue?e181","webpack:///./src/components/common/options/RegisteredPassengerDropdown.vue?6817"],"names":["data","methods","getKeywords","content","vmid","name","getMetaDescription","getAuthor","getSocialMediaMetas","title","description","imageUrl","imageAlt","this","getMetaOGs","getMetaTwitters","metas","push","getMetaOGTitle","getMetaOGDescription","getMetaOGImageSource","getMetaOGImageAlt","getMetaPageUrl","getMetaOGType","property","window","location","origin","$router","currentRoute","fullPath","getMetaTwitterCard","getMetaTwitterTitle","getMetaTwitterDescription","getMetaTwitterImage","getMetaTwitterImageAlt","getMetaTwitterSite","getMetaTwitterCreator","mixins","FormatMixin","MenuHelperMixin","getTagColor","type","mapRoadtripData","roadtrip","date","getDateOnly","tripDate","label","getRoadtripLabel","roadtripLabel","labelColor","staticClass","attrs","_c","_vm","scopedSlots","_u","fn","isValid","on","orderDetails","$set","expression","staticRenderFns","render","props","accountId","category","loading","hasValidated","voucherCodeHint","computed","hasVoucherCode","validateVoucher","voucherCode","originalPrice","roadtripId","request","then","catch","component","Vue","extend","mode","String","transition","VSheet","Toggleable","Transitionable","border","validator","val","includes","closeLabel","default","coloredBorder","Boolean","dense","dismissible","closeIcon","icon","outlined","prominent","text","value","__cachedBorder","class","setBackgroundColor","computedColor","$createElement","__cachedDismissible","color","iconColor","VBtn","small","$vuetify","lang","t","click","isActive","VIcon","__cachedIcon","computedIcon","classes","options","call","hasColoredIcon","hasText","undefined","isDark","Themeable","created","$attrs","hasOwnProperty","breaking","genWrapper","children","$slots","prepend","genContent","append","$scopedSlots","close","toggle","genAlert","role","listeners$","style","styles","directives","setColor","setTextColor","h","proxy","model","hasLunch","hasDinner","_v","key","i","domProps","item","isPreselectedDinner","goto","vehicleOptions","userId","order","Person","Driver","constructor","super","Address","Car","OrderDetail","setDiscount","voucherInfo","discount","voucherType","VoucherTypeEnum","PERCENTAGE","originalAmountPending","voucherAmount","INVALID","FLAT_AMOUNT","Object","freeze","module","passengerOptions","getFoodRestrictions","existingOrders","beforeCreate","editIcon","getCategory","getIntro","intro","isPreselectedLunch","_typeof","obj","Symbol","iterator","prototype","_toPrimitive","input","hint","prim","toPrimitive","res","TypeError","Number","_toPropertyKey","arg","_defineProperty","toPropertyKey","defineProperty","enumerable","configurable","writable","callback","_self","txt_vehicle","vehicle","beforeMount","watch","deep","handler","getVehicleChoiceText","onValueChanged","isLoading","imgClass","exports","getCurrency","_s","hasMainOrder","_e","passengerTotalPrice","lunchTotalPrice","dinnerTotalPrice","localAttrs","fixed","passengers","passengerCount","lunchPakketCount","mainOrder","totalNewLunchesOfPassengers","driverLunchInMainOrder","dinerCount","totalNewDinnerOfPassengers","driverDinnerInMainOrder","totalAmount","discountedAmount","voucherValidated","getDiscountInfo","setOriginalAmount","setTotalAmountAfterDiscount","getPassengerFromMainOrder","txt_passengers","orginalPreselectedItems","selectedPassengers","hasChanged","isPreselected","remove","mapPassengers"],"mappings":"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","file":"js/chunk-9a21fe3a.7f15cf89.js","sourcesContent":["export default {\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    methods: \r\n    {\r\n        getKeywords(content)\r\n        {  \r\n            return {\r\n                vmid: \"keywords\",\r\n                name: \"keywords\",\r\n                content: `Roadpursuit, roadtrip, roadtrips, rijden, toeren, toerrit, rit, driving, passie, cars, auto's, liefhebbers, auto community, ${content}`\r\n            }\r\n        },\r\n        getMetaDescription(content)\r\n        {  \r\n            return {\r\n                vmid: \"description\",\r\n                name: \"description\",\r\n                content: content\r\n            }\r\n        },\r\n        getAuthor()\r\n        {\r\n            return {\r\n                vmid: \"author\",\r\n                name: \"author\",\r\n                content: `Roadpursuit`\r\n            }\r\n        },\r\n\r\n        getSocialMediaMetas(title, description, imageUrl, imageAlt)\r\n        {\r\n            return [\r\n                ...this.getMetaOGs(title, description, imageUrl, imageAlt),\r\n                ...this.getMetaTwitters(title, description, imageUrl, imageAlt)\r\n            ];\r\n\r\n        },\r\n        \r\n        // OG -> Open Graph / Facebook tags\r\n        // have a very nice preview when sharing your website on facebook.\r\n        getMetaOGs(title, description, imageUrl, imageAlt)\r\n        {\r\n            let metas = [];\r\n            metas.push(this.getMetaOGTitle(title));\r\n            metas.push(this.getMetaOGDescription(description));\r\n\r\n            if (imageUrl != \"\")\r\n            {\r\n                metas.push(this.getMetaOGImageSource(imageUrl));\r\n                metas.push(this.getMetaOGImageAlt(imageAlt));\r\n            }\r\n           \r\n            metas.push(this.getMetaPageUrl());\r\n            metas.push(this.getMetaOGType());\r\n            return metas;\r\n        },\r\n        getMetaOGType()\r\n        {  \r\n            return {\r\n                vmid: \"og:type\",\r\n                property: \"og:type\",\r\n                content: \"website\"\r\n            }\r\n        },\r\n        getMetaOGTitle(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:title\",\r\n                property: \"og:title\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaOGDescription(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:description\",\r\n                property: \"og:description\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaOGImageSource(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:image\",\r\n                property: \"og:image\",\r\n                content: content // image url\r\n            }\r\n        },\r\n        getMetaOGImageAlt(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:image:alt\",\r\n                property: \"og:image:alt\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaPageUrl()\r\n        {  \r\n            return {\r\n                vmid: \"og:url\",\r\n                property: \"og:url\",\r\n                content: `${window.location.origin}${this.$router.currentRoute.fullPath}`\r\n            }\r\n        },\r\n\r\n        // Twitter tags\r\n        // have a nice twitter preview when sharing your website on twitter\r\n        getMetaTwitters(title, description, imageUrl, imageAlt)\r\n        {\r\n            let metas = [];\r\n            metas.push(this.getMetaTwitterCard());\r\n            metas.push(this.getMetaTwitterTitle(title));\r\n            metas.push(this.getMetaTwitterDescription(description));\r\n\r\n            if (imageUrl != \"\")\r\n            {\r\n                metas.push(this.getMetaTwitterImage(imageUrl));\r\n                metas.push(this.getMetaTwitterImageAlt(imageAlt));\r\n            }\r\n           \r\n            metas.push(this.getMetaTwitterSite());\r\n            metas.push(this.getMetaTwitterCreator());\r\n            return metas;\r\n        },\r\n        getMetaTwitterCard()\r\n        {\r\n            return {\r\n                vmid: \"twitter:card\",\r\n                name:\"twitter:card\",\r\n                content: \"summary\" // must be set to a value of “summary”\r\n            }\r\n        },\r\n        getMetaTwitterTitle(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:title\",\r\n                name:\"twitter:title\", \r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterDescription(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:description\",\r\n                name:\"twitter:description\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterImage(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:image\",\r\n                name:\"twitter:image\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterImageAlt(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:image:alt\",\r\n                name:\"twitter:image:alt\", \r\n                content: content // maximum 420 characters.\r\n            }\r\n        },\r\n        getMetaTwitterSite()\r\n        {\r\n            return {\r\n                vmid: \"twitter:site\",\r\n                name:\"twitter:site\",\r\n                content: \"@roadpursuit\" // the Twitter @username the card should be attributed to.\r\n            }\r\n        },\r\n        getMetaTwitterCreator()\r\n        {\r\n            return {\r\n                vmid: \"twitter:creator\",\r\n                name:\"twitter:creator\",\r\n                content: \"Roadpursuit\"\r\n            }\r\n        }\r\n    }\r\n}","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./bestelling-info.vue?vue&type=style&index=0&id=1ef1e3ba&prod&scoped=true&lang=css&\"","import FormatMixin from \"@/mixins/format.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\n\r\nexport default {\r\n    mixins: [FormatMixin, MenuHelperMixin],\r\n    methods: \r\n    {\r\n        getTagColor(type)\r\n        {\r\n            switch(type)\r\n            {\r\n                case \"Porsche\":\r\n                    return \"red\";\r\n                case \"Volvo\":\r\n                    return \"blue\";\r\n                case \"BMW\":\r\n                    return \"teal\";\r\n                default:\r\n                    return \"orange\";\r\n            }\r\n        },\r\n\r\n        mapRoadtripData(data)\r\n        {\r\n            let roadtrip = data;\r\n\r\n            roadtrip.date = this.getDateOnly(roadtrip.tripDate);\r\n            roadtrip.label = this.getRoadtripLabel(roadtrip.roadtripLabel);\r\n            roadtrip.labelColor = this.getTagColor(roadtrip.label);\r\n\r\n            return roadtrip;\r\n        }\r\n       \r\n    }\r\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pb-3\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title font-weight-medium\"},[_vm._v(\"Voucher\")])])],1),_c('v-row',{staticClass:\"voucher-container\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Typ hier uw voucher code\",\"hint\":_vm.voucherCodeHint,\"persistent-hint\":\"\",\"outlined\":\"\"},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('v-fade-transition',{attrs:{\"leave-absolute\":\"\"}},[[(_vm.isValid && _vm.hasValidated)?_c('v-icon',{attrs:{\"dark\":\"\",\"right\":\"\",\"color\":\"green darken-2\"}},[_vm._v(\"mdi-check-circle \")]):_vm._e(),(!_vm.isValid && _vm.hasValidated)?_c('v-icon',{attrs:{\"color\":\"red\"}},[_vm._v(\" mdi-alert-circle \")]):_vm._e()]],2)]},proxy:true},{key:\"append-outer\",fn:function(){return [_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\",\"width\":120,\"disabled\":!_vm.hasVoucherCode || _vm.loading,\"loading\":_vm.loading},on:{\"click\":_vm.validateVoucher}},[_vm._v(\" Valideer \")])]},proxy:true}]),model:{value:(_vm.orderDetails.voucherCode),callback:function ($$v) {_vm.$set(_vm.orderDetails, \"voucherCode\", $$v)},expression:\"orderDetails.voucherCode\"}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <!-- Voucher -->\r\n    <div class=\"pb-3\">\r\n        <v-row no-gutters>\r\n            <v-col cols=\"12\" class=\"px-0\">\r\n                <span class=\"header-title font-weight-medium\">Voucher</span>\r\n            </v-col>\r\n        </v-row>\r\n        <v-row no-gutters class=\"voucher-container\">\r\n            <v-col cols=\"12\" class=\"ma-auto py-2 px-0\">\r\n                <v-text-field\r\n                    v-model=\"orderDetails.voucherCode\"\r\n                    label=\"Typ hier uw voucher code\"\r\n                    :hint=\"voucherCodeHint\"\r\n                    persistent-hint\r\n                    outlined>\r\n                    <template v-slot:append>\r\n                        <v-fade-transition leave-absolute>\r\n                            <template>\r\n                                <v-icon v-if=\"isValid && hasValidated\"\r\n                                    dark right color=\"green darken-2\">mdi-check-circle\r\n                                </v-icon>\r\n                                <v-icon v-if=\"!isValid && hasValidated\" color=\"red\">\r\n                                    mdi-alert-circle\r\n                                </v-icon>\r\n                            </template>\r\n                        </v-fade-transition>\r\n                    </template>\r\n                    <template v-slot:append-outer class=\"ml-2 mt-1\">\r\n                        <v-btn color=\"primary\" block :width=\"120\"\r\n                            :disabled=\"!hasVoucherCode || loading\"\r\n                            :loading=\"loading\"\r\n                            @click=\"validateVoucher\">\r\n                            Valideer \r\n                        </v-btn>\r\n                    </template>\r\n                </v-text-field>\r\n            </v-col>\r\n        </v-row>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\n\r\nexport default {\r\n    name: 'Voucher',\r\n    props: {\r\n        accountId: String,\r\n        roadtrip: Object,\r\n        orderDetails: Object,\r\n        category: String,\r\n    },\r\n    mixins: [MenuHelperMixin],\r\n    data: () => ({\r\n        loading: false,\r\n        isValid: false,\r\n        hasValidated: false,\r\n        voucherCodeHint: ''\r\n    }),\r\n    computed: {\r\n        hasVoucherCode() {\r\n            return this.orderDetails.voucherCode != '';\r\n        }\r\n    },\r\n    methods: \r\n    {\r\n        validateVoucher()\r\n        {\r\n            this.voucherCodeHint = '';\r\n            this.hasValidated = false;\r\n            this.loading = true;\r\n            let request =\r\n            {\r\n                voucherCode: this.orderDetails.voucherCode,\r\n                originalPrice: this.orderDetails.originalAmountPending,\r\n                roadtripId: this.roadtrip.roadtripId,\r\n                category: this.getProductCategoryId(this.category)\r\n            }\r\n\r\n            if (this.accountId != null)\r\n            {\r\n                request.accountId = this.accountId;\r\n            }\r\n\r\n            this.$store.dispatch('storeModule/validateVoucher', request)\r\n            .then(data => {\r\n                this.$set(this.orderDetails, 'voucherInfo', data);\r\n                this.orderDetails.setDiscount();\r\n                this.loading = false;\r\n                this.isValid = data.errorMessage == \"\";\r\n\r\n                if (this.isValid)\r\n                {\r\n                    this.voucherCodeHint = `Voucher code '${request.voucherCode}' toegevoegd.`;\r\n                }\r\n                else\r\n                {\r\n                    this.$store.commit('dialog/showDialog', data.errorMessage);\r\n                }\r\n\r\n\r\n                this.hasValidated = true;\r\n                \r\n            })\r\n            .catch(() => {\r\n                this.isValid = false;\r\n                this.loading = false;\r\n                this.hasValidated = true;\r\n                this.$store.commit('dialog/showDialog', \"Deze voucher is niet geldig.\");\r\n            });\r\n\r\n\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.voucher-container .v-input__append-outer\r\n{\r\n    margin-top: 5px !important;\r\n}\r\n\r\n.voucher-discount,\r\n.voucher-container .v-messages__wrapper .v-messages__message\r\n{\r\n    color: orange;\r\n}\r\n</style>","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!./Voucher.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!./Voucher.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Voucher.vue?vue&type=template&id=cbe82398&\"\nimport script from \"./Voucher.vue?vue&type=script&lang=js&\"\nexport * from \"./Voucher.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Voucher.vue?vue&type=style&index=0&id=cbe82398&prod&lang=css&\"\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 Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n","// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","import { render, staticRenderFns } from \"./LoggedInRegistration.vue?vue&type=template&id=60638796&\"\nimport script from \"./LoggedInRegistration.vue?vue&type=script&lang=js&\"\nexport * from \"./LoggedInRegistration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoggedInRegistration.vue?vue&type=style&index=0&id=60638796&prod&lang=css&\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Voucher.vue?vue&type=style&index=0&id=cbe82398&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"py-0\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header-title break-word my-2\",attrs:{\"cols\":\"12\"}},[_vm._v(\"Hoi \"+_vm._s(_vm.orderDetails.driver.firstname)+\", \"+_vm._s(_vm.getIntro()))]),(_vm.roadtrip.packedLunchPrice != 0)?_c('v-col',{staticClass:\"d-inline-flex\",attrs:{\"cols\":\"12\"}},[_c('v-checkbox',{staticClass:\"ma-0\",attrs:{\"disabled\":_vm.isPreselectedLunch(_vm.orderDetails.driver.personId)},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\" Lunchpakket \")])]},proxy:true}],null,false,529843339),model:{value:(_vm.orderDetails.driver.hasLunch),callback:function ($$v) {_vm.$set(_vm.orderDetails.driver, \"hasLunch\", $$v)},expression:\"orderDetails.driver.hasLunch\"}})],1):_vm._e(),(_vm.roadtrip.dinnerPrice != 0)?_c('v-col',{staticClass:\"d-inline-flex\",attrs:{\"cols\":\"12\"}},[_c('v-checkbox',{staticClass:\"ma-0\",attrs:{\"disabled\":_vm.isPreselectedDinner(_vm.orderDetails.driver.personId)},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\" Diner \")])]},proxy:true}],null,false,1193445187),model:{value:(_vm.orderDetails.driver.hasDinner),callback:function ($$v) {_vm.$set(_vm.orderDetails.driver, \"hasDinner\", $$v)},expression:\"orderDetails.driver.hasDinner\"}})],1):_vm._e()],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" \"+_vm._s(`Uw allergieën en voorkeuren: ${_vm.getFoodRestrictions(_vm.orderDetails.driver.allergies)}`)+\" \")])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"header-title mt-4 mb-1 font-weight-medium\"},[_vm._v(\"Passagiers\")]),_c('div',{staticClass:\"mb-2\"},[_vm._v(\"Staat de passagier die u wilt toevoegen er niet tussen? Voeg deze dan toe op uw \"),_c('span',{staticClass:\"link\",on:{\"click\":function($event){return _vm.goto(`/dashboard#passagiers`)}}},[_c('b',[_vm._v(\"dashboard\")])]),_vm._v(\".\")]),_c('RegisteredPassengerDropdown',{attrs:{\"orginalPreselectedItems\":_vm.existingOrders.orderDetails,\"selectedPassengers\":_vm.orderDetails.registeredPassengers,\"passengerOptions\":_vm.passengerOptions},on:{\"changed\":function($event){_vm.orderDetails.registeredPassengers = $event}}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._l((_vm.orderDetails.registeredPassengers),function(item,i){return [_c('div',{key:i},[_c('v-list-item',{staticClass:\"px-0 pt-1 list-item-avatar\"},[_c('v-list-item-avatar',{attrs:{\"width\":\"60\",\"height\":\"60\"}},[_c('div',{staticClass:\"rounded-circle d-inline-block initials-avatar text-uppercase font-weight-black\"},[_vm._v(_vm._s(item.initials)+\" \")])]),_c('v-list-item-content',{staticClass:\"pl-3\"},[_c('v-list-item-title',{staticClass:\"subtitle-1\",domProps:{\"textContent\":_vm._s(`${item.firstname} ${item.lastName}`)}}),(_vm.roadtrip.packedLunchPrice != 0)?_c('div',{staticClass:\"d-inline-flex\"},[_c('v-checkbox',{staticClass:\"ma-0\",attrs:{\"height\":\"30\",\"disabled\":_vm.isPreselectedLunch(item.personId),\"hide-details\":true},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\" Lunchpakket \")])]},proxy:true}],null,true),model:{value:(item.hasLunch),callback:function ($$v) {_vm.$set(item, \"hasLunch\", $$v)},expression:\"item.hasLunch\"}})],1):_vm._e(),(_vm.roadtrip.dinnerPrice != 0)?_c('div',{staticClass:\"d-inline-flex\"},[_c('v-checkbox',{staticClass:\"ma-0\",attrs:{\"height\":\"30\",\"disabled\":_vm.isPreselectedDinner(item.personId),\"hide-details\":true},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\" Diner \")])]},proxy:true}],null,true),model:{value:(item.hasDinner),callback:function ($$v) {_vm.$set(item, \"hasDinner\", $$v)},expression:\"item.hasDinner\"}})],1):_vm._e()],1)],1),_c('div',{staticClass:\"pb-3\"},[_vm._v(\" \"+_vm._s(`Allergieën en voorkeuren: ${_vm.getFoodRestrictions(item.foodRestrictions)}`)+\" \")]),_c('v-divider',{attrs:{\"color\":\"white\"}})],1)]})],2)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"header-title mt-4 mb-1 font-weight-medium\"},[_vm._v(\"Voertuig\")]),_c('div',{staticClass:\"mb-5\"},[_vm._v(\"Staat het voertuig dat u wilt toevoegen er niet tussen? Voeg deze dan toe op uw \"),_c('span',{staticClass:\"link\",on:{\"click\":function($event){return _vm.goto(`/dashboard#voertuigen`)}}},[_c('b',[_vm._v(\"dashboard\")])]),_vm._v(\".\")]),_c('RegisteredVehicleDropdown',{attrs:{\"vehicle\":_vm.orderDetails.car,\"vehicleOptions\":_vm.vehicleOptions},on:{\"changed\":function($event){_vm.orderDetails.car = $event}}})],1)],1),_c('OrderNotes',{attrs:{\"orderDetails\":_vm.orderDetails}}),_c('Voucher',{attrs:{\"accountId\":_vm.userId,\"roadtrip\":_vm.roadtrip,\"orderDetails\":_vm.orderDetails,\"category\":_vm.getCategory()}}),_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":_vm.order}},[_vm._v(\" \"+_vm._s(_vm.orderDetails.originalAmountPending == 0 ? `Wijzigen` : `Betalen`)+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export class Person {\r\n    firstname = '';\r\n    lastname = '';\r\n    birthdate = '';\r\n    phone = '';\r\n    allergies = [];\r\n}","\r\nimport { Person } from './Person';\r\n\r\nexport class Driver extends Person {\r\n    email = '';\r\n    password = '';\r\n\r\n    // order options\r\n    // TODO JS (TASK ID: 329): Move to new class\r\n    hasBreakfast = false;\r\n    hasLunch = false;\r\n    hasDinner = false;\r\n    hasHotel = false;\r\n\r\n    constructor() {\r\n        super();\r\n    }\r\n}\r\n  ","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&lang=css&\"","export class Address {\r\n    street = '';\r\n    housenr = '';\r\n    postcode = '';\r\n    city = '';\r\n    country = 0;\r\n    company = '';\r\n}","export class Car {\r\n    street = '';\r\n    id = '';\r\n    licensePlate = '';\r\n    make = 0;\r\n    model = '';\r\n    year = 0;\r\n    engineCapacity = 0;\r\n    cylinders = 0;\r\n    power = 0;\r\n    fuelType = 0;\r\n    participatedDistance = 0;\r\n}","import { Car } from './Car';\r\nimport { Address } from './Address';\r\nimport { Driver } from './Driver';\r\nimport { VoucherTypeEnum } from \"@/enums/VoucherTypeEnum\";\r\n\r\nexport class OrderDetail {\r\n    originalAmountPending = 0;\r\n    totalAmountAfterDiscount = 0;\r\n    isPaid = false;\r\n    acceptTerms = false;\r\n    isGuest = false;\r\n    isNewAccount = false;\r\n    registeredPassengers = [];\r\n    hasReachedOverview = false;\r\n    voucherCode = '';\r\n    discount = 0;\r\n\r\n    car = new Car();\r\n    address = new Address();\r\n    driver = new Driver();\r\n\r\n    setDiscount()\r\n    {\r\n        if (!this.voucherInfo) return;\r\n\r\n        this.discount = this.voucherInfo.voucherType == VoucherTypeEnum.PERCENTAGE \r\n            ? this.originalAmountPending * this.voucherInfo.voucherAmount \r\n            : this.voucherInfo.voucherAmount;\r\n    }\r\n}","export const VoucherTypeEnum = {\r\n    INVALID: 0,\r\n    PERCENTAGE: 1,\r\n    FLAT_AMOUNT: 2,\r\n}\r\nObject.freeze(VoucherTypeEnum);","<template>\r\n    <div class=\"py-0\">\r\n       <v-row no-gutters>\r\n            <v-col cols=\"12\" class=\"header-title break-word my-2\">Hoi {{orderDetails.driver.firstname}}, {{ getIntro() }}</v-col>\r\n            <v-col cols=\"12\" class=\"d-inline-flex\" v-if=\"roadtrip.packedLunchPrice != 0\">\r\n                <v-checkbox v-model=\"orderDetails.driver.hasLunch\" class=\"ma-0\" :disabled=\"isPreselectedLunch(orderDetails.driver.personId)\">\r\n                    <template v-slot:label>\r\n                        <div>\r\n                        Lunchpakket\r\n                        </div>\r\n                    </template>\r\n                </v-checkbox>\r\n            </v-col>\r\n            <v-col cols=\"12\" class=\"d-inline-flex\" v-if=\"roadtrip.dinnerPrice != 0\">\r\n                <v-checkbox v-model=\"orderDetails.driver.hasDinner\" class=\"ma-0\" :disabled=\"isPreselectedDinner(orderDetails.driver.personId)\">\r\n                    <template v-slot:label>\r\n                        <div>\r\n                        Diner\r\n                        </div>\r\n                    </template>\r\n                </v-checkbox>\r\n            </v-col>\r\n        </v-row>\r\n        <v-row no-gutters>\r\n            <v-col cols=\"12\">\r\n                {{`Uw allergieën en voorkeuren: ${getFoodRestrictions(orderDetails.driver.allergies)}`}}\r\n            </v-col>\r\n        </v-row>\r\n        <v-row no-gutters>\r\n            <v-col cols=\"12\">\r\n                <div class=\"header-title mt-4 mb-1 font-weight-medium\">Passagiers</div>\r\n                <div class=\"mb-2\">Staat de passagier die u wilt toevoegen er niet tussen? Voeg deze dan toe op uw <span class=\"link\" @click=\"goto(`/dashboard#passagiers`)\"><b>dashboard</b></span>.</div>\r\n\r\n                <RegisteredPassengerDropdown \r\n                    :orginalPreselectedItems=\"existingOrders.orderDetails\"\r\n                    :selectedPassengers=\"orderDetails.registeredPassengers\" \r\n                    :passengerOptions=\"passengerOptions\" \r\n                    @changed=\"orderDetails.registeredPassengers = $event\" />\r\n                \r\n            </v-col>\r\n            <v-col cols=\"12\">\r\n                <template v-for=\"(item, i) in orderDetails.registeredPassengers\">\r\n                    <div :key=\"i\">\r\n                        <v-list-item class=\"px-0 pt-1 list-item-avatar\">\r\n                            <v-list-item-avatar width=\"60\" height=\"60\">\r\n                                <div class=\"rounded-circle d-inline-block initials-avatar text-uppercase font-weight-black\">{{item.initials}}\r\n                                </div>\r\n                            </v-list-item-avatar>\r\n                        \r\n                            <v-list-item-content class=\"pl-3\">\r\n                                <v-list-item-title v-text=\"`${item.firstname} ${item.lastName}`\" class=\"subtitle-1\"></v-list-item-title>\r\n                                <div class=\"d-inline-flex\" v-if=\"roadtrip.packedLunchPrice != 0\">\r\n                                    <v-checkbox v-model=\"item.hasLunch\" class=\"ma-0\" height=\"30\" :disabled=\"isPreselectedLunch(item.personId)\" :hide-details=\"true\">\r\n                                        <template v-slot:label>\r\n                                            <div>\r\n                                            Lunchpakket\r\n                                            </div>\r\n                                        </template>\r\n                                    </v-checkbox>\r\n                                </div>\r\n                                <div class=\"d-inline-flex\" v-if=\"roadtrip.dinnerPrice != 0\">\r\n                                     <v-checkbox v-model=\"item.hasDinner\" class=\"ma-0\" height=\"30\" :disabled=\"isPreselectedDinner(item.personId)\" :hide-details=\"true\">\r\n                                        <template v-slot:label>\r\n                                            <div>\r\n                                            Diner\r\n                                            </div>\r\n                                        </template>\r\n                                    </v-checkbox>\r\n                                </div>\r\n                            </v-list-item-content>\r\n                        </v-list-item>\r\n                        <div class=\"pb-3\">\r\n                            {{`Allergieën en voorkeuren: ${getFoodRestrictions(item.foodRestrictions)}`}} \r\n                        </div>\r\n                        <v-divider color=\"white\"></v-divider>\r\n                    </div>\r\n                </template>\r\n            </v-col>\r\n        </v-row>\r\n        <v-row no-gutters>\r\n            <v-col>\r\n                <p class=\"header-title mt-4 mb-1 font-weight-medium\">Voertuig</p>\r\n                <div class=\"mb-5\">Staat het voertuig dat u wilt toevoegen er niet tussen? Voeg deze dan toe op uw <span class=\"link\" @click=\"goto(`/dashboard#voertuigen`)\"><b>dashboard</b></span>.</div>\r\n\r\n                <RegisteredVehicleDropdown :vehicle=\"orderDetails.car\" \r\n                    :vehicleOptions=\"vehicleOptions\"\r\n                    @changed=\"orderDetails.car = $event\" />\r\n                \r\n            </v-col>\r\n        </v-row>\r\n\r\n        <!-- Extra information -->\r\n        <OrderNotes :orderDetails=\"orderDetails\" />\r\n\r\n        <!-- Voucher -->\r\n        <Voucher \r\n            :accountId=\"userId\"\r\n            :roadtrip=\"roadtrip\" \r\n            :orderDetails=\"orderDetails\" \r\n            :category=\"getCategory()\"/>\r\n\r\n        <v-btn color=\"primary\" block\r\n            @click=\"order\">\r\n            {{ orderDetails.originalAmountPending == 0 ? `Wijzigen` : `Betalen` }}\r\n        </v-btn>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nmodule.exports = {\r\n    props: {\r\n        roadtrip:Object,\r\n        order: Function,\r\n        orderDetails: Object,\r\n        passengerOptions: Array,\r\n        vehicleOptions: Array,\r\n        getFoodRestrictions: Function,\r\n        goto: Function,\r\n        existingOrders: Object,\r\n        userId: String\r\n    },   \r\n    beforeCreate: function () {\r\n        this.$options.components.OrderNotes = require('@/components/roadtrip/signup/OrderNotes').default,\r\n        this.$options.components.Voucher = require('@/components/roadtrip/signup/Voucher').default,\r\n        this.$options.components.RegisteredVehicleDropdown = require('@/components/common/options/RegisteredVehicleDropdown').default,\r\n        this.$options.components.RegisteredPassengerDropdown = require('@/components/common/options/RegisteredPassengerDropdown').default\r\n    }, \r\n    data: () => ({\r\n        editIcon: require('@/assets/icons/edit.svg'),\r\n    }),\r\n    methods:\r\n    {\r\n        getCategory()\r\n        {\r\n            return this.existingOrders.hasMainOrder \r\n                ? `RoadtripModificatie` // wijzigen\r\n                : `Roadtrip`; // aanmelden\r\n        },\r\n        getIntro()\r\n        {\r\n            if(this.existingOrders.hasMainOrder)\r\n            {\r\n                // wijzigen\r\n                return `op deze pagina kunt u uw gewenste wijzigingen doorgeven.`;\r\n            }\r\n\r\n            // aanmelden\r\n            let intro = \"\";\r\n            if (this.roadtrip.packedLunchPrice != 0 && this.roadtrip.dinnerPrice == 0){\r\n                intro = `wilt u een lunchpakket?`\r\n            }\r\n            else if (this.roadtrip.packedLunchPrice == 0 && this.roadtrip.dinnerPrice != 0){\r\n                intro = `wilt u dineren?`\r\n            }\r\n            else if (this.roadtrip.packedLunchPrice != 0 && this.roadtrip.dinnerPrice != 0){\r\n                intro = `wilt u een lunchpakket en dineren?`\r\n            }\r\n            else\r\n            {\r\n                intro = `geef hieronder uw gewenste ordergegevens door.`;\r\n            }\r\n\r\n            return intro;\r\n        },\r\n        isPreselectedLunch(personId)\r\n        {\r\n            var item = this.existingOrders.orderDetails.find(x => x.personId == personId);\r\n            if(item != null)\r\n            {\r\n                return item.hasPackedLunch;\r\n            }\r\n\r\n            return false;\r\n        },\r\n        isPreselectedDinner(personId)\r\n        {\r\n            var item = this.existingOrders.orderDetails.find(x => x.personId == personId);\r\n            if(item != null)\r\n            {\r\n                return item.hasDinner;\r\n            }\r\n\r\n            return false;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 15px;\r\n    height: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.list-item-avatar\r\n{\r\n    align-items: baseline;\r\n}\r\n\r\n.list-item-avatar .v-avatar\r\n{\r\n    display: contents;\r\n}\r\n\r\n.list-item-avatar hr.v-divider\r\n{\r\n    display: none;\r\n}\r\n\r\n.initials-avatar\r\n{\r\n    background: white;\r\n    color: #181717;\r\n    font-size: 22px;\r\n    padding: 10px 14px;\r\n}\r\n\r\n.v-input--checkbox .v-input__slot\r\n{\r\n    margin: 0px;\r\n}\r\n</style>","export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoggedInRegistration.vue?vue&type=style&index=0&id=60638796&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pb-3\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title font-weight-medium\"},[_vm._v(\"Extra informatie\")])])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"12\"}},[_c('div',[_c('v-text-field',{attrs:{\"hide-details\":\"true\",\"label\":\"Notitie\",\"outlined\":\"\"},model:{value:(_vm.orderDetails.notes),callback:function ($$v) {_vm.$set(_vm.orderDetails, \"notes\", $$v)},expression:\"orderDetails.notes\"}})],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!-- Extra information -->\r\n    <div class=\"pb-3\">\r\n        <v-row no-gutters>\r\n            <v-col cols=\"12\" class=\"px-0\">\r\n                <span class=\"header-title font-weight-medium\">Extra informatie</span>\r\n            </v-col>\r\n        </v-row>\r\n        <v-row no-gutters>\r\n            <v-col cols=\"12\" class=\"ma-auto py-2 px-0\">\r\n                <div>\r\n                    <v-text-field\r\n                        hide-details=\"true\"\r\n                        v-model=\"orderDetails.notes\"\r\n                        label=\"Notitie\"\r\n                        outlined></v-text-field>\r\n                </div>\r\n            </v-col>\r\n        </v-row>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'OrderNotes',\r\n    props: {\r\n        orderDetails: Object,\r\n    },\r\n    data: () => ({\r\n     \r\n    }),\r\n}\r\n</script>\r\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!./OrderNotes.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!./OrderNotes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderNotes.vue?vue&type=template&id=f8e96532&\"\nimport script from \"./OrderNotes.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderNotes.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-select',{attrs:{\"items\":_vm.vehicleOptions,\"offset-y\":\"\",\"item-text\":item => _vm.getVehicleChoiceText(item),\"item-value\":\"id\",\"placeholder\":\"Kies voertuig\",\"return-object\":\"\",\"dense\":\"\"},model:{value:(_vm.txt_vehicle),callback:function ($$v) {_vm.txt_vehicle=$$v},expression:\"txt_vehicle\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n       <v-select \r\n            v-model=\"txt_vehicle\"\r\n            :items=\"vehicleOptions\"\r\n            offset-y\r\n            :item-text=\"item => getVehicleChoiceText(item)\"\r\n            item-value=\"id\"\r\n            placeholder=\"Kies voertuig\"\r\n            return-object\r\n            dense></v-select>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\n\r\nexport default {\r\n    name: 'RegisteredVehicleDropdown',\r\n    props: \r\n    {\r\n        vehicle: Object,\r\n        vehicleOptions: Array\r\n    },\r\n    mixins: [MenuHelperMixin],\r\n    beforeMount()\r\n    {\r\n        this.txt_vehicle = this.vehicle;\r\n    },\r\n    data() {\r\n        return {\r\n            txt_vehicle: {},\r\n        }\r\n    },\r\n    watch: {\r\n        vehicle: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_vehicle = this.vehicle;\r\n            }\r\n        },\r\n        txt_vehicle: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        getVehicleChoiceText(item)\r\n        {\r\n            let kenteken = item.licensePlate && item.licensePlate != \"\" ? ` (${item.licensePlate})` : \"\";\r\n            return `${this.getVehicleMake(item.make)} ${item.model}${kenteken}`;\r\n        },\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_vehicle);\r\n        }\r\n    }\r\n}\r\n</script>","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!./RegisteredVehicleDropdown.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!./RegisteredVehicleDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegisteredVehicleDropdown.vue?vue&type=template&id=bdbc2edc&\"\nimport script from \"./RegisteredVehicleDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisteredVehicleDropdown.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-fade-transition',[(_vm.isLoading)?_c('v-overlay',{attrs:{\"absolute\":\"\",\"color\":\"#181717\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     <v-fade-transition>\r\n        <v-overlay\r\n            absolute\r\n            color=\"#181717\" v-if=\"isLoading\">\r\n            <v-progress-circular\r\n                indeterminate\r\n                color=\"grey lighten-5\"\r\n            ></v-progress-circular>\r\n        </v-overlay>\r\n    </v-fade-transition>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'LoadingIcon',\r\n    props: {\r\n        isLoading: Boolean,\r\n        imgClass: String\r\n    },\r\n}\r\n</script>\r\n<style>\r\n.hoverable-img \r\n{\r\n    border-radius: 0px !important;\r\n    cursor: pointer;\r\n}\r\n</style>\r\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!./LoadingIcon.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!./LoadingIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingIcon.vue?vue&type=template&id=4cf14fb6&\"\nimport script from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&lang=css&\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisteredPassengerDropdown.vue?vue&type=style&index=0&id=430689b5&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/edit.10e04e80.svg\";","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!./LoggedInRegistration.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!./LoggedInRegistration.vue?vue&type=script&lang=js&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-footer',_vm._b({staticClass:\"bestelling-footer\",attrs:{\"padless\":true}},'v-footer',_vm.localAttrs,false),[_c('div',{staticClass:\"bottom-section\"},[_c('v-container',{staticClass:\"pb-0 pt-2 px-0 first-container\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"sm\":\"8\",\"offset-sm\":\"2\"}},[_c('v-container',{staticClass:\"py-0 px-5\"},[(_vm.orderDetails.discount > 0)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{staticClass:\"subtitle-1\"},[_c('strong',[_vm._v(\"Totaalprijs:\")])])]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('div',{staticClass:\"subtitle-1 text-end\"},[_c('strong',[_vm._v(_vm._s(_vm.getCurrency(_vm.orderDetails.totalAmountAfterDiscount)))])])])],1):_vm._e(),(_vm.orderDetails.discount > 0)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{staticClass:\"subtitle-1 voucher-discount\"},[_vm._v(\" \"+_vm._s(_vm.getDiscountInfo())+\" \")])]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('div',{staticClass:\"subtitle-1 text-end voucher-discount\"},[_vm._v(_vm._s(_vm.getCurrency(_vm.orderDetails.discount)))])])],1):_vm._e(),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{staticClass:\"subtitle-1\"},[_vm._v(_vm._s(_vm.existingOrders.hasMainOrder ? `Uw wijziging:` : `Uw bestelling:`))])]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('div',{staticClass:\"subtitle-1 text-end\"},[_vm._v(_vm._s(_vm.getCurrency(_vm.originalAmountPending)))])])],1)],1),_c('v-divider',{attrs:{\"color\":\"white\"}}),_c('v-container',{staticClass:\"pt-0 px-5\"},[(!_vm.existingOrders.hasMainOrder)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('div',{},[_vm._v(\"1x\")])]),_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{},[_vm._v(\"Basispakket (auto + bestuurder)\")])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.getCurrency(_vm.roadtrip.mainPrice)))])])],1):_vm._e(),(_vm.existingOrders.hasMainOrder)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('div',{},[_vm._v(\"0x\")])]),_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{},[_vm._v(\"Basispakket (auto + bestuurder)\")])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.getCurrency(0)))])])],1):_vm._e(),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('div',{},[_vm._v(_vm._s(_vm.passengerCount)+\"x\")])]),_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{},[_vm._v(\"Passagier\")])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.getCurrency(_vm.passengerTotalPrice)))])])],1),(_vm.roadtrip.packedLunchPrice != 0)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('div',{},[_vm._v(_vm._s(_vm.lunchPakketCount)+\"x\")])]),_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{},[_vm._v(\"Lunchpakket\")])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.getCurrency(_vm.lunchTotalPrice)))])])],1):_vm._e(),(_vm.roadtrip.dinnerPrice != 0)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('div',{},[_vm._v(_vm._s(_vm.dinerCount)+\"x\")])]),_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('div',{},[_vm._v(\"Diner\")])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.getCurrency(_vm.dinnerTotalPrice)))])])],1):_vm._e()],1)],1)],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-footer\r\n      v-bind=\"localAttrs\"\r\n      :padless=\"true\"\r\n      class=\"bestelling-footer\">\r\n        <div class=\"bottom-section\">\r\n            <v-container class=\"pb-0 pt-2 px-0 first-container\">\r\n                <v-row no-gutters>\r\n                    <v-col sm=\"8\" offset-sm=\"2\">\r\n                        <v-container class=\"py-0 px-5\">\r\n                            <v-row no-gutters v-if=\"orderDetails.discount > 0\">\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"subtitle-1\"><strong>Totaalprijs:</strong></div>\r\n                                </v-col>\r\n                                <v-col cols=\"3\">\r\n                                    <div class=\"subtitle-1 text-end\"><strong>{{getCurrency(orderDetails.totalAmountAfterDiscount)}}</strong></div>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row no-gutters v-if=\"orderDetails.discount > 0\">\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"subtitle-1 voucher-discount\">\r\n                                        {{ getDiscountInfo() }}\r\n                                    </div>\r\n                                </v-col>\r\n                                <v-col cols=\"3\">\r\n                                    <div class=\"subtitle-1 text-end voucher-discount\">{{getCurrency(orderDetails.discount)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row no-gutters>\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"subtitle-1\">{{ existingOrders.hasMainOrder ? `Uw wijziging:` : `Uw bestelling:`}}</div>\r\n                                </v-col>\r\n                                <v-col cols=\"3\">\r\n                                    <div class=\"subtitle-1 text-end\">{{getCurrency(originalAmountPending)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                        </v-container>\r\n                        <v-divider color=\"white\"></v-divider>\r\n                        <v-container class=\"pt-0 px-5\">\r\n                            <v-row no-gutters v-if=\"!existingOrders.hasMainOrder\">\r\n                                <v-col cols=\"1\">\r\n                                    <div class=\"\">1x</div>\r\n                                </v-col>\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"\">Basispakket (auto + bestuurder)</div>\r\n                                </v-col>\r\n                                <v-col cols=\"2\">\r\n                                    <div class=\"text-end\">{{getCurrency(roadtrip.mainPrice)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row no-gutters v-if=\"existingOrders.hasMainOrder\">\r\n                                <v-col cols=\"1\">\r\n                                    <div class=\"\">0x</div>\r\n                                </v-col>\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"\">Basispakket (auto + bestuurder)</div>\r\n                                </v-col>\r\n                                <v-col cols=\"2\">\r\n                                    <div class=\"text-end\">{{getCurrency(0)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row no-gutters>\r\n                                <v-col cols=\"1\">\r\n                                    <div class=\"\">{{passengerCount}}x</div>\r\n                                </v-col>\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"\">Passagier</div>\r\n                                </v-col>\r\n                                <v-col cols=\"2\">\r\n                                    <div class=\"text-end\">{{getCurrency(passengerTotalPrice)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row no-gutters v-if=\"roadtrip.packedLunchPrice != 0\">\r\n                                <v-col cols=\"1\">\r\n                                    <div class=\"\">{{lunchPakketCount}}x</div>\r\n                                </v-col>\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"\">Lunchpakket</div>\r\n                                </v-col>\r\n                                <v-col cols=\"2\">\r\n                                    <div class=\"text-end\">{{getCurrency(lunchTotalPrice)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row no-gutters v-if=\"roadtrip.dinnerPrice != 0\">\r\n                                <v-col cols=\"1\">\r\n                                    <div class=\"\">{{dinerCount}}x</div>\r\n                                </v-col>\r\n                                <v-col cols=\"9\">\r\n                                    <div class=\"\">Diner</div>\r\n                                </v-col>\r\n                                <v-col cols=\"2\">\r\n                                    <div class=\"text-end\">{{getCurrency(dinnerTotalPrice)}}</div>\r\n                                </v-col>\r\n                            </v-row>\r\n                        </v-container>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n    </v-footer>\r\n\r\n</template>\r\n\r\n<script>\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport { VoucherTypeEnum } from \"@/enums/VoucherTypeEnum\";\r\n\r\nexport default {\r\n    name: 'BestellingInfo',\r\n    mixins: [FormatMixin],\r\n    props: {\r\n        orderDetails: Object,\r\n        roadtrip: Object,\r\n        existingOrders: Object,\r\n    },\r\n    computed: \r\n    {\r\n        localAttrs () {\r\n            const attrs = {\r\n                fixed: true\r\n            }\r\n            \r\n            return attrs;\r\n        },\r\n        passengers()\r\n        {\r\n            let passengersNotFromMainOrder = this.orderDetails.registeredPassengers.filter(x => !this.existingOrders.orderDetails.map(y => y.personId).includes(x.personId))\r\n            let passengers = this.existingOrders.hasMainOrder ? passengersNotFromMainOrder : this.orderDetails.registeredPassengers;\r\n            return passengers;\r\n        },\r\n        passengerCount()\r\n        {\r\n            return this.passengers.length;\r\n        },\r\n        passengerTotalPrice(){\r\n            return this.passengerCount * this.roadtrip.passengerPrice;\r\n        },\r\n        lunchPakketCount()\r\n        {\r\n            // iterate through current ordetails and add only lunch count if it is not in the main order\r\n            let totalNewLunchesOfPassengers = 0;\r\n            this.orderDetails.registeredPassengers.filter(x => x.hasLunch).forEach(passenger => {\r\n                // check from main order\r\n                let mainOrder = this.existingOrders.orderDetails.find(x => x.personId == passenger.personId);\r\n                let lunchCount = (mainOrder == null && passenger.hasLunch) \r\n                                || (mainOrder != null && !mainOrder.hasPackedLunch && passenger.hasLunch) ? 1 : 0;\r\n                totalNewLunchesOfPassengers = totalNewLunchesOfPassengers + lunchCount;\r\n            });\r\n\r\n            let driverLunchInMainOrder = false;\r\n            if (this.existingOrders.hasMainOrder)\r\n            {\r\n                // check in the main order if driver ordered lunch\r\n                let driver = this.existingOrders.orderDetails.find(x => x.personId == this.orderDetails.driver.personId);\r\n                if(driver != null)\r\n                {\r\n                    driverLunchInMainOrder = driver.hasPackedLunch;\r\n                }\r\n            }\r\n\r\n            // don't count driver lunch if it was already part of main order\r\n            let driverLunchCount = driverLunchInMainOrder ? 0 : (this.orderDetails.driver.hasLunch ? 1 : 0);\r\n            let lunchCount = totalNewLunchesOfPassengers + driverLunchCount;\r\n            return lunchCount;\r\n        },\r\n        lunchTotalPrice(){\r\n            return this.lunchPakketCount * this.roadtrip.packedLunchPrice;\r\n        },\r\n        dinerCount()\r\n        {\r\n            // iterate through current ordetails and add only lunch count if it is not in the main order\r\n            let totalNewDinnerOfPassengers = 0;\r\n            this.orderDetails.registeredPassengers.filter(x => x.hasDinner).forEach(passenger => {\r\n                // check from main order\r\n                let mainOrder = this.existingOrders.orderDetails.find(x => x.personId == passenger.personId);\r\n                let dinnerCount = (mainOrder == null && passenger.hasDinner) \r\n                                || (mainOrder != null && !mainOrder.hasDinner && passenger.hasDinner) ? 1 : 0;\r\n                totalNewDinnerOfPassengers = totalNewDinnerOfPassengers + dinnerCount;\r\n            });\r\n\r\n            let driverDinnerInMainOrder = false;\r\n            if (this.existingOrders.hasMainOrder)\r\n            {\r\n                // check in the main order if driver ordered lunch\r\n                let driver = this.existingOrders.orderDetails.find(x => x.personId == this.orderDetails.driver.personId);\r\n                if(driver != null)\r\n                {\r\n                    driverDinnerInMainOrder = driver.hasDinner;\r\n                }\r\n            }\r\n\r\n            // don't count driver lunch if it was already part of main order\r\n            let driverDinnerCount = driverDinnerInMainOrder ? 0 : (this.orderDetails.driver.hasDinner ? 1 : 0);\r\n            let dinnerCount = totalNewDinnerOfPassengers + driverDinnerCount;\r\n            return dinnerCount;\r\n        },\r\n        dinnerTotalPrice(){\r\n            return this.dinerCount * this.roadtrip.dinnerPrice;\r\n        },\r\n        originalAmountPending()\r\n        {\r\n            let totalAmount = this.passengerTotalPrice + this.lunchTotalPrice + this.dinnerTotalPrice;\r\n            if (!this.existingOrders.hasMainOrder)\r\n            {\r\n                totalAmount = totalAmount + this.roadtrip.mainPrice;\r\n            }\r\n            \r\n            this.setOriginalAmount(totalAmount);\r\n\r\n            // re-calculate discount again\r\n            this.orderDetails.setDiscount();\r\n            let discountedAmount = totalAmount - this.orderDetails.discount;\r\n            discountedAmount = discountedAmount < 0 ? 0 : discountedAmount;\r\n            this.setTotalAmountAfterDiscount(discountedAmount);\r\n\r\n            return totalAmount;\r\n        },\r\n    },\r\n    data: () => ({\r\n        voucherValidated: false\r\n    }),\r\n    methods: {\r\n        getDiscountInfo()\r\n        {\r\n            if (!this.orderDetails.voucherInfo) return '';\r\n\r\n            const discountInfo = this.orderDetails.voucherInfo.voucherType == VoucherTypeEnum.PERCENTAGE \r\n                ? `${this.orderDetails.voucherInfo.voucherAmount * 100}%`\r\n                : this.getCurrency(this.orderDetails.voucherInfo.voucherAmount);\r\n\r\n            return `Korting (- ${discountInfo})`;\r\n        },\r\n        setOriginalAmount(amount)\r\n        {\r\n            this.$set(this.orderDetails, 'originalAmountPending', amount);\r\n        },\r\n        setTotalAmountAfterDiscount(amount)\r\n        {\r\n            this.$set(this.orderDetails, 'totalAmountAfterDiscount', amount);\r\n        },\r\n        getPassengerFromMainOrder(personId)\r\n        {\r\n            return this.existingOrders.orderDetails.find(x => x.personId == personId);\r\n        },\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n.v-footer.bestelling-footer\r\n{\r\n    background-color: rgb(24 23 23 / 75%) !important;\r\n    -webkit-backdrop-filter: blur(10px);\r\n    backdrop-filter: blur(10px);\r\n    border-top: 1px solid #2e2e2ea3;\r\n    box-shadow: 0px 0 24px rgb(0 0 0 / 70%) !important;\r\n}\r\n</style>\r\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!./bestelling-info.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!./bestelling-info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./bestelling-info.vue?vue&type=template&id=1ef1e3ba&scoped=true&\"\nimport script from \"./bestelling-info.vue?vue&type=script&lang=js&\"\nexport * from \"./bestelling-info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./bestelling-info.vue?vue&type=style&index=0&id=1ef1e3ba&prod&scoped=true&lang=css&\"\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  \"1ef1e3ba\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"px-0\",attrs:{\"fluid\":\"\"}},[_c('v-select',{attrs:{\"items\":_vm.passengerOptions,\"label\":\"Kies passagiers\",\"multiple\":\"\",\"item-text\":item => `${item.firstname} ${item.lastName}`,\"item-value\":\"personId\",\"hide-details\":\"\",\"hide-selected\":\"\",\"hide-no-data\":\"\",\"return-object\":\"\",\"menu-props\":{ contentClass: 'registered-passenger-options', bottom: true, offsetY: true },\"chips\":\"\"},on:{\"change\":_vm.onValueChanged},scopedSlots:_vm._u([{key:\"selection\",fn:function({ item, index }){return [_c('v-chip',[_c('span',[_vm._v(_vm._s(`${item.firstname} ${item.lastName}`))]),(!_vm.isPreselected(item.personId))?_c('v-icon',{staticClass:\"ml-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.remove(item.personId, index)}}},[_vm._v(\" $delete \")]):_vm._e()],1)]}},{key:\"no-data\",fn:function(){return [_c('div',{staticClass:\"no-data\"})]},proxy:true}]),model:{value:(_vm.txt_passengers),callback:function ($$v) {_vm.txt_passengers=$$v},expression:\"txt_passengers\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container fluid class=\"px-0\">\r\n        <v-select\r\n            v-model=\"txt_passengers\"\r\n            :items=\"passengerOptions\"\r\n            label=\"Kies passagiers\"\r\n            multiple\r\n            :item-text=\"item => `${item.firstname} ${item.lastName}`\"\r\n            item-value=\"personId\"\r\n            hide-details\r\n            hide-selected\r\n            hide-no-data\r\n            return-object\r\n            @change=\"onValueChanged\"\r\n            :menu-props=\"{ contentClass: 'registered-passenger-options', bottom: true, offsetY: true }\"\r\n            chips>\r\n            <template v-slot:selection=\"{ item, index }\">\r\n                <v-chip>\r\n                    <span>{{ `${item.firstname} ${item.lastName}` }}</span>\r\n                    <v-icon\r\n                        v-if=\"!isPreselected(item.personId)\"\r\n                        small\r\n                        class=\"ml-2\"\r\n                        @click=\"remove(item.personId, index)\">\r\n                        $delete\r\n                    </v-icon>\r\n                </v-chip>\r\n            </template>\r\n            <template v-slot:no-data>\r\n              <div class=\"no-data\"></div>\r\n            </template>\r\n        </v-select>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\n\r\nexport default {\r\n    name: 'RegisteredPassengerDropdown',\r\n    props: \r\n    {\r\n        orginalPreselectedItems: Array,\r\n        selectedPassengers: Array,\r\n        passengerOptions: Array\r\n    },\r\n    beforeMount()\r\n    {\r\n        this.mapPassengers();\r\n    },\r\n    mixins: [MenuHelperMixin],\r\n    data() {\r\n        return {\r\n            txt_passengers: [],\r\n            hasChanged: false,\r\n        }\r\n    },\r\n    watch: {\r\n        selectedPassengers: {\r\n            deep: true,\r\n            handler() {\r\n                this.mapPassengers();\r\n            }\r\n        },\r\n    },\r\n    methods:\r\n    {\r\n        isPreselected(personId)\r\n        {\r\n            var item = this.orginalPreselectedItems.find(x => x.personId == personId);\r\n            return item != null;\r\n        },\r\n        remove(personId, index) {\r\n            \r\n            if(this.isPreselected(personId))\r\n            {\r\n                return;\r\n            }\r\n\r\n            this.txt_passengers.splice(index, 1);\r\n            this.onValueChanged();\r\n        },\r\n        mapPassengers()\r\n        {\r\n            if (this.selectedPassengers == undefined)\r\n            {\r\n                this.txt_passengers = [];\r\n                return;\r\n            }\r\n\r\n            this.txt_passengers = this.passengerOptions.filter(x => this.selectedPassengers.map(y => y.personId).includes(x.personId));\r\n        },\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_passengers);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.registered-passenger-options .v-select-list\r\n{\r\n    padding: 0px;\r\n}\r\n\r\n.registered-passenger-options .v-select-list .no-data\r\n{\r\n    display: none;\r\n}\r\n</style>","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!./RegisteredPassengerDropdown.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!./RegisteredPassengerDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegisteredPassengerDropdown.vue?vue&type=template&id=430689b5&scoped=true&\"\nimport script from \"./RegisteredPassengerDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisteredPassengerDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegisteredPassengerDropdown.vue?vue&type=style&index=0&id=430689b5&prod&scoped=true&lang=css&\"\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  \"430689b5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}