{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/item/OrderNow.vue?a9b5","webpack:///resources/js/src/modeherz/components/item/OrderNow.vue","webpack:///./resources/js/src/modeherz/components/item/OrderNow.vue?4377","webpack:///./resources/js/src/modeherz/components/item/OrderNow.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isGermanShippingCountry","specialText","lang","domProps","innerHTML","_s","_e","_v","showText","hide","displayText","_m","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,MACA,CAAEE,YAAa,uBACf,CACEN,EAAIO,yBACJP,EAAIQ,aACJR,EAAIQ,YAAYR,EAAIS,MAChB,CACEL,EAAG,OAAQ,CACTM,SAAU,CAAEC,UAAWX,EAAIY,GAAGZ,EAAIQ,YAAYR,EAAIS,WAGtDT,EAAIa,KACRb,EAAIc,GAAG,KACPd,EAAIe,WAAaf,EAAIgB,KACjBZ,EACE,OACA,CACEE,YAAa,WACbI,SAAU,CAAEC,UAAWX,EAAIY,GAAGZ,EAAIiB,eAEpC,CACEjB,EAAIc,GAAG,4BACPd,EAAIkB,GAAG,GACPlB,EAAIc,GAAG,wCACPV,EAAG,SAAU,CAACJ,EAAIc,GAAG,YACrBd,EAAIc,GAAG,KACPV,EAAG,MAAO,CAACJ,EAAIc,GAAG,SAGtBd,EAAIa,MAEV,IAcJd,EAAOoB,eAAgB,E,8nOClCvB,IChBgN,EDgBhN,CACA,kBACA,OACA,MACA,aACA,YAEA,MACA,YACA,eAGA,aACA,gBACA,OACA,YACA,QACA,aACA,0BACA,oBAEA,cACA,kBACA,eACA,mBAGA,UACA,mCACA,6DAGA,wJAEA,uBACA,eACA,kIAGA,GAFA,aACA,kDACA,sBACA,mEACA,uBAEA,0DACA,qDAEA,4BACA,oBACA,wDAhBA,IAmBA,yBACA,0BACA,yCAGA,SACA,kCACA,kCACA,0CACA,wBACA,WACA,iCACA,6BACA,sDACA,QAEA,kBAEA,yDACA,YAIA,sBACA,iCACA,gDACA,6BACA,oBACA,oDAEA,GADA,oBACA,UACA,kCACA,8BACA,gGACA,CACA,IACA,EADA,mDACA,UACA,6GAEA,CACA,oBACA,kBAIA,mBAHA,kBAGA,QAFA,kBAEA,YADA,mKAEA,mLAEA,oB,QE5GIC,EAAY,YACd,EACArB,EH8BoB,CACpB,WACE,IACIG,EADMD,KACGE,eACTC,EAFMH,KAEGI,MAAMD,IAAMF,EACzB,OAAOE,EAAG,SAAU,CAClBA,EAAG,IAAK,CAAEE,YAAa,kBAJfL,KAKJa,GAAG,mBGnCX,EACA,KACA,KACA,MAuBFM,EAAUC,QAAQC,OAAS,yDACZ,UAAAF,E","file":"chunks/ceres-client-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(\n    \"div\",\n    { staticClass: \"ordernow__component\" },\n    [\n      _vm.isGermanShippingCountry &&\n      _vm.specialText &&\n      _vm.specialText[_vm.lang]\n        ? [\n            _c(\"span\", {\n              domProps: { innerHTML: _vm._s(_vm.specialText[_vm.lang]) },\n            }),\n          ]\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.showText && !_vm.hide\n        ? _c(\n            \"span\",\n            {\n              staticClass: \" bg-none\",\n              domProps: { innerHTML: _vm._s(_vm.displayText) },\n            },\n            [\n              _vm._v(\"\\n        Innerhalb von \"),\n              _vm._m(0),\n              _vm._v(\" bestellen & bezahlen, Versand noch \"),\n              _c(\"strong\", [_vm._v(\"heute!\")]),\n              _vm._v(\" \"),\n              _c(\"sup\", [_vm._v(\"8\")]),\n            ]\n          )\n        : _vm._e(),\n    ],\n    2\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(\"strong\", [\n      _c(\"i\", { staticClass: \"fa fa-clock-o\" }),\n      _vm._v(\" 00h 00min\"),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"ordernow__component\">\r\n        <template v-if=\"isGermanShippingCountry && specialText && specialText[lang]\">\r\n            <span v-html=\"specialText[lang]\"></span>\r\n        </template>\r\n        <span class=\" bg-none\"\r\n              v-if=\"showText && !hide\"\r\n              v-html=\"displayText\">\r\n            Innerhalb von <strong><i class=\"fa fa-clock-o\"></i> 00h 00min</strong> bestellen &amp; bezahlen, Versand noch <strong>heute!</strong> <sup>8</sup>\r\n        </span>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import * as ApiService from '../../../app/services/ApiService';\r\n\r\n    export default {\r\n        name: 'MhOrderNow',\r\n        props: {\r\n            hide: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            lang:{\r\n                type: String,\r\n                default: 'de'\r\n            }\r\n        },\r\n        intervalId: 0,\r\n        data() {\r\n            return {\r\n                showText: false,\r\n                config: {\r\n                    validUntil: 0,\r\n                    latestPossibleOrderTime: 0,\r\n                    currentTimestamp: 0,\r\n                },\r\n                computedNow: 0,\r\n                computedLastNow: 0,\r\n                displayText: '',\r\n                specialText: null\r\n            };\r\n        },\r\n        computed: {\r\n            isGermanShippingCountry() {\r\n                return this.$store.state.localization.shippingCountryId == 1;\r\n            },\r\n        },\r\n        async mounted() {\r\n            try {\r\n                await this.updateTimes();\r\n                this.updateText();\r\n                this.$options.intervalId = setInterval(async () => {\r\n                    const tmpNow = Date.now();\r\n                    this.computedNow = this.computedNow + (tmpNow - this.computedLastNow);\r\n                    this.computedLastNow = tmpNow;\r\n                    if (this.computedNow > this.config.validUntil) {\r\n                        await this.updateTimes();\r\n                    }\r\n                    this.updateText();\r\n                }, 30 * 1000);\r\n            }catch(e){\r\n                if(typeof window !== \"undefined\"){\r\n                   console.error(e)\r\n                }\r\n            }\r\n        },\r\n        beforeDestroy() {\r\n            if (this.$options.intervalId) {\r\n                clearInterval(this.$options.intervalId);\r\n            }\r\n        },\r\n        methods: {\r\n            updateTimes() {\r\n                return new Promise((resolve, reject) => {\r\n                    ApiService.get('/rest/modeherz/shop/order-now', {})\r\n                              .done(response => {\r\n                                  this.config = response;\r\n                                  this.computedNow = response.currentTimestamp;\r\n                                  this.computedLastNow = Date.now();\r\n                                  this.specialText = response.special ?? null;\r\n                                  resolve(response);\r\n                              })\r\n                              .fail((e) => {\r\n\r\n                                  console.error('get shipment times failed: ' + e.message,e);\r\n                                  reject(e);\r\n                              });\r\n                });\r\n            },\r\n            updateText() {\r\n                const date = new Date(this.computedNow);\r\n                const shippingDate = new Date(this.config.latestPossibleOrderTime);\r\n                const truncatedDate = new Date(this.computedNow);\r\n                truncatedDate.setHours(0,0,0,0);\r\n                const truncatedShippingDate = new Date(this.config.latestPossibleOrderTime);\r\n                truncatedShippingDate.setHours(0,0,0,0);\r\n                if (truncatedDate < truncatedShippingDate || date > shippingDate) {\r\n                    const tomorrow = new Date(truncatedDate.getTime() +  97200000)\r\n                    if (shippingDate.getDate() - tomorrow.getDate() === 0) {\r\n                        this.displayText = this.$translate('modeherz::SingleItemPageClient.itemPageOrderNowTomorrow');\r\n                    } else {\r\n                        const formatter = Intl.DateTimeFormat(App.language, { weekday: 'long' });\r\n                        const localizedWeekday = formatter.format(shippingDate);\r\n                        this.displayText = this.$translate('modeherz::SingleItemPageClient.itemPageOrderNowNotToday', { weekday: localizedWeekday });\r\n                    }\r\n                } else {\r\n                    const duration = new Date(shippingDate - date);\r\n                    const hoursLeft = duration.getUTCHours();\r\n                    const minutesLeft = duration.getUTCMinutes();\r\n                    const secondsLeft = duration.getUTCSeconds();\r\n                    const hoursstring = hoursLeft === 1 ? this.$translate('modeherz::SingleItemPageClient.itemPageOrderNowHourSingular') : this.$translate('modeherz::SingleItemPageClient.itemPageOrderNowHourPlural');\r\n                    const params = { hours: hoursLeft, minutes: minutesLeft, seconds: secondsLeft, hoursstring };\r\n                    this.displayText = hoursLeft === 0 ? this.$translate('modeherz::SingleItemPageClient.itemPageOrderNowTodayNextHour', params) : this.$translate('modeherz::SingleItemPageClient.itemPageOrderNowToday', params);\r\n                }\r\n                this.showText = true;\r\n            },\r\n        },\r\n    };\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderNow.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!./OrderNow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderNow.vue?vue&type=template&id=028f3099&\"\nimport script from \"./OrderNow.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderNow.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(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-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('028f3099')) {\n      api.createRecord('028f3099', component.options)\n    } else {\n      api.reload('028f3099', component.options)\n    }\n    module.hot.accept(\"./OrderNow.vue?vue&type=template&id=028f3099&\", function () {\n      api.rerender('028f3099', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/OrderNow.vue\"\nexport default component.exports"],"sourceRoot":""}