{"version":3,"sources":["webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","webpack:///resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?756b","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?a181"],"names":["render","_vm","this","_c","_self","attrs","id","staticClass","role","basketItem","_v","_s","$translate","_m","staticStyle","src","imageUrl","alt","imageAlternativeText","itemName","title","countAdditionalBasketItems","count","_e","quantity","_f","price","_l","variation","attributes","attribute","names","name","value","shownOrderProperties","length","property","key","propertyId","class","colon","type","$options","filters","propertySurcharge","data","properties","directives","rawName","href","urls","basket","rel","checkout","_t","_withStripped","ModalService","require","ApiService","props","defaultTimeToClose","Number","default","mounted","_this","App","config","addItemToBasketConfirm","listen","updatedBasketItem","basketItems","isBasketItemQuantityUpdate","find","item","showItem","computed","_objectSpread","mapState","state","items","isLastBasketEntrySet","isNullOrUndefined","images","itemImages","itemImage","itemImageAlternativeText","_this2","basketItemOrderParams","filter","prop","methods","findModal","document","getElementById","setTimeout","show","component"],"mappings":"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","file":"chunks/ceres-client-15.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\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(\n              \"div\",\n              { staticClass: \"modal-content\" },\n              [\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                          _c(\"strong\", [\n                            _c(\"span\", { staticClass: \"text-muted\" }, [\n                              _vm._v(_vm._s(_vm.basketItem.quantity) + \" x \"),\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\"span\", [\n                              _vm._v(_vm._s(_vm._f(\"currency\")(_vm.price))),\n                            ]),\n                          ]),\n                        ]),\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(\n                                  _vm.shownOrderProperties,\n                                  function (property) {\n                                    return _c(\n                                      \"li\",\n                                      { key: property.propertyId },\n                                      [\n                                        _c(\"span\", { staticClass: \"d-block\" }, [\n                                          _c(\n                                            \"strong\",\n                                            {\n                                              class: {\n                                                colon: property.type.length > 0,\n                                              },\n                                            },\n                                            [\n                                              _vm._v(\n                                                _vm._s(property.name) + \" \"\n                                              ),\n                                              _vm.$options.filters.propertySurcharge(\n                                                _vm.basketItem.variation.data\n                                                  .properties,\n                                                property.propertyId\n                                              ) > 0\n                                                ? [\n                                                    _vm._v(\n                                                      \"(\" +\n                                                        _vm._s(\n                                                          _vm.$translate(\n                                                            \"Ceres::Template.singleItemIncludeAbbr\"\n                                                          )\n                                                        ) +\n                                                        \" \" +\n                                                        _vm._s(\n                                                          _vm._f(\"currency\")(\n                                                            _vm._f(\n                                                              \"propertySurcharge\"\n                                                            )(\n                                                              _vm.basketItem\n                                                                .variation.data\n                                                                .properties,\n                                                              property.propertyId\n                                                            )\n                                                          )\n                                                        ) +\n                                                        \") \"\n                                                    ),\n                                                  ]\n                                                : _vm._e(),\n                                            ],\n                                            2\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                                  }\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(\n                    \"a\",\n                    {\n                      directives: [\n                        {\n                          name: \"waiting-animation-infinite\",\n                          rawName: \"v-waiting-animation-infinite\",\n                        },\n                      ],\n                      staticClass: \"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                  _vm._v(\" \"),\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-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(\"Ceres::Template.singleItemCheckout\")\n                          ) +\n                          \"\\n                    \"\n                      ),\n                    ]\n                  ),\n                ]),\n                _vm._v(\" \"),\n                _vm._t(\"extendOverlayButtons\"),\n              ],\n              2\n            )\n          : _vm._e(),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\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      _c = _vm._self._c\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\" 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                                    <strong>\n                                        <span class=\"text-muted\">{{ basketItem.quantity }} x </span>\n                                        <span>{{ price | currency }}</span>\n                                    </strong>\n                                </p>\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 }} <template v-if=\"$options.filters.propertySurcharge(basketItem.variation.data.properties, property.propertyId) > 0\">({{ $translate(\"Ceres::Template.singleItemIncludeAbbr\") }} {{ basketItem.variation.data.properties | propertySurcharge(property.propertyId) | currency }}) </template></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                        <a v-waiting-animation-infinite :href=\"urls.basket\" rel=\"nofollow\" class=\"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                        <a v-waiting-animation-infinite :href=\"urls.checkout\" rel=\"nofollow\" class=\"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                    <slot name=\"extendOverlayButtons\"></slot>\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=6d7dcd2e\"\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\nexport default component.exports"],"sourceRoot":""}