{"version":3,"sources":["webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?76a6","webpack:///resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?f556","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticClass","role","basketItem","_m","_v","_s","$translate","_t","domProps","innerHTML","directives","name","rawName","href","urls","basket","rel","checkout","_e","_withStripped","component","type","options","__file"],"mappings":"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","file":"chunks/ceres-43.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"add-item-to-basket-overlay\" } }, [\n    _c(\"div\", { staticClass: \"modal fade\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"modal-dialog modal-lg\", attrs: { role: \"document\" } },\n        [\n          _vm.basketItem\n            ? _c(\"div\", { staticClass: \"modal-content\" }, [\n                _c(\"div\", { staticClass: \"modal-header\" }, [\n                  _c(\"div\", { staticClass: \"d-flex\" }, [\n                    _vm._m(0),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"modal-title h5\" }, [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\"Ceres::Template.singleItemAdded\")\n                        )\n                      )\n                    ])\n                  ]),\n                  _vm._v(\" \"),\n                  _vm._m(1)\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"modal-body\" }, [\n                  _c(\"div\", { staticClass: \"row is-table-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"container\" },\n                      [\n                        _c(\"h3\", { staticClass: \"text-center mt-2 mb-4\" }, [\n                          _vm._v(\"Benötigst du noch etwas dazu?\")\n                        ]),\n                        _vm._v(\" \"),\n                        _vm._t(\"duft-pflege\")\n                      ],\n                      2\n                    )\n                  ])\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"modal-footer row\" }, [\n                  _c(\"span\", {\n                    staticClass: \"col-6 col-sm-4 vat-after-total\",\n                    domProps: {\n                      innerHTML: _vm._s(\n                        _vm.$translate(\"TuningFanatics::Template.vat\")\n                      )\n                    }\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"col-6 col-sm-4 mb-2 mb-sm-0\" }, [\n                    _c(\n                      \"a\",\n                      {\n                        directives: [\n                          {\n                            name: \"waiting-animation-infinite\",\n                            rawName: \"v-waiting-animation-infinite\"\n                          }\n                        ],\n                        staticClass:\n                          \"w-100 btn btn-outline-primary btn-medium mr-2\",\n                        attrs: { href: _vm.urls.basket, rel: \"nofollow\" }\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass: \"fa fa-shopping-cart\",\n                          attrs: { \"aria-hidden\": \"true\" }\n                        }),\n                        _vm._v(\n                          \"\\n                                \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.singleItemBasket\")\n                            ) +\n                            \"\\n                            \"\n                        )\n                      ]\n                    )\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"col-12 col-sm-4\" }, [\n                    _c(\n                      \"a\",\n                      {\n                        directives: [\n                          {\n                            name: \"waiting-animation-infinite\",\n                            rawName: \"v-waiting-animation-infinite\"\n                          }\n                        ],\n                        staticClass: \"w-100 btn btn-primary btn-medium\",\n                        attrs: { href: _vm.urls.checkout, rel: \"nofollow\" }\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass: \"fa fa-arrow-right\",\n                          attrs: { \"aria-hidden\": \"true\" }\n                        }),\n                        _vm._v(\n                          \"\\n                                \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemCheckout\"\n                              )\n                            ) +\n                            \"\\n                            \"\n                        )\n                      ]\n                    )\n                  ])\n                ]),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  { staticClass: \"d-flex justify-content-between mt-4 mb-2\" },\n                  [\n                    _c(\"h3\", [\n                      _vm._v(\"Noch schneller und bequemer zahlen mit:\")\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"ppexpress-wrapper\" },\n                      [_vm._t(\"extendOverlayButtons\")],\n                      2\n                    )\n                  ]\n                )\n              ])\n            : _vm._e()\n        ]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"span\", { staticClass: \"text-muted\" }, [\n      _c(\"span\", { staticClass: \"timer\" }),\n      _vm._v(\"s - \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"button\",\n      {\n        staticClass: \"close ml-0 pl-1\",\n        attrs: {\n          type: \"button\",\n          \"data-dismiss\": \"modal\",\n          \"aria-label\": \"Close\"\n        }\n      },\n      [_c(\"span\", { attrs: { \"aria-hidden\": \"true\" } }, [_vm._v(\"×\")])]\n    )\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"add-item-to-basket-overlay\">\n        <div class=\"modal fade\">\n            <div class=\"modal-dialog modal-lg\" role=\"document\">\n                <div class=\"modal-content\" v-if=\"basketItem\">\n\n                    <!-- MODAL HEADER -->\n                    <div class=\"modal-header\">\n                        <div class=\"d-flex\">\n                            <span class=\"text-muted\"><span class=\"timer\"></span>s - </span>\n                            <div class=\"modal-title h5\">{{ $translate(\"Ceres::Template.singleItemAdded\") }}</div>\n                        </div>\n                        <button type=\"button\" class=\"close ml-0 pl-1\" data-dismiss=\"modal\" aria-label=\"Close\">\n                            <span aria-hidden=\"true\">&times;</span>\n                        </button>\n                    </div>\n                    <!-- ./MODAL HEADER -->\n\n                    <!-- MODAL BODY -->\n                    <div class=\"modal-body\">\n                        <div class=\"row is-table-row\">\n<!--                            <div class=\"col-md-4\" style=\"min-height: 80px;\">-->\n<!--                                <img style=\"max-height: 140px;\" class=\"img-fluid mx-auto\" :src=\"imageUrl\" :alt=\"imageAlternativeText || itemName\" :title=\"itemName\"/>-->\n<!--                            </div>-->\n<!--                            <div class=\"col-md-8\">-->\n<!--                                <p>-->\n<!--                                    <strong>{{ itemName }}</strong>-->\n<!--                                    <br>-->\n<!--                                    <span v-if=\"countAdditionalBasketItems > 0\">{{ $translate(\"Ceres::Template.basketItemOverlayAdditionalCount\", {\"count\": countAdditionalBasketItems }) }}</span>-->\n<!--                                </p>-->\n\n<!--                                <p class=\"small\">-->\n<!--                                    <strong>-->\n<!--                                        <span class=\"text-muted\">{{ basketItem.quantity }} x </span>-->\n<!--                                        <span>{{ price | currency }}</span>-->\n<!--                                    </strong>-->\n<!--                                </p>-->\n<!--                                &lt;!&ndash;<p>-->\n<!--                                    <item-bundle v-if=\"isLastBasketEntrySet\" :bundle-type=\"variation.variation.bundleType\" :bundle-components=\"variation.bundleComponents\"></item-bundle>-->\n<!--                                </p> &ndash;&gt;-->\n\n<!--                                <p class=\"small\" v-for=\"attribute in variation.attributes\">-->\n<!--                                    <strong>{{ attribute.attribute.names.name }}</strong>:-->\n<!--                                    <span>{{ attribute.value.names.name }}</span>-->\n<!--                                </p>-->\n\n<!--                                <div class=\"small\" v-if=\"shownOrderProperties.length\">-->\n<!--                                    <div class=\"font-weight-bold my-1\">{{ $translate(\"Ceres::Template.singleItemAdditionalOptions\") }}:</div>-->\n<!--                                    <ul class=\"ml-0 pl-3\">-->\n<!--                                        <li v-for=\"property in shownOrderProperties\" :key=\"property.propertyId\">-->\n<!--                                            <span class=\"d-block text-truncate\">-->\n<!--                                                <strong :class=\"{ 'colon': property.type.length > 0 }\">{{ property.name }} ({{ $translate(\"Ceres::Template.singleItemIncludeAbbr\") }} {{ basketItem.variation.data.properties | propertySurcharge(property.propertyId) | currency }})</strong>-->\n<!--                                                <span>-->\n<!--                                                    <order-property-value :property=\"property\"></order-property-value>-->\n<!--                                                </span>-->\n<!--                                            </span>-->\n<!--                                        </li>-->\n<!--                                    </ul>-->\n<!--                                </div>-->\n\n<!--                            </div>-->\n                            <div class=\"container\">\n                                <h3 class=\"text-center mt-2 mb-4\">Benötigst du noch etwas dazu?</h3>\n                                <slot name=\"duft-pflege\"></slot>\n                            </div>\n                        </div>\n                    </div>\n                    <!-- ./MODAL BODY -->\n\n                    <!-- MODAL FOOTER -->\n                    <div class=\"modal-footer row\">\n                        <span class=\"col-6 col-sm-4 vat-after-total\" v-html=\"$translate('TuningFanatics::Template.vat')\"></span>\n\n                        <div class=\"col-6 col-sm-4 mb-2 mb-sm-0\">\n                            <a v-waiting-animation-infinite :href=\"urls.basket\" rel=\"nofollow\" class=\"w-100 btn btn-outline-primary btn-medium mr-2\">\n                                <i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i>\n                                {{ $translate(\"Ceres::Template.singleItemBasket\") }}\n                            </a>\n                        </div>\n\n                        <div class=\"col-12 col-sm-4\">\n                            <a v-waiting-animation-infinite :href=\"urls.checkout\" rel=\"nofollow\" class=\"w-100 btn btn-primary btn-medium\">\n                                <i class=\"fa fa-arrow-right\" aria-hidden=\"true\"></i>\n                                {{ $translate(\"Ceres::Template.singleItemCheckout\") }}\n                            </a>\n                        </div>\n                    </div>\n                    <div class=\"d-flex justify-content-between mt-4 mb-2\">\n                        <h3>Noch schneller und bequemer zahlen mit:</h3>\n                        <div class=\"ppexpress-wrapper\">\n                            <slot name=\"extendOverlayButtons\"></slot>\n                        </div>\n                    </div>\n\n                    <!-- ./MODAL FOOTER -->\n\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\n\nconst ModalService  = require(\"ceres/app/services/ModalService\");\nconst ApiService    = require(\"ceres/app/services/ApiService\");\n\nexport default {\n    props: {\n        defaultTimeToClose: {\n            type: Number,\n            default: 15\n        }\n    },\n\n    data()\n    {\n        return {\n            price: 0,\n            basketItem: null,\n            countAdditionalBasketItems: 0\n        };\n    },\n\n    mounted()\n    {\n        if (App.config.basket.addItemToBasketConfirm === \"overlay\")\n        {\n            ApiService.listen(\"AfterBasketItemUpdate\", data =>\n            {\n                const updatedBasketItem = data.basketItems[0];\n\n                if (!this.isBasketItemQuantityUpdate)\n                {\n                    const basketItem = this.basketItems.find(item => item.id === updatedBasketItem.id) || {};\n\n                    this.showItem(basketItem);\n                }\n            });\n\n            ApiService.listen(\"AfterBasketItemAdd\", data =>\n            {\n                this.showItem(data.basketItems[0], data.basketItems.length - 1);\n            });\n        }\n    },\n\n    computed:\n    {\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketItemQuantityUpdate: state => state.basket.isBasketItemQuantityUpdate\n        }),\n\n        isLastBasketEntrySet()\n        {\n            return !isNullOrUndefined(this.basketItem);\n        },\n\n        variation()\n        {\n            if (this.basketItem)\n            {\n                return this.basketItem.variation ? this.basketItem.variation.data : null;\n            }\n\n            return null;\n        },\n\n        itemName()\n        {\n            if (this.isLastBasketEntrySet)\n            {\n                return this.$options.filters.itemName(this.variation);\n            }\n\n            return \"\";\n        },\n\n        imageUrl()\n        {\n            if (this.isLastBasketEntrySet)\n            {\n                const images = this.$options.filters.itemImages(this.variation.images, \"urlPreview\");\n\n                return this.$options.filters.itemImage(images);\n            }\n\n            return \"\";\n        },\n\n        imageAlternativeText()\n        {\n            if (this.isLastBasketEntrySet)\n            {\n                const images = this.$options.filters.itemImages(this.variation.images, \"urlPreview\");\n\n                return this.$options.filters.itemImageAlternativeText(images);\n            }\n\n            return \"\";\n        },\n\n        urls()\n        {\n            return {\n                basket: App.urls.basket,\n                checkout: App.urls.checkout\n            }\n        },\n\n        shownOrderProperties()\n        {\n            return this.basketItem.basketItemOrderParams.filter(property =>\n            {\n                return !!this.variation.properties.find(prop => prop.propertyId == property.propertyId);\n            });\n        }\n    },\n\n    methods:\n    {\n        showItem(basketItem, countAdditionalBasketItems)\n        {\n            this.basketItem = basketItem;\n            this.countAdditionalBasketItems = countAdditionalBasketItems;\n            this.price = basketItem.price;\n\n            ModalService\n                .findModal(document.getElementById(\"add-item-to-basket-overlay\"))\n                .setTimeout(this.defaultTimeToClose * 1000)\n                .show();\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddItemToBasketOverlay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddItemToBasketOverlay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddItemToBasketOverlay.vue?vue&type=template&id=71cf7942&\"\nimport script from \"./AddItemToBasketOverlay.vue?vue&type=script&lang=js&\"\nexport * from \"./AddItemToBasketOverlay.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/www/DIA-tuningFanatics/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('71cf7942')) {\n      api.createRecord('71cf7942', component.options)\n    } else {\n      api.reload('71cf7942', component.options)\n    }\n    module.hot.accept(\"./AddItemToBasketOverlay.vue?vue&type=template&id=71cf7942&\", function () {\n      api.rerender('71cf7942', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/basket/AddItemToBasketOverlay.vue\"\nexport default component.exports"],"sourceRoot":""}