{"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","_v","_s","$translate","_m","staticStyle","src","imageUrl","alt","imageAlternativeText","itemName","title","countAdditionalBasketItems","count","_e","variation","data","prices","rrp","unitPrice","value","default","price","formatted","_f","_l","attributes","attribute","names","name","shownOrderProperties","length","property","key","propertyId","class","colon","type","_t","directives","rawName","href","rel","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-15.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(\"div\", { staticClass: \"modal-dialog\", attrs: { role: \"document\" } }, [\n        _vm.basketItem\n          ? _c(\"div\", { staticClass: \"modal-content\" }, [\n              _c(\"div\", { staticClass: \"modal-header\" }, [\n                _c(\"div\", { staticClass: \"modal-title h5\" }, [\n                  _vm._v(\n                    _vm._s(_vm.$translate(\"Ceres::Template.singleItemAdded\"))\n                  )\n                ]),\n                _vm._v(\" \"),\n                _vm._m(0),\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                    {\n                      staticClass: \"col-md-4\",\n                      staticStyle: { \"min-height\": \"80px\" }\n                    },\n                    [\n                      _c(\"img\", {\n                        staticClass: \"img-fluid mx-auto\",\n                        staticStyle: { \"max-height\": \"140px\" },\n                        attrs: {\n                          src: _vm.imageUrl,\n                          alt: _vm.imageAlternativeText || _vm.itemName,\n                          title: _vm.itemName\n                        }\n                      })\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-md-8\" },\n                    [\n                      _c(\"p\", [\n                        _c(\"strong\", [_vm._v(_vm._s(_vm.itemName))]),\n                        _vm._v(\" \"),\n                        _c(\"br\"),\n                        _vm._v(\" \"),\n                        _vm.countAdditionalBasketItems > 0\n                          ? _c(\"span\", [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"Ceres::Template.basketItemOverlayAdditionalCount\",\n                                    { count: _vm.countAdditionalBasketItems }\n                                  )\n                                )\n                              )\n                            ])\n                          : _vm._e()\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"p\", { staticClass: \"small\" }, [\n                        _vm.basketItem.variation.data.prices.rrp &&\n                        _vm.basketItem.variation.data.prices.rrp.unitPrice\n                          .value > 0 &&\n                        _vm.basketItem.variation.data.prices.rrp.unitPrice\n                          .value >\n                          _vm.basketItem.variation.data.prices.default.unitPrice\n                            .value\n                          ? _c(\"del\", { staticClass: \"cart-crossprice\" }, [\n                              _vm._v(\n                                \"\\n                                        \" +\n                                  _vm._s(\n                                    _vm.basketItem.variation.data.prices.rrp\n                                      .price.formatted\n                                  ) +\n                                  \"\\n                                    \"\n                              )\n                            ])\n                          : _vm._e()\n                      ]),\n                      _vm.basketItem.variation.data.prices.rrp &&\n                      _vm.basketItem.variation.data.prices.rrp.unitPrice.value >\n                        0 &&\n                      _vm.basketItem.variation.data.prices.rrp.unitPrice.value >\n                        _vm.basketItem.variation.data.prices.default.unitPrice\n                          .value\n                        ? _c(\"div\", { staticClass: \"cart-has-crossprice\" }, [\n                            _vm._v(_vm._s(_vm._f(\"currency\")(_vm.price)))\n                          ])\n                        : _c(\"div\", { staticClass: \"cart-has-no-crossprice\" }, [\n                            _vm._v(_vm._s(_vm._f(\"currency\")(_vm.price)))\n                          ]),\n                      _vm._v(\" \"),\n                      _c(\"p\"),\n                      _vm._v(\" \"),\n                      _vm._l(_vm.variation.attributes, function(attribute) {\n                        return _c(\"p\", { staticClass: \"small\" }, [\n                          _c(\"strong\", [\n                            _vm._v(_vm._s(attribute.attribute.names.name))\n                          ]),\n                          _vm._v(\":\\n                                \"),\n                          _c(\"span\", [\n                            _vm._v(_vm._s(attribute.value.names.name))\n                          ])\n                        ])\n                      }),\n                      _vm._v(\" \"),\n                      _vm.shownOrderProperties.length\n                        ? _c(\"div\", { staticClass: \"small\" }, [\n                            _c(\n                              \"div\",\n                              { staticClass: \"font-weight-bold my-1\" },\n                              [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.$translate(\n                                      \"Ceres::Template.singleItemAdditionalOptions\"\n                                    )\n                                  ) + \":\"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"ul\",\n                              { staticClass: \"ml-1 pl-3\" },\n                              _vm._l(_vm.shownOrderProperties, function(\n                                property\n                              ) {\n                                return _c(\"li\", { key: property.propertyId }, [\n                                  _c(\"span\", { staticClass: \"d-block\" }, [\n                                    _c(\n                                      \"strong\",\n                                      {\n                                        class: {\n                                          colon: property.type.length > 0\n                                        }\n                                      },\n                                      [_vm._v(_vm._s(property.name))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      [\n                                        _c(\"order-property-value\", {\n                                          attrs: { property: property }\n                                        })\n                                      ],\n                                      1\n                                    )\n                                  ])\n                                ])\n                              }),\n                              0\n                            )\n                          ])\n                        : _vm._e()\n                    ],\n                    2\n                  )\n                ])\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"modal-footer\" }, [\n                _c(\"div\", { staticClass: \"container\" }, [\n                  _c(\"div\", { staticClass: \"row\" }, [\n                    _vm._m(2),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"col-6 col-md-4\" },\n                      [_vm._t(\"extendOverlayButtons\")],\n                      2\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"col-12 col-md-4 mt-3 mt-md-0\" }, [\n                      _c(\n                        \"a\",\n                        {\n                          directives: [\n                            {\n                              name: \"waiting-animation-infinite\",\n                              rawName: \"v-waiting-animation-infinite\"\n                            }\n                          ],\n                          staticClass: \"btn btn-primary btn-block mr-2\",\n                          attrs: { href: \"/basket\", rel: \"nofollow\" }\n                        },\n                        [\n                          _vm._v(\n                            \"\\n                                    \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemBasket\"\n                                )\n                              ) +\n                              \"\\n                                \"\n                          )\n                        ]\n                      )\n                    ])\n                  ])\n                ])\n              ])\n            ])\n          : _vm._e()\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 ml-auto\" }, [\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  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"col-6 col-md-4\" }, [\n      _c(\n        \"a\",\n        {\n          staticClass: \"btn btn-outline-primary btn-block float-left mr-2\",\n          attrs: { href: \"#\", rel: \"nofollow\", \"data-dismiss\": \"modal\" }\n        },\n        [\n          _vm._v(\n            \"\\n                                    Weiter einkaufen\\n                                \"\n          )\n        ]\n      )\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\" role=\"document\">\n                <div class=\"modal-content\" v-if=\"basketItem\">\n\n                    <!-- MODAL HEADER -->\n                    <div class=\"modal-header\">\n                        <div class=\"modal-title h5\">{{ $translate(\"Ceres::Template.singleItemAdded\") }}</div>\n                        <span class=\"text-muted ml-auto\"><span class=\"timer\"></span>s</span>\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                                        <del class=\"cart-crossprice\" v-if=\"basketItem.variation.data.prices.rrp && basketItem.variation.data.prices.rrp.unitPrice.value > 0 && basketItem.variation.data.prices.rrp.unitPrice.value > basketItem.variation.data.prices.default.unitPrice.value\">\n                                            {{ basketItem.variation.data.prices.rrp.price.formatted }}\n                                        </del>\n                                        <div class=\"cart-has-crossprice\" v-if=\"basketItem.variation.data.prices.rrp && basketItem.variation.data.prices.rrp.unitPrice.value > 0 && basketItem.variation.data.prices.rrp.unitPrice.value > basketItem.variation.data.prices.default.unitPrice.value\">{{ price | currency }}</div>\n                                        <div class=\"cart-has-no-crossprice\" v-else>{{ price | currency }}</div>\n                                </p>\n\n                                <!--<p>\n                                    <item-bundle v-if=\"isLastBasketEntrySet\" :bundle-type=\"variation.variation.bundleType\" :bundle-components=\"variation.bundleComponents\"></item-bundle>\n                                </p> -->\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-1 pl-3\">\n                                        <li v-for=\"property in shownOrderProperties\" :key=\"property.propertyId\">\n                                            <span class=\"d-block\">\n                                                <strong :class=\"{ 'colon': property.type.length > 0 }\">{{ property.name }}</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>\n                    </div>\n                    <!-- ./MODAL BODY -->\n\n                    <!-- MODAL FOOTER -->\n                    <div class=\"modal-footer\">\n                        <div class=\"container\">\n                            <div class=\"row\">\n                                <div class=\"col-6 col-md-4\">\n                                    <a href=\"#\" rel=\"nofollow\" class=\"btn btn-outline-primary btn-block float-left mr-2\" data-dismiss=\"modal\">\n                                        Weiter einkaufen\n                                    </a>\n                                </div>\n                                <div class=\"col-6 col-md-4\">\n                                    <slot name=\"extendOverlayButtons\"></slot>\n                                </div>\n                                <div class=\"col-12 col-md-4 mt-3 mt-md-0\">\n                                    <a v-waiting-animation-infinite href=\"/basket\" rel=\"nofollow\" class=\"btn btn-primary btn-block mr-2\">\n                                        {{ $translate(\"Ceres::Template.singleItemBasket\") }}\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <!-- ./MODAL FOOTER -->\n\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"../../helper/utils\";\nimport { mapState } from \"vuex\";\n\nconst ModalService  = require(\"../../services/ModalService\");\nconst ApiService    = require(\"../../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(\"/Users/danielmannheimer/plentyDevTool/22632/41/Ceres/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":""}