{"version":3,"sources":["webpack:///./resources/js/src/app/components/newsletter/MyNewsletterForm.vue?a66d","webpack:///./resources/js/src/app/components/newsletter/MyNewsletterForm.vue?7e52","webpack:///resources/js/src/app/components/newsletter/MyNewsletterForm.vue","webpack:///./resources/js/src/app/components/newsletter/MyNewsletterForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","isConfirmationPage","staticClass","attrs","disabled","isDisabled","on","click","save","_v","id","_uid","method","submit","$event","preventDefault","validateData","directives","name","rawName","value","email","expression","autocomplete","placeholder","required","domProps","input","target","composing","comment","type","_withStripped","methods","ValidationService","orderDataEmail","ApiService","resetInputs","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CACdJ,EAAIM,mBAoFDF,EAAG,MAAO,CAAEG,YAAa,iBAAmB,CAC1CH,EAAG,MAAO,CAAEG,YAAa,UAAY,CACnCH,EACE,SACA,CACEG,YAAa,4BACbC,MAAO,CAAEC,SAAUT,EAAIU,YACvBC,GAAI,CAAEC,MAAOZ,EAAIa,OAEnB,CAACb,EAAIc,GAAG,uCA5FdV,EAAG,MAAO,CAAEG,YAAa,kBAAoB,CAC3CH,EAAG,KAAM,CAACJ,EAAIc,GAAG,8BACjBd,EAAIc,GAAG,KACPV,EACE,OACA,CACEI,MAAO,CAAEO,GAAI,mBAAqBf,EAAIgB,KAAMC,OAAQ,QACpDN,GAAI,CACFO,OAAQ,SAASC,GAEf,OADAA,EAAOC,iBACApB,EAAIqB,aAAaF,MAI9B,CACEf,EAAG,QAAS,CACVkB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTC,MAAOzB,EAAI0B,MACXC,WAAY,UAGhBpB,YAAa,QACbC,MAAO,CACLO,GAAI,cAAgBf,EAAIgB,KACxBY,aAAc,QACdL,KAAM,QACNM,YAAa,sBACbC,SAAU,GACV,gBAAiB,QAEnBC,SAAU,CAAEN,MAAOzB,EAAI0B,OACvBf,GAAI,CACFqB,MAAO,SAASb,GACVA,EAAOc,OAAOC,YAGlBlC,EAAI0B,MAAQP,EAAOc,OAAOR,WAIhCrB,EAAG,MACHJ,EAAIc,GAAG,KACPV,EAAG,QAAS,CACVkB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTC,MAAOzB,EAAImC,QACXR,WAAY,YAGhBpB,YAAa,QACbC,MAAO,CACLO,GAAI,gBAAkBf,EAAIgB,KAC1BO,KAAM,UACNa,KAAM,QAERL,SAAU,CAAEN,MAAOzB,EAAImC,SACvBxB,GAAI,CACFqB,MAAO,SAASb,GACVA,EAAOc,OAAOC,YAGlBlC,EAAImC,QAAUhB,EAAOc,OAAOR,WAIlCzB,EAAIc,GAAG,KACPV,EACE,SACA,CACEG,YAAa,4BACbC,MAAO,CAAEC,SAAUT,EAAIU,YACvBC,GAAI,CAAEC,MAAOZ,EAAIqB,eAEnB,CAACrB,EAAIc,GAAG,2BAqBxBf,EAAOsC,eAAgB,E,kCCzGiM,ECuBxN,CACE,KAAF,qBACE,MACF,CACI,eAAJ,CACM,KAAN,QACM,SAAN,GAEI,eAAJ,CACM,KAAN,OACM,QAAN,IAEI,YAAJ,CACM,KAAN,OACM,QAAN,IAGE,KAjBF,WAmBI,MAAJ,CACM,MAAN,GACM,QAAN,GACM,YAAN,IAGE,SACF,CACI,mBADJ,WAGM,OAAN,sBAGEC,QAAF,CACIjB,aADJ,WAEA,WACMpB,KAAKS,YAAa,EAClB6B,EAAN,6CACA,iBAEQ,EAAR,UAEA,kBAEQ,EAAR,+BACQ,EAAR,kBAGI1B,KAfJ,WAgBA,WACA,aACUZ,KAAKK,qBAEPoB,EAAQzB,KAAKuC,gBAEfC,EAAN,+FACA,kBAEA,mBAEU,EAAV,aACA,4DAKU,EAAV,gBACA,0DACA,gBACA,sBAEY,EAAZ,uBAGQ,EAAR,iBAEA,iBAEQ,EAAR,cACA,wDACA,mBAEA,mBAEQ,EAAR,kBAGIC,YAtDJ,WAwDMzC,KAAKyB,MAAQ,GACbzB,KAAKkC,QAAU,M,OCzGjBQ,EAAY,YACd,EACA5C,EH+FoB,IG7FpB,EACA,KACA,KACA,MAuBF4C,EAAUC,QAAQC,OAAS,kEACZ,UAAAF,E","file":"chunks/ceres-client-20.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\", [\n    !_vm.isConfirmationPage\n      ? _c(\"div\", { staticClass: \"row newsletter\" }, [\n          _c(\"h5\", [_vm._v(\"Zum Newsletter Anmelden:\")]),\n          _vm._v(\" \"),\n          _c(\n            \"form\",\n            {\n              attrs: { id: \"NewsletterOptIn_\" + _vm._uid, method: \"post\" },\n              on: {\n                submit: function($event) {\n                  $event.preventDefault()\n                  return _vm.validateData($event)\n                }\n              }\n            },\n            [\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.email,\n                    expression: \"email\"\n                  }\n                ],\n                staticClass: \"w-100\",\n                attrs: {\n                  id: \"user-email_\" + _vm._uid,\n                  autocomplete: \"email\",\n                  name: \"email\",\n                  placeholder: \"Ihre E-Mail Adresse\",\n                  required: \"\",\n                  \"data-validate\": \"mail\"\n                },\n                domProps: { value: _vm.email },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.email = $event.target.value\n                  }\n                }\n              }),\n              _c(\"br\"),\n              _vm._v(\" \"),\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.comment,\n                    expression: \"comment\"\n                  }\n                ],\n                staticClass: \"honey\",\n                attrs: {\n                  id: \"user-comment_\" + _vm._uid,\n                  name: \"comment\",\n                  type: \"text\"\n                },\n                domProps: { value: _vm.comment },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.comment = $event.target.value\n                  }\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn btn-primary btn-block\",\n                  attrs: { disabled: _vm.isDisabled },\n                  on: { click: _vm.validateData }\n                },\n                [_vm._v(\"Jetzt anmelden\")]\n              )\n            ]\n          )\n        ])\n      : _c(\"div\", { staticClass: \"row my-2 w-50\" }, [\n          _c(\"div\", { staticClass: \"col-12\" }, [\n            _c(\n              \"button\",\n              {\n                staticClass: \"btn btn-primary btn-block\",\n                attrs: { disabled: _vm.isDisabled },\n                on: { click: _vm.save }\n              },\n              [_vm._v(\"Jetzt zum Newsletter anmelden\")]\n            )\n          ])\n        ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyNewsletterForm.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!./MyNewsletterForm.vue?vue&type=script&lang=js&\"","<template>\r\n  <div>\r\n    <div class=\"row newsletter\"  v-if=\"!isConfirmationPage\">\r\n      <h5>Zum Newsletter Anmelden:</h5>\r\n      <form :id=\"'NewsletterOptIn_'+_uid\"  method=\"post\" @submit.prevent=\"validateData\">\r\n        <input :id=\"'user-email_'+_uid\" autocomplete=\"email\" name=\"email\" placeholder=\"Ihre E-Mail Adresse\" required class=\"w-100\" v-model=\"email\" data-validate=\"mail\"><br>\r\n        <input :id=\"'user-comment_'+_uid\" name=\"comment\" type=\"text\" v-model=\"comment\" class=\"honey\">\r\n        <button class=\"btn btn-primary btn-block\" @click=\"validateData\" :disabled=\"isDisabled\">Jetzt anmelden</button>\r\n      </form>\r\n    </div>\r\n    <div class=\"row my-2 w-50\" v-else>\r\n      <div class=\"col-12\">\r\n        <button class=\"btn btn-primary btn-block\" @click=\"save\" :disabled=\"isDisabled\">Jetzt zum Newsletter anmelden</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport ApiService from \"../../services/ApiService\";\r\nimport NotificationService from \"../../services/NotificationService\";\r\nimport ValidationService from \"../../services/ValidationService\";\r\n\r\nexport default\r\n{\r\n    name: \"my-newsletter-form\",\r\n    props:\r\n        {\r\n          isConfirmation: {\r\n            type: Boolean,\r\n            default: false\r\n          },\r\n          orderDataEmail:{\r\n            type: String,\r\n            default: \"\"\r\n          },\r\n          emailFolder:{\r\n            type: Number,\r\n            default: 0\r\n          }\r\n        },\r\n    data()\r\n    {\r\n      return {\r\n        email: \"\",\r\n        comment: \"\",\r\n        isDisabled: false\r\n      }\r\n    },\r\n    computed:\r\n        {\r\n          isConfirmationPage()\r\n          {\r\n            return this.isConfirmation;\r\n          }\r\n        },\r\n  methods:{\r\n    validateData()\r\n    {\r\n      this.isDisabled = true;\r\n      ValidationService.validate($(\"#NewsletterOptIn_\" + this._uid))\r\n          .done(() =>\r\n          {\r\n            this.save();\r\n          })\r\n          .fail(invalidFields =>\r\n          {\r\n            ValidationService.markInvalidFields(invalidFields, \"error\");\r\n            this.isDisabled = false;\r\n          });\r\n    },\r\n    save()\r\n    {\r\n      let email = this.email;\r\n      if (this.isConfirmationPage)\r\n      {\r\n        email = this.orderDataEmail;\r\n      }\r\n      ApiService.post(\"/newsletter-optin\", { email: email, emailFolder: this.emailFolder, honeypot: this.comment })\r\n          .done(data =>\r\n          {\r\n            if (!!data.containsHoneypot)\r\n            {\r\n              NotificationService.warn(\r\n                  this.$translate(\"Ceres::Template.newsletterHoneypotWarning\")\r\n              );\r\n            }\r\n            else\r\n            {\r\n              NotificationService.success(\r\n                  this.$translate(\"Ceres::Template.newsletterSuccessMessage\")\r\n              ).closeAfter(3000);\r\n              if(this.isConfirmationPage)\r\n              {\r\n                $(\".newsletter\").hide();\r\n              }\r\n            }\r\n            this.resetInputs();\r\n          })\r\n          .fail(() =>\r\n          {\r\n            NotificationService.error(\r\n                this.$translate(\"Ceres::Template.newsletterErrorMessage\")\r\n            ).closeAfter(5000);\r\n          })\r\n          .always(() =>\r\n          {\r\n            this.isDisabled = false;\r\n          });\r\n    },\r\n    resetInputs()\r\n    {\r\n      this.email = \"\";\r\n      this.comment = \"\";\r\n    }\r\n  }\r\n\r\n}\r\n</script>\r\n","import { render, staticRenderFns } from \"./MyNewsletterForm.vue?vue&type=template&id=3e7b885d&\"\nimport script from \"./MyNewsletterForm.vue?vue&type=script&lang=js&\"\nexport * from \"./MyNewsletterForm.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\\\\JVolke\\\\Documents\\\\plentyDevTool\\\\38722\\\\18\\\\KrauseSohn\\\\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('3e7b885d')) {\n      api.createRecord('3e7b885d', component.options)\n    } else {\n      api.reload('3e7b885d', component.options)\n    }\n    module.hot.accept(\"./MyNewsletterForm.vue?vue&type=template&id=3e7b885d&\", function () {\n      api.rerender('3e7b885d', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/newsletter/MyNewsletterForm.vue\"\nexport default component.exports"],"sourceRoot":""}