{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue?8836","webpack:///./node_modules/Ceres/resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue?ea56","webpack:///node_modules/Ceres/resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue","webpack:///./resources/js/src/app/components/Modal/SmagtronModal.vue?260f","webpack:///./resources/js/src/app/components/Modal/RequestForm.vue?65ef","webpack:///resources/js/src/app/components/Modal/RequestForm.vue","webpack:///./resources/js/src/app/components/Modal/RequestForm.vue?0dff","webpack:///./resources/js/src/app/components/Modal/RequestForm.vue","webpack:///./resources/js/src/app/components/Modal/SmagtronModal.vue?0a0e","webpack:///resources/js/src/app/components/Modal/SmagtronModal.vue","webpack:///./resources/js/src/app/components/Modal/SmagtronModal.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","error","showError","attrs","type","id","_uid","domProps","checked","value","on","change","$event","onValueChanged","target","_v","for","innerHTML","_s","labelHtml","_withStripped","component","options","__file","showForm","click","$translate","_l","requestData","entry","key","hidden","printLabel","directives","name","rawName","expression","placeholder","input","composing","$set","message","rows","model","privacyPolicyAccepted","callback","$$v","isLoading","icon","loading","_e","disabled","preventDefault","send"],"mappings":"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","file":"chunks/ceres-17.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: \"form-check\", class: { error: _vm.showError } },\n    [\n      _c(\"input\", {\n        staticClass: \"form-check-input\",\n        attrs: { type: \"checkbox\", id: \"privacy-policy-accept\" + _vm._uid },\n        domProps: { checked: _vm.value },\n        on: {\n          change: function($event) {\n            return _vm.onValueChanged($event.target.checked)\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\n        \"label\",\n        {\n          staticClass: \"form-check-label\",\n          attrs: { for: \"privacy-policy-accept\" + _vm._uid }\n        },\n        [\n          _c(\"span\", { domProps: { innerHTML: _vm._s(_vm.labelHtml) } }),\n          _c(\"sup\", [_vm._v(\"*\")])\n        ]\n      )\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./AcceptPrivacyPolicyCheck.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./AcceptPrivacyPolicyCheck.vue?vue&type=script&lang=js&\"","<template>\n    <div class=\"form-check\" :class=\"{ 'error': showError }\">\n        <input class=\"form-check-input\" type=\"checkbox\" :id=\"'privacy-policy-accept' + _uid\" :checked=\"value\" @change=\"onValueChanged($event.target.checked)\">\n        <label class=\"form-check-label\" :for=\"'privacy-policy-accept' + _uid\">\n            <span v-html=\"labelHtml\"></span><!--\n            --><sup>*</sup>\n        </label>\n    </div>\n</template>\n\n<script>\nexport default {\n\n    name: \"accept-privacy-policy-check\",\n\n    props: {\n        value: Boolean ,\n        showError: Boolean\n    },\n\n    computed: {\n        labelHtml()\n        {\n            const contactPrivacyPolicy = this.$translate(\"Ceres::Template.contactPrivacyPolicy\", {\"hyphen\": \"&shy;\"});\n            const html = `\n                <!----><a href=\"${ App.urls.privacyPolicy }\" target=\"_blank\" class=\"text-appearance\">\n                    <span>${ contactPrivacyPolicy }</span>\n                </a><!---->\n            `;\n\n            return this.$translate(\"Ceres::Template.contactAcceptPrivacyPolicy\", {policy: html});\n        }\n    },\n\n    methods:\n    {\n        onValueChanged(value)\n        {\n            this.$emit(\"input\", value);\n        }\n    }\n}\n</script>","import { render, staticRenderFns } from \"./AcceptPrivacyPolicyCheck.vue?vue&type=template&id=35bce55b&\"\nimport script from \"./AcceptPrivacyPolicyCheck.vue?vue&type=script&lang=js&\"\nexport * from \"./AcceptPrivacyPolicyCheck.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../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/onedot/Sites/pp-smagtron/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('35bce55b')) {\n      api.createRecord('35bce55b', component.options)\n    } else {\n      api.reload('35bce55b', component.options)\n    }\n    module.hot.accept(\"./AcceptPrivacyPolicyCheck.vue?vue&type=template&id=35bce55b&\", function () {\n      api.rerender('35bce55b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"node_modules/Ceres/resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue\"\nexport default component.exports","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.showForm\n    ? _c(\"RequestForm\")\n    : _c(\"div\", { staticClass: \"modal-footer justify-content-center\" }, [\n        _c(\n          \"button\",\n          {\n            staticClass: \"btn btn-primary btn-medium-large\",\n            on: {\n              click: function($event) {\n                _vm.showForm = true\n              }\n            }\n          },\n          [\n            _vm._v(\n              \"\\n        \" +\n                _vm._s(\n                  _vm.$translate(\"ODSmagtron::Template.requestModalOpenButton\")\n                ) +\n                \"\\n    \"\n            )\n          ]\n        )\n      ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"request-form__wrapper\" }, [\n    _c(\"div\", { staticClass: \"modal-body\" }, [\n      _c(\n        \"form\",\n        { staticClass: \"request-form\" },\n        [\n          _vm._l(_vm.requestData, function(entry, key) {\n            return _c(\n              \"div\",\n              { staticClass: \"input-unit\", class: { hidden: key === 0 } },\n              [\n                _c(\n                  \"label\",\n                  { staticClass: \"d-none\", attrs: { for: \"req-form-\" + key } },\n                  [_vm._v(_vm._s(_vm.printLabel(key)))]\n                ),\n                _vm._v(\" \"),\n                _c(\"input\", {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.requestData[key],\n                      expression: \"requestData[key]\"\n                    }\n                  ],\n                  attrs: {\n                    id: \"req-form-\" + key,\n                    type: \"text\",\n                    placeholder: _vm.printLabel(key)\n                  },\n                  domProps: { value: _vm.requestData[key] },\n                  on: {\n                    input: function($event) {\n                      if ($event.target.composing) {\n                        return\n                      }\n                      _vm.$set(_vm.requestData, key, $event.target.value)\n                    }\n                  }\n                })\n              ]\n            )\n          }),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            {\n              staticClass: \"input-unit textarea\",\n              attrs: { \"data-validate\": \"text\" }\n            },\n            [\n              _c(\"textarea\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.message,\n                    expression: \"message\"\n                  }\n                ],\n                staticClass: \"no-resize\",\n                attrs: {\n                  name: \"req-form-message\",\n                  id: \"req-form-message\",\n                  rows: \"10\",\n                  placeholder: _vm.printLabel(\"Message\")\n                },\n                domProps: { value: _vm.message },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.message = $event.target.value\n                  }\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\n                \"label\",\n                { staticClass: \"d-none\", attrs: { for: \"req-form-message\" } },\n                [_vm._v(_vm._s(_vm.printLabel(\"Message\")))]\n              )\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\"accept-privacy-policy-check\", {\n            staticClass: \"mt-3 mb-0\",\n            model: {\n              value: _vm.privacyPolicyAccepted,\n              callback: function($$v) {\n                _vm.privacyPolicyAccepted = $$v\n              },\n              expression: \"privacyPolicyAccepted\"\n            }\n          }),\n          _vm._v(\" \"),\n          _vm.isLoading\n            ? _c(\n                \"div\",\n                { staticClass: \"request-form__loading\" },\n                [\n                  _c(\"icon\", {\n                    attrs: {\n                      icon: \"fa-spin\",\n                      loading: _vm.isLoading,\n                      \"class-loading\": \"fa-repeat fa-lg\"\n                    }\n                  })\n                ],\n                1\n              )\n            : _vm._e()\n        ],\n        2\n      )\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"modal-footer justify-content-center\" }, [\n      _c(\n        \"button\",\n        {\n          staticClass: \"btn btn-primary btn-medium-large\",\n          attrs: { disabled: _vm.isLoading || !_vm.privacyPolicyAccepted },\n          on: {\n            click: function($event) {\n              $event.preventDefault()\n              return _vm.send($event)\n            }\n          }\n        },\n        [\n          _vm._v(\n            \"\\n            \" +\n              _vm._s(_vm.$translate(\"ODSmagtron::Template.requestFormButton\")) +\n              \"\\n        \"\n          )\n        ]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"request-form__wrapper\">\n        <div class=\"modal-body\">\n            <form class=\"request-form\" >\n                <div class=\"input-unit\" v-for=\"(entry, key) in requestData\" :class=\"{hidden:key === 0}\">\n                    <label :for=\"'req-form-' + key\" class=\"d-none\">{{ printLabel(key) }}</label>\n                    <input :id=\"'req-form-' + key\" type=\"text\" v-model=\"requestData[key]\" :placeholder=\"printLabel(key)\" >\n                </div>\n                <div class=\"input-unit textarea\" data-validate=\"text\">\n                    <textarea name=\"req-form-message\" id=\"req-form-message\" class=\"no-resize\" rows=\"10\" v-model=\"message\" :placeholder=\"printLabel('Message') \"></textarea>\n                    <label class=\"d-none\" for=\"req-form-message\">{{ printLabel('Message') }}</label>\n                </div>\n\n                <accept-privacy-policy-check\n                        class=\"mt-3 mb-0\"\n                        v-model=\"privacyPolicyAccepted\">\n                </accept-privacy-policy-check>\n                <div class=\"request-form__loading\" v-if=\"isLoading\">\n                    <icon icon=\"fa-spin\" :loading=\"isLoading\" class-loading=\"fa-repeat fa-lg\"></icon>\n                </div>\n            </form>\n        </div>\n        <div class=\"modal-footer justify-content-center\">\n            <button class=\"btn btn-primary btn-medium-large\" @click.prevent=\"send\" :disabled=\"isLoading || !privacyPolicyAccepted\">\n                {{ $translate(\"ODSmagtron::Template.requestFormButton\")}}\n            </button>\n        </div>\n\n    </div>\n\n</template>\n\n<script>\n    import ApiService from \"ceres/app/services/ApiService\";\n    import NotificationService from \"ceres/app/services/NotificationService\";\n    import TranslationService from \"ceres/app/services/TranslationService\";\n    import AcceptPrivacyPolicyCheck from \"ceres/app/components/customer/AcceptPrivacyPolicyCheck.vue\"\n\n    export default {\n        name: \"RequestForm\",\n        components:{\n            AcceptPrivacyPolicyCheck\n        },\n        data(){\n          return {\n              requestData: {\n                  articleName:\"\",\n                  width: \"\",\n                  thickness:\"\",\n                  amount:\"\",\n                  firstName:\"\",\n                  name: \"\",\n                  userMail: \"\",\n              },\n              message: \"\",\n              isLoading: false,\n              privacyPolicyAccepted: false,\n              //THICKNESS : \"Stärke\",\n              //WIDTH: \"Breite\",\n\n          }\n        },\n        computed: {\n            currentVariation(){\n                return this.$store.getters.currentItemVariation;\n            }\n        },\n        mounted(){\n            this.fillFields();\n        },\n        watch:{\n            'currentVariation.variation.id': function (newVal, oldVal){\n                if (newVal !== oldVal){\n                    this.resetForm();\n                    this.fillFields();\n                }\n            }\n        },\n\n        methods:{\n            printLabel(key)\n            {\n                return TranslationService.translate(\"ODSmagtron::Template.requestForm\"+ key);\n            },\n            fillFields()\n            {\n                if(this.currentVariation){\n                    // set name\n                    this.requestData.articleName = this.currentVariation.texts.name1 || \"\";\n                    // set ID\n                    // TODO: which ID should be shown? external ID ? ItemID, VariationID?\n\n                    // set thickness and width\n                    /*this.requestData.thickness = this.getAttributeValByName(this.THICKNESS);\n                    this.requestData.width = this.getAttributeValByName(this.WIDTH);*/\n                }\n\n            },\n            /*getAttributeValByName(name)\n            {\n                if (this.currentVariation && this.currentVariation.attributes){\n                    const attributes = this.currentVariation.attributes;\n                    const attribute = attributes.find(att => att.attribute.names.name === name);\n                    if (attribute) {\n                        return attribute.value.names.name;\n                    }\n                }\n                return \"\"\n\n            },*/\n            resetForm(){\n                this.requestData = {\n                    articleName:\"\",\n                    width: \"\",\n                    thickness:\"\",\n                    amount:\"\",\n                    firstName:\"\",\n                    name: \"\",\n                    userMail: \"\",\n                };\n                this.message = \"\";\n            },\n\n            clearAndClose()\n            {\n                // reset form\n                this.resetForm();\n                // refill initial Data\n                this.fillFields();\n\n                // close modal\n                $(\"#request\").modal(\"hide\");\n\n            },\n            send()\n            {\n                const mailObj = {\n                    ...this.requestData,\n                    id:this.currentVariation ? this.currentVariation.variation.id : \"\",\n                    message:this.message,\n                    subject: `Anfrage: ${this.requestData.articleName}`\n                };\n\n                this.isLoading = true;\n                ApiService.post(\"/rest/smagtron/customer/contact/mail\", { contactData: mailObj,\n                    template: \"ODSmagtron::Customer.Components.Contact.RequestMail\" })\n                    .done(response =>\n                    {\n                        this.clearAndClose();\n                        NotificationService.success(\n                            TranslationService.translate(\"Ceres::Template.contactSendSuccess\")\n                        ).closeAfter(3000);\n\n                    }).fail((response, status) =>\n                {\n                    let message = TranslationService.translate(\"Ceres::Template.contactSendFail\");\n\n                    if (status === 400)\n                    {\n                        message = TranslationService.translate(\"Ceres::Template.regError\");\n                    }\n\n                    NotificationService.error(message).closeAfter(5000);\n                })\n                    .always(() =>\n                    {\n                        this.isLoading = false;\n                    });\n\n            }\n        }\n    };\n</script>\n\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RequestForm.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!./RequestForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RequestForm.vue?vue&type=template&id=7108a58f&\"\nimport script from \"./RequestForm.vue?vue&type=script&lang=js&\"\nexport * from \"./RequestForm.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/onedot/Sites/pp-smagtron/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('7108a58f')) {\n      api.createRecord('7108a58f', component.options)\n    } else {\n      api.reload('7108a58f', component.options)\n    }\n    module.hot.accept(\"./RequestForm.vue?vue&type=template&id=7108a58f&\", function () {\n      api.rerender('7108a58f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/Modal/RequestForm.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SmagtronModal.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!./SmagtronModal.vue?vue&type=script&lang=js&\"","<template>\n    <RequestForm v-if=\"showForm\"/>\n    <div class=\"modal-footer justify-content-center\" v-else>\n        <button class=\"btn btn-primary btn-medium-large\" @click=\"showForm = true\">\n            {{ $translate(\"ODSmagtron::Template.requestModalOpenButton\")}}\n        </button>\n    </div>\n\n</template>\n\n<script>\n    import RequestForm from \"./RequestForm.vue\"\n    export default {\n        name: \"SmagtronModal\",\n        components: { RequestForm },\n        data(){\n            return {\n                BASE_TIMEOUT: 300,\n                EXTENDED_TIMEOUT: 120000,\n\n                showForm: true,\n                sessionInfo: {\n                    alreadySeen: false,\n                    secondPage:false\n                }\n\n            }\n        },\n        methods: {\n            checkForCatPage()\n            {\n                return App.templateEvent === \"tpl.category.item\";\n            },\n\n            getSessionInfo()\n            {\n                this.sessionInfo.secondPage = sessionStorage.getItem(\"secondPage\") || false;\n                this.sessionInfo.alreadySeen = sessionStorage.getItem(\"alreadySeen\") || false;\n            },\n            triggerModal(){\n                this.showForm = false;\n                sessionStorage.setItem(\"alreadySeen\",\"true\");\n                $('#request').modal();\n            },\n            initModal()\n            {\n                if(this.checkForCatPage()){\n                    this.getSessionInfo();\n                    if (!this.sessionInfo.alreadySeen)\n                    {\n                        let timeOut = this.BASE_TIMEOUT;\n                        if (!this.sessionInfo.secondPage)\n                        {\n                            sessionStorage.setItem(\"secondPage\",\"true\");\n                            timeOut = this.EXTENDED_TIMEOUT;\n                        }\n                        setTimeout(this.triggerModal,timeOut)\n\n                    }\n                }\n\n            }\n        },\n        mounted()\n        {\n            this.initModal();\n        }\n\n    };\n</script>\n\n\n","import { render, staticRenderFns } from \"./SmagtronModal.vue?vue&type=template&id=7d5c75ec&\"\nimport script from \"./SmagtronModal.vue?vue&type=script&lang=js&\"\nexport * from \"./SmagtronModal.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/onedot/Sites/pp-smagtron/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('7d5c75ec')) {\n      api.createRecord('7d5c75ec', component.options)\n    } else {\n      api.reload('7d5c75ec', component.options)\n    }\n    module.hot.accept(\"./SmagtronModal.vue?vue&type=template&id=7d5c75ec&\", function () {\n      api.rerender('7d5c75ec', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/Modal/SmagtronModal.vue\"\nexport default component.exports"],"sourceRoot":""}