{"version":3,"sources":["webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue?da9a","webpack:///resources/js/src/app/components/newsletter/NewsletterInput.vue","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue?fffd","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","_uid","staticClass","_v","_s","$translate","directives","name","rawName","value","email","expression","type","placeholder","title","domProps","on","input","$event","target","composing","checked","lang","emailFolderWomanEn","emailFolderWoman","for","emailFolderMenEn","emailFolderMen","disabled","isDisabled","click","validateData","privacyPolicyValue","ref","Array","isArray","_i","change","$$a","$$el","$$c","$$i","concat","slice","innerHTML","policyUrl","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-51.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(\"form\", { attrs: { id: \"newsletter-input-form_\" + _vm._uid } }, [\n    _c(\"div\", { staticClass: \"newsletter__wrapper\" }, [\n      _c(\"div\", { staticClass: \"newsletter__sub-title\" }, [\n        _vm._v(\n          \"\\n            \" +\n            _vm._s(_vm.$translate(\"ODNaPo::NaPo.newsletterSubTitle\")) +\n            \"\\n        \"\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"newsletter__title\" }, [\n        _vm._v(\n          \"\\n            \" +\n            _vm._s(_vm.$translate(\"ODNaPo::NaPo.newsletterTitle\")) +\n            \"\\n        \"\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"newsletter__input-wrapper\" }, [\n        _c(\"input\", {\n          directives: [\n            {\n              name: \"model\",\n              rawName: \"v-model\",\n              value: _vm.email,\n              expression: \"email\"\n            }\n          ],\n          staticClass: \"newsletter__input\",\n          attrs: {\n            type: \"email\",\n            placeholder: _vm.$translate(\n              \"ODNaPo::NaPo.newsletterInputPlaceholder\"\n            ),\n            title: _vm.$translate(\"ODNaPo::NaPo.newsletterInputTitle\"),\n            \"data-validate\": \"mail\",\n            name: \"email-input-name_\" + _vm._uid,\n            id: \"email-input-id_\" + _vm._uid\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      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"newsletter__radios-wrapper\" }, [\n        _c(\"div\", { staticClass: \"newsletter__radio-wrapper\" }, [\n          _c(\"input\", {\n            staticClass: \"newsletter__radio\",\n            attrs: {\n              type: \"radio\",\n              name: \"name--newsletter__radio\",\n              id: \"id--newsletter__woman\",\n              checked: \"\"\n            },\n            domProps: {\n              value:\n                _vm.lang === \"en\"\n                  ? _vm.emailFolderWomanEn\n                  : _vm.emailFolderWoman\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\n            \"label\",\n            {\n              staticClass: \"newsletter__radio-label\",\n              attrs: { for: \"id--newsletter__woman\" }\n            },\n            [\n              _vm._v(\n                \"\\n                    \" +\n                  _vm._s(_vm.$translate(\"ODNaPo::NaPo.newsletterRadioWoman\")) +\n                  \"\\n                \"\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"newsletter__radio-wrapper\" }, [\n          _c(\"input\", {\n            staticClass: \"newsletter__radio\",\n            attrs: {\n              type: \"radio\",\n              name: \"name--newsletter__radio\",\n              id: \"id--newsletter__men\"\n            },\n            domProps: {\n              value:\n                _vm.lang === \"en\" ? _vm.emailFolderMenEn : _vm.emailFolderMen\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\n            \"label\",\n            {\n              staticClass: \"newsletter__radio-label\",\n              attrs: { for: \"id--newsletter__men\" }\n            },\n            [\n              _vm._v(\n                \"\\n                    \" +\n                  _vm._s(_vm.$translate(\"ODNaPo::NaPo.newsletterRadioMen\")) +\n                  \"\\n                \"\n              )\n            ]\n          )\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"newsletter__btn\",\n          attrs: { type: \"button\", disabled: _vm.isDisabled },\n          on: { click: _vm.validateData }\n        },\n        [\n          _vm._v(\n            \"\\n            \" +\n              _vm._s(_vm.$translate(\"ODNaPo::NaPo.newsletterSubscribeButton\")) +\n              \"\\n        \"\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"newsletter__accept\", attrs: { \"data-validate\": \"\" } },\n        [\n          _c(\"input\", {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.privacyPolicyValue,\n                expression: \"privacyPolicyValue\"\n              }\n            ],\n            ref: \"ppCheckbox\",\n            staticClass: \"newsletter__checkbox\",\n            attrs: {\n              type: \"checkbox\",\n              name: \"privacy-policy-accept\",\n              id: \"privacy-policy-accept-id_\" + _vm._uid\n            },\n            domProps: {\n              checked: Array.isArray(_vm.privacyPolicyValue)\n                ? _vm._i(_vm.privacyPolicyValue, null) > -1\n                : _vm.privacyPolicyValue\n            },\n            on: {\n              change: function($event) {\n                var $$a = _vm.privacyPolicyValue,\n                  $$el = $event.target,\n                  $$c = $$el.checked ? true : false\n                if (Array.isArray($$a)) {\n                  var $$v = null,\n                    $$i = _vm._i($$a, $$v)\n                  if ($$el.checked) {\n                    $$i < 0 && (_vm.privacyPolicyValue = $$a.concat([$$v]))\n                  } else {\n                    $$i > -1 &&\n                      (_vm.privacyPolicyValue = $$a\n                        .slice(0, $$i)\n                        .concat($$a.slice($$i + 1)))\n                  }\n                } else {\n                  _vm.privacyPolicyValue = $$c\n                }\n              }\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\n            \"label\",\n            {\n              staticClass: \"newsletter__label\",\n              attrs: { for: \"privacy-policy-accept-id_\" + _vm._uid }\n            },\n            [\n              _vm.lang == \"en\"\n                ? [\n                    _c(\"span\", {\n                      domProps: {\n                        innerHTML: _vm._s(\n                          _vm.$translate(\n                            \"ODNaPo::NaPo.newsletterAcceptPrivacyPolicy\",\n                            {\n                              policyUrl:\n                                \"https://www.napo-shop.de/en/all-shops/data-protection\"\n                            }\n                          )\n                        )\n                      }\n                    })\n                  ]\n                : [\n                    _c(\"span\", {\n                      domProps: {\n                        innerHTML: _vm._s(\n                          _vm.$translate(\n                            \"ODNaPo::NaPo.newsletterAcceptPrivacyPolicy\",\n                            {\n                              policyUrl:\n                                \"https://www.napo-shop.de/alle-shops/datenschutz\"\n                            }\n                          )\n                        )\n                      }\n                    })\n                  ]\n            ],\n            2\n          )\n        ]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <form :id=\"'newsletter-input-form_' + _uid\">\n        <div class=\"newsletter__wrapper\">\n\n            <div class=\"newsletter__sub-title\">\n                {{ $translate('ODNaPo::NaPo.newsletterSubTitle') }}\n            </div>\n            <div class=\"newsletter__title\">\n                {{ $translate('ODNaPo::NaPo.newsletterTitle') }}\n            </div>\n\n            <div class=\"newsletter__input-wrapper\">\n                <input type=\"email\"\n                       class=\"newsletter__input\"\n                       :placeholder=\"$translate('ODNaPo::NaPo.newsletterInputPlaceholder')\"\n                       :title=\"$translate('ODNaPo::NaPo.newsletterInputTitle')\"\n                       data-validate=\"mail\"\n                       :name=\"'email-input-name_' + _uid\"\n                       :id=\"'email-input-id_' + _uid\"\n                       v-model=\"email\">\n            </div>\n\n            <div class=\"newsletter__radios-wrapper\">\n                <div class=\"newsletter__radio-wrapper\">\n                    <input type=\"radio\"\n                           class=\"newsletter__radio\"\n                           name=\"name--newsletter__radio\"\n                           id=\"id--newsletter__woman\"\n                           :value=\"lang === 'en' ? emailFolderWomanEn : emailFolderWoman\"\n                           checked>\n                    <label for=\"id--newsletter__woman\"\n                           class=\"newsletter__radio-label\">\n                        {{ $translate('ODNaPo::NaPo.newsletterRadioWoman') }}\n                    </label>\n                </div>\n                <div class=\"newsletter__radio-wrapper\">\n                    <input type=\"radio\"\n                           class=\"newsletter__radio\"\n                           name=\"name--newsletter__radio\"\n                           id=\"id--newsletter__men\"\n                           :value=\"lang === 'en' ? emailFolderMenEn : emailFolderMen\">\n                    <label for=\"id--newsletter__men\"\n                           class=\"newsletter__radio-label\">\n                        {{ $translate('ODNaPo::NaPo.newsletterRadioMen') }}\n                    </label>\n                </div>\n            </div>\n\n            <button type=\"button\"\n                    class=\"newsletter__btn\"\n                    @click=\"validateData\"\n                    :disabled=\"isDisabled\">\n                {{ $translate('ODNaPo::NaPo.newsletterSubscribeButton') }}\n            </button>\n\n            <div class=\"newsletter__accept\"\n                 data-validate>\n                <input type=\"checkbox\"\n                       class=\"newsletter__checkbox\"\n                       name=\"privacy-policy-accept\"\n                       :id=\"'privacy-policy-accept-id_' + _uid\"\n                       v-model=\"privacyPolicyValue\" ref=\"ppCheckbox\">\n                <label class=\"newsletter__label\"\n                       :for=\"'privacy-policy-accept-id_' + _uid\">\n                    <template v-if=\"lang == 'en'\">\n                        <span v-html=\"$translate('ODNaPo::NaPo.newsletterAcceptPrivacyPolicy', {'policyUrl': 'https://www.napo-shop.de/en/all-shops/data-protection' })\"></span>\n                    </template>\n                    <template v-else>\n                        <span v-html=\"$translate('ODNaPo::NaPo.newsletterAcceptPrivacyPolicy', {'policyUrl': 'https://www.napo-shop.de/alle-shops/datenschutz' })\"></span>\n                    </template>\n                </label>\n            </div>\n\n        </div>\n    </form>\n</template>\n\n<script>\n    import TranslationService from 'ceres/app/services/TranslationService';\n    import ValidationService from 'ceres/app/services/ValidationService';\n    import { executeReCaptcha } from \"ceres/app/helper/executeReCaptcha\";\n\n    const ApiService          = require('ceres/app/services/ApiService');\n    const NotificationService = require('ceres/app/services/NotificationService');\n\n    export default {\n\n        props: {\n            emailFolderMen: {\n                default: 0\n            },\n            emailFolderMenEn: {\n                default: 0\n            },\n            emailFolderWoman: {\n                default: 0\n            },\n            emailFolderWomanEn: {\n                default: 0\n            },\n            lang: {\n                default: 'de'\n            }\n        },\n\n        data() {\n            return {\n                firstName: '',\n                lastName: '',\n                email: '',\n                isDisabled: false,\n                privacyPolicyValue: false\n            };\n        },\n\n        methods: {\n\n            validateData() {\n\n                this.isDisabled = true;\n\n                if(this.privacyPolicyValue){\n                    ValidationService.validate($('#newsletter-input-form_' + this._uid))\n                        .done(() => {\n                            this.save();\n                        }).fail(invalidFields => {\n                            console.log(invalidFields);\n                        ValidationService.markInvalidFields(invalidFields, 'error');\n                        this.isDisabled = false;\n                    });\n                }else{\n                    ValidationService.markInvalidFields([this.$refs.ppCheckbox], 'error');\n                    this.isDisabled = false;\n                }\n\n            },\n\n            save() {\n                executeReCaptcha(this.$el)\n                    .then((recaptchaToken) =>\n                        {\n\n                ApiService.post('/rest/io/customer/newsletter', {\n\n                    email: this.email,\n                    firstName: this.firstName,\n                    lastName: this.lastName,\n                    emailFolder: parseInt($('input[name=name--newsletter__radio]:checked').val())\n\n                }).done(() => {\n\n                    NotificationService.success(\n                        TranslationService.translate('ODNaPo::NaPo.newsletterSuccessMessage')\n                    ).closeAfter(3000);\n                    this.resetInputs();\n\n                }).fail(() => {\n\n                    NotificationService.error(\n                        TranslationService.translate('ODNaPo::NaPo.newsletterErrorMessage')\n                    ).closeAfter(5000);\n\n                }).always(() => {\n                    this.isDisabled = false;\n                });\n                        });\n            },\n\n            resetInputs() {\n                this.firstName = '';\n                this.lastName  = '';\n                this.email     = '';\n                this.privacyPolicyValue = false;\n            },\n\n            resetRecaptcha()\n            {\n                if(App.config.global.googleRecaptchaVersion === 2 && window.grecaptcha)\n                {\n                    const recaptchaId = this.$el.querySelector(\"[data-recaptcha]\");\n\n                    window.grecaptcha.reset(recaptchaId);\n                }\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!./NewsletterInput.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!./NewsletterInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsletterInput.vue?vue&type=template&id=73e680cd&\"\nimport script from \"./NewsletterInput.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsletterInput.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/fhartwig/Sites/DIA-NaPo/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('73e680cd')) {\n      api.createRecord('73e680cd', component.options)\n    } else {\n      api.reload('73e680cd', component.options)\n    }\n    module.hot.accept(\"./NewsletterInput.vue?vue&type=template&id=73e680cd&\", function () {\n      api.rerender('73e680cd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/newsletter/NewsletterInput.vue\"\nexport default component.exports"],"sourceRoot":""}