{"version":3,"sources":["webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/CouponList.vue?d9b0","webpack:///src/extensions/shop/components/CheckoutStepper/Steps/Partials/CouponList.vue","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/CouponList.vue?cd49","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/CouponList.vue","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/Coupon.vue?a7d1","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/CouponList.vue?1a6b","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/Coupon.vue?b279","webpack:///src/extensions/shop/components/CheckoutStepper/Steps/Partials/Coupon.vue","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/Coupon.vue?3af0","webpack:///./src/extensions/shop/components/CheckoutStepper/Steps/Partials/Coupon.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","coupon","key","id","attrs","staticRenderFns","component","class","active","disabled","on","$event","preventDefault","stopPropagation","toggle","_v","_s","label"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACE,YAAY,eAAeN,EAAIO,GAAIP,EAAW,SAAE,SAASQ,GAAQ,OAAOJ,EAAG,KAAK,CAACA,EAAG,SAAS,CAACK,IAAID,EAAOE,GAAGC,MAAM,CAAC,OAASH,MAAW,MAAK,IACjPI,EAAkB,G,0FCWtB,GACE,KAAF,aACE,WAAF,CACI,OAAJ,cAEE,SAAF,gBACI,QADJ,WACM,IAAN,MACA,KAeM,OAZN,0FACQ,EAAR,0CACU,OAAV,4CAIA,oEACQ,KAAR,2CACA,oBAAY,OAAZ,6BAIA,sCAEA,gBACI,SAAJ,gBACI,SAAJ,oBCtC+Z,I,wBCQ3ZC,EAAY,eACd,EACAd,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,yFCnBf,yBAA4oB,EAAG,G,kCCA/oB,yBAAgpB,EAAG,G,yCCAnpB,IAAId,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAASQ,MAAM,CAAEC,OAAQf,EAAIe,OAAQC,SAAUhB,EAAIgB,WAAY,CAACZ,EAAG,IAAI,CAACE,YAAY,WAAWK,MAAM,CAAC,KAAO,IAAIM,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,iBAAiBD,EAAOE,kBAAyBpB,EAAIqB,OAAOH,MAAW,CAAElB,EAAU,OAAEI,EAAG,MAAM,CAACO,MAAM,CAAC,MAAQ,6BAA6B,KAAO,OAAO,QAAU,YAAY,OAAS,iBAAiB,CAACP,EAAG,OAAO,CAACO,MAAM,CAAC,iBAAiB,QAAQ,kBAAkB,QAAQ,eAAe,MAAM,EAAI,sBAAsBP,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaF,EAAG,QAAQ,CAACJ,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIwB,eAC/qBZ,EAAkB,G,sECiDtB,GACE,KAAF,SACE,MAAF,CACI,OAAJ,CACM,KAAN,OACM,UAAN,IAME,SAAF,gBACI,MADJ,WAEM,IAAN,mBAEM,IAAN,EACQ,OAAR,kBACU,IAAV,aACY,EAAZ,+DACY,MAEF,QACA,IAAV,QACc,IAAd,uDACA,8CAEA,WACA,+DACc,EAAd,oDACc,MAKR,OAAN,GAEI,OAAJ,CACM,IADN,WACQ,IAAR,EAAY,EAAZ,KACA,KAIQ,OAHR,qEACU,IAAV,6CAAY,OAAZ,uBAEA,GAEM,IARN,SAQA,IACA,4BACA,2BAGI,SAtCJ,WAsCM,IAAN,SACA,KAWM,OAVN,mFACQ,IAAR,6CACU,GAAV,mBAAU,CAEA,IAAV,kDACA,gEAEU,OAAV,2CAGA,IAEA,gBACI,SAAJ,gBACI,SAAJ,gBACI,qBAAJ,4BACI,IAAJ,SAGE,QAAF,gBACI,OADJ,WAEM,KAAN,sBAEA,gBACI,IAAJ,+BACI,OAAJ,wCC9H2Z,I,wBCQvZC,EAAY,eACd,EACAd,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-17882051.e4263d58.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"coupon-list\"},_vm._l((_vm.coupons),function(coupon){return _c('li',[_c('Coupon',{key:coupon.id,attrs:{\"coupon\":coupon}})],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n  ul.coupon-list\n    li(v-for=\"coupon in coupons\")\n      Coupon(:coupon=\"coupon\" :key=\"coupon.id\")\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { orderBy } from '@/helpers';\n\nimport Coupon from './Coupon';\n\nexport default {\n    name: 'CouponList',\n    components: {\n        Coupon\n    },\n    computed: {\n        coupons() {\n            let coupons = [];\n            // get all applicable customer coupons\n            // and add applied coupons\n            if (this.customer?.coupons?.length) {\n                coupons = this.customer.coupons.filter(el => {\n                    return el.code_required === false && el.applicable === true;\n                });\n            }\n\n            if (this.checkout.form.coupons?.length) {\n                this.checkout.form.coupons.forEach(coupon => {\n                    if (!coupons.find(el => el.id === coupon.id)) coupons.push(coupon);\n                });\n            }\n\n            return orderBy(coupons, ['position', 'id']);\n        },\n        ...mapGetters({\n            checkout: 'shop/checkout',\n            customer: 'shop/customer'\n        })\n    }\n};\n</script>\n\n<style lang=\"sass\" scoped>\nul.coupon-list\n  display: block !important\n</style>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CouponList.vue?vue&type=template&id=7e6dc63d&scoped=true&lang=pug&\"\nimport script from \"./CouponList.vue?vue&type=script&lang=js&\"\nexport * from \"./CouponList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CouponList.vue?vue&type=style&index=0&id=7e6dc63d&lang=sass&scoped=true&\"\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  \"7e6dc63d\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Coupon.vue?vue&type=style&index=0&id=64f8cc33&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Coupon.vue?vue&type=style&index=0&id=64f8cc33&lang=sass&scoped=true&\"","import mod from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponList.vue?vue&type=style&index=0&id=7e6dc63d&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponList.vue?vue&type=style&index=0&id=7e6dc63d&lang=sass&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coupon\",class:{ active: _vm.active, disabled: _vm.disabled }},[_c('a',{staticClass:\"checkbox\",attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.toggle($event)}}},[(_vm.active)?_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2.3\",\"d\":\"M5 13l4 4L19 7\"}})]):_c('div',{staticClass:\"empty-checkbox\"},[_c('div',{staticClass:\"circle\"})]),_c('label',[_vm._v(_vm._s(_vm.label))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n  .coupon(:class=\"{ active, disabled }\")\n    a.checkbox(href @click.prevent.stop=\"toggle\")\n      svg(\n        v-if=\"active\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      )\n        //- d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n        //- d=\"M5 13l4 4L19 7\"\n        path(\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2.3\"\n          d=\"M5 13l4 4L19 7\"\n        )\n      //-  svg(\n      //-    v-if=\"active\"\n      //-    xmlns=\"http://www.w3.org/2000/svg\"\n      //-    viewBox=\"0 0 20 20\"\n      //-    stroke=\"currentColor\"\n      //-  )\n      //-    path(\n      //-      fill-rule=\"evenodd\"\n      //-      clip-rule=\"evenodd\"\n      //-      d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n      //-    )\n      .empty-checkbox(v-else)\n        .circle\n        //- svg(\n        //-   xmlns=\"http://www.w3.org/2000/svg\"\n        //-   viewBox=\"0 0 20 20\"\n        //-   fill=\"currentColor\"\n        //- )\n        //-   path(\n        //-     fill-rule=\"evenodd\"\n        //-     d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z\"\n        //-     clip-rule=\"evenodd\"\n        //-   )\n      label {{ label }}\n</template>\n\n<script>\nimport { mapGetters, mapMutations } from 'vuex';\nimport { moneyFormat } from '@/filters';\n\nimport { get } from '@/helpers';\n\nexport default {\n    name: 'Coupon',\n    props: {\n        coupon: {\n            type: Object,\n            required: true\n        }\n    },\n    // data: () => ({\n    //   active: false\n    // }),\n    computed: {\n        label() {\n            let label = this.coupon.name;\n\n            if (!label) {\n                switch (this.coupon.type) {\n                    case 'percentage':\n                        label = `${this.coupon.percentage}% auf den gesamten Einkauf`;\n                        break;\n\n                    default:\n                    case 'fixed': {\n                        const customerGroup = get(this.cms, 'shop.defaultCustomerGroup');\n                        const code = get(customerGroup, 'currency.iso4217') || 'EUR';\n\n                        let key = 'amount';\n                        if (this.customer && this.customer.show_net_prices) key = 'net_amount';\n                        label = `Rabatt: ${moneyFormat(this.coupon[key], code)}`;\n                        break;\n                    }\n                }\n            }\n\n            return label;\n        },\n        active: {\n            get() {\n                let active = false;\n                if (this.checkout.form.coupons?.length) {\n                    active = !!this.checkout.form.coupons.find(el => el.id === this.coupon.id);\n                }\n                return active;\n            },\n            set(value) {\n                if (value === true) this.add(this.coupon);\n                else this.remove(this.coupon);\n            }\n        },\n        disabled() {\n            let disabled = false;\n            if (!this.active && this.checkout.form.coupons?.length) {\n                disabled = !!this.checkout.form.coupons.find(el => {\n                    if (el.id === this.coupon.id) return;\n\n                    let el_pos = (el.position || Infinity) + parseFloat(`0.${el.id}`);\n                    let coupon_pos = (this.coupon.position || Infinity) + parseFloat(`0.${this.coupon.id}`);\n\n                    return el_pos <= coupon_pos && el.discard_the_following_coupons;\n                });\n            }\n            return disabled;\n        },\n        ...mapGetters({\n            checkout: 'shop/checkout',\n            customer: 'shop/customer',\n            defaultCustomerGroup: 'shop/defaultCustomerGroup',\n            cms: 'CMS'\n        })\n    },\n    methods: {\n        toggle() {\n            this.active = !this.active;\n        },\n        ...mapMutations({\n            add: 'shop/addCouponToCheckoutForm',\n            remove: 'shop/removeCouponFromCheckoutForm'\n        })\n    }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.coupon\n  @apply mb-2\n  .empty-checkbox\n    @apply flex justify-center items-center\n    width: 1.5rem\n    height: 1.5rem\n    .circle\n      @apply border-2 border-gray-400 bg-gray-100\n      width: 1.2rem\n      height: 1.2rem\n      border-radius: 50%\n  a.checkbox\n    @apply p-2 rounded bg-gray-200\n    border: 2px solid var(--color-primary)\n    color: var(--color-primary)\n    display: flex\n    align-items: center\n    width: 100%\n    min-height: 2rem\n    text-decoration: none\n    transition: background-color .15s ease, color .15s ease\n    &:hover,\n    &:focus\n      border: 2px solid var(--color-primary)\n      background-color: var(--color-primary)\n      --switch:calc((var(--primary-color-light-l) - var(--contrastThreshold)) * -100)\n      color: hsl(0, 0%, var(--switch))\n      .circle\n        border-color: var(--color-primary)\n    svg\n      width: 1.5rem\n      height: 1.5remo\n      flex-shrink: 0\n      // transition: color .15s ease\n    label\n      margin-left: 0.5rem\n      line-height: 1.3\n      padding-top: 3px\n      cursor: pointer\n  &.disabled\n    opacity: 0.5\n    pointer-events: none\n  &.active\n    a.checkbox\n      @apply bg-green-200 border-green-300\n      color: initial\n      svg\n        @apply text-green-600\n      &:hover,\n      &:focus\n        @apply bg-gray-200 border-gray-300\n        svg\n          @apply text-gray-600\n</style>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Coupon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Coupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Coupon.vue?vue&type=template&id=64f8cc33&scoped=true&lang=pug&\"\nimport script from \"./Coupon.vue?vue&type=script&lang=js&\"\nexport * from \"./Coupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Coupon.vue?vue&type=style&index=0&id=64f8cc33&lang=sass&scoped=true&\"\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  \"64f8cc33\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}