{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue?da9a","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue?fffd","webpack:///resources/js/src/app/components/newsletter/NewsletterInput.vue","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","staticClass","ref","attrs","id","_uid","method","on","submit","$event","preventDefault","validateData","_m","_v","showNameInputs","for","_s","$translate","directives","name","rawName","firstName","expression","domProps","input","target","composing","_e","lastName","email","placeholder","autocomplete","focus","loadRecaptcha","honeypot","tabindex","class","disabled","isDisabled","click","showPrivacyPolicyCheckbox","privacyPolicyValue","checked","Array","isArray","_i","change","$$a","$$el","$$c","$$i","concat","slice","innerHTML","privacyPolicyText","$ceres","config","global","googleRecaptchaApiKey","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-11.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\n\nconst LEGACY_CLASS_MAP = {\n    \"sm\": \"btn-sm\",\n    \"md\": \"\",\n    \"lg\": \"btn-lg\"\n};\n\nexport const ButtonSizePropertyMixin =\n{\n    props: {\n        buttonSize:\n        {\n            type: [String, null],\n            default: null,\n            validator: value =>\n            {\n                return [\n                    \"\",\n                    ...BUTTON_SIZES,\n                    ...Object.keys(LEGACY_CLASS_MAP)\n                ].indexOf(value) !== -1;\n            }\n        }\n    },\n\n    computed: {\n        buttonSizeClass()\n        {\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\n            {\n                return LEGACY_CLASS_MAP[this.buttonSize];\n            }\n\n            return this.buttonSize;\n        }\n    }\n};\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"container-max\" }, [\n    _c(\"div\", { staticClass: \"row\" }, [\n      _c(\"div\", { staticClass: \"col-12 offset-lg-3 col-lg-6\" }, [\n        _c(\n          \"form\",\n          {\n            ref: \"newsletterForm\",\n            attrs: { id: \"newsletter-input-form_\" + _vm._uid, method: \"post\" },\n            on: {\n              submit: function($event) {\n                $event.preventDefault()\n                return _vm.validateData($event)\n              }\n            }\n          },\n          [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"row\" }, [\n              _vm.showNameInputs\n                ? _c(\"div\", { staticClass: \"col-6\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"input-unit\",\n                        attrs: { \"data-validate\": \"!regex\" }\n                      },\n                      [\n                        _c(\n                          \"label\",\n                          { attrs: { for: \"first-name-input_\" + _vm._uid } },\n                          [\n                            _vm._v(\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.newsletterFirstName\"\n                                )\n                              )\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.firstName,\n                              expression: \"firstName\"\n                            }\n                          ],\n                          attrs: {\n                            type: \"text\",\n                            \"data-validate-ref\": \"/[.:\\\\/\\\\d]/g\",\n                            id: \"first-name-input_\" + _vm._uid\n                          },\n                          domProps: { value: _vm.firstName },\n                          on: {\n                            input: function($event) {\n                              if ($event.target.composing) {\n                                return\n                              }\n                              _vm.firstName = $event.target.value\n                            }\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.showNameInputs\n                ? _c(\"div\", { staticClass: \"col-6 pl-0\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"input-unit\",\n                        attrs: { \"data-validate\": \"!regex\" }\n                      },\n                      [\n                        _c(\n                          \"label\",\n                          { attrs: { for: \"last-name-input_\" + _vm._uid } },\n                          [\n                            _vm._v(\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.newsletterLastName\"\n                                )\n                              )\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.lastName,\n                              expression: \"lastName\"\n                            }\n                          ],\n                          attrs: {\n                            type: \"text\",\n                            \"data-validate-ref\": \"/[.:\\\\/\\\\d]/g\",\n                            id: \"last-name-input_\" + _vm._uid\n                          },\n                          domProps: { value: _vm.lastName },\n                          on: {\n                            input: function($event) {\n                              if ($event.target.composing) {\n                                return\n                              }\n                              _vm.lastName = $event.target.value\n                            }\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"col-12\" }, [\n                _c(\"div\", { staticClass: \"input-wrapper\" }, [\n                  _c(\"div\", { staticClass: \"input-group\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"input-unit\",\n                        attrs: { \"data-validate\": \"mail\" }\n                      },\n                      [\n                        _c(\n                          \"label\",\n                          { attrs: { for: \"email-input-id_\" + _vm._uid } },\n                          [_vm._v(\"E-Mail Adresse eingeben\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.email,\n                              expression: \"email\"\n                            }\n                          ],\n                          attrs: {\n                            placeholder: \"E-mail Adresse eingeben\",\n                            type: \"email\",\n                            autocomplete: \"email\",\n                            id: \"email-input-id_\" + _vm._uid\n                          },\n                          domProps: { value: _vm.email },\n                          on: {\n                            focus: function($event) {\n                              _vm.loadRecaptcha = true\n                            },\n                            input: function($event) {\n                              if ($event.target.composing) {\n                                return\n                              }\n                              _vm.email = $event.target.value\n                            }\n                          }\n                        })\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.honeypot,\n                          expression: \"honeypot\"\n                        }\n                      ],\n                      staticClass: \"honey\",\n                      attrs: {\n                        autocomplete: \"none\",\n                        type: \"text\",\n                        name: \"username\",\n                        tabindex: \"-1\"\n                      },\n                      domProps: { value: _vm.honeypot },\n                      on: {\n                        input: function($event) {\n                          if ($event.target.composing) {\n                            return\n                          }\n                          _vm.honeypot = $event.target.value\n                        }\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"input-group-btn\" }, [\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"btn btn-block btn-primary btn-appearance\",\n                        class: _vm.buttonSizeClass,\n                        attrs: { type: \"button\", disabled: _vm.isDisabled },\n                        on: { click: _vm.validateData }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n\\n                                    \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.newsletterSubscribeButtonLabel\"\n                              )\n                            ) +\n                            \"\\n                                \"\n                        )\n                      ]\n                    )\n                  ])\n                ])\n              ]),\n              _vm._v(\" \"),\n              _vm.showPrivacyPolicyCheckbox\n                ? _c(\"div\", { staticClass: \"col-12\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"form-check small\",\n                        attrs: { \"data-validate\": \"\" }\n                      },\n                      [\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.privacyPolicyValue,\n                              expression: \"privacyPolicyValue\"\n                            }\n                          ],\n                          staticClass: \"form-check-input\",\n                          attrs: {\n                            type: \"checkbox\",\n                            id: \"privacy-policy-accept-id_\" + _vm._uid,\n                            name: \"privacy-policy-accept\"\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 &&\n                                    (_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(\"label\", {\n                          staticClass: \"form-check-label\",\n                          attrs: {\n                            for: \"privacy-policy-accept-id_\" + _vm._uid\n                          },\n                          domProps: { innerHTML: _vm._s(_vm.privacyPolicyText) }\n                        })\n                      ]\n                    )\n                  ])\n                : _vm._e()\n            ]),\n            _vm._v(\" \"),\n            !!_vm.$ceres.config.global.googleRecaptchaApiKey &&\n            _vm.loadRecaptcha\n              ? _c(\"recaptcha\")\n              : _vm._e()\n          ],\n          1\n        )\n      ])\n    ])\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(\"div\", { staticClass: \"row\" }, [\n      _c(\"div\", { staticClass: \"col-12\" }, [\n        _c(\"p\", { staticClass: \"h4\" }, [\n          _vm._v(\n            \"Gerne halten wir Sie mit unserem Newsletter auf dem Laufenden\"\n          ),\n          _c(\"br\", { staticClass: \"d-none d-sm-block d-md-none\" }),\n          _vm._v(\n            \" und informieren Sie zu Angeboten und\\n                            Aktionen \"\n          )\n        ])\n      ])\n    ])\n  }\n]\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!./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&\"","<template>\n\n<div class=\"container-max\">\n    <div class=\"row\">\n        <div class=\"col-12 offset-lg-3 col-lg-6\">\n            <form ref=\"newsletterForm\" :id=\"'newsletter-input-form_' + _uid\" method=\"post\" @submit.prevent=\"validateData\">\n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <p class=\"h4\">Gerne halten wir Sie mit unserem Newsletter auf dem Laufenden<br\n                                    class=\"d-none d-sm-block d-md-none\"> und informieren Sie zu Angeboten und\n                            Aktionen </p>\n                    </div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col-6\" v-if=\"showNameInputs\">\n                        <div class=\"input-unit\" data-validate=\"!regex\">\n                            <label :for=\"'first-name-input_' + _uid\">{{ $translate(\"Ceres::Template.newsletterFirstName\") }}</label>\n                            <input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'first-name-input_' + _uid\" v-model=\"firstName\">\n                        </div>\n                    </div>\n                    <div class=\"col-6 pl-0\" v-if=\"showNameInputs\">\n                        <div class=\"input-unit\" data-validate=\"!regex\">\n                            <label :for=\"'last-name-input_' + _uid\">{{ $translate(\"Ceres::Template.newsletterLastName\") }}</label>\n                            <input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'last-name-input_' + _uid\" v-model=\"lastName\">\n                        </div>\n                    </div>\n\n                    <div class=\"col-12\">\n                        <div class=\"input-wrapper\">\n                            <div class=\"input-group\">\n                                <div class=\"input-unit\" data-validate=\"mail\">\n                                    <label :for=\"'email-input-id_' + _uid\">E-Mail Adresse eingeben</label>\n                                    <input placeholder=\"E-mail Adresse eingeben\" @focus=\"loadRecaptcha = true\" type=\"email\" autocomplete=\"email\" :id=\"'email-input-id_' + _uid\" v-model=\"email\">\n                                </div>\n                                <input autocomplete=\"none\" class=\"honey\" type=\"text\" name=\"username\" tabindex=\"-1\" v-model=\"honeypot\">\n                            </div>\n                            <div class=\"input-group-btn\">\n                                <button type=\"button\" class=\"btn btn-block btn-primary btn-appearance\" @click=\"validateData\" :disabled=\"isDisabled\" :class=\"buttonSizeClass\">\n\n                                    {{ $translate(\"Ceres::Template.newsletterSubscribeButtonLabel\") }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"col-12\" v-if=\"showPrivacyPolicyCheckbox\">\n                        <div class=\"form-check small\" data-validate>\n                            <input type=\"checkbox\" class=\"form-check-input\" :id=\"'privacy-policy-accept-id_' + _uid\" name=\"privacy-policy-accept\" v-model=\"privacyPolicyValue\">\n                            <label :for=\"'privacy-policy-accept-id_' + _uid\" class=\"form-check-label\" v-html=\"privacyPolicyText\">\n                            </label>\n                        </div>\n                    </div>\n                </div>\n                <recaptcha v-if=\"!!$ceres.config.global.googleRecaptchaApiKey && loadRecaptcha\"></recaptcha>\n            </form>\n        </div>\n    </div>\n</div>\n</template>\n\n<script>\nimport ApiService from \"ceres/app/services/ApiService\";\nimport NotificationService from \"ceres/app/services/NotificationService\";\nimport ValidationService from \"ceres/app/services/ValidationService\";\nimport { executeReCaptcha } from \"ceres/app/helper/executeReCaptcha\";\nimport { ButtonSizePropertyMixin } from \"ceres/app/mixins/buttonSizeProperty.mixin\";\n\nexport default {\n    mixins: [ButtonSizePropertyMixin],\n\n    props: {\n        showNameInputs:\n        {\n            type: Boolean,\n            default: false\n        },\n        showPrivacyPolicyCheckbox:\n        {\n            type: Boolean,\n            default: true\n        },\n        emailFolder:\n        {\n            type: Number,\n            default: 9\n        }\n    },\n\n    data()\n    {\n        return {\n            firstName: \"\",\n            lastName: \"\",\n            email: \"\",\n            isDisabled: false,\n            privacyPolicyValue: false,\n            honeypot: \"\",\n            loadRecaptcha: false\n        };\n    },\n\n    computed:\n    {\n        privacyPolicyText()\n        {\n            const link = \"<a href=\\\"\" + App.urls.privacyPolicy + \"\\\" target=\\\"_blank\\\"><span class=\\\"text-primary text-appearance\\\">\"\n                + this.$translate(\"Ceres::Template.checkoutPrivacyPolicy\", {\"hyphen\": \"&shy;\"})\n                + \"</span></a>\";\n\n            return this.$translate(\"Gejo::Template.newsletterAcceptPrivacyPolicy\", {\"policy\": link});\n        }\n    },\n\n    methods: {\n        validateData()\n        {\n            this.isDisabled = true;\n\n            ValidationService.validate($(\"#newsletter-input-form_\" + this._uid))\n                .done(() =>\n                {\n                    this.save();\n                })\n                .fail(invalidFields =>\n                {\n                    ValidationService.markInvalidFields(invalidFields, \"error\");\n\n                    invalidFields.filter(field => {\n                        return field.dataset.validate !== null\n                    }).map((field) => {\n                        return {\n                            type: field.dataset.validate,\n                            name: field.innerText\n                        }\n                    }).forEach((field) => {\n                        if(field.type === '!regex')\n                        {\n                            NotificationService.error(this.$translate(\"Ceres::Template.newsletterNotAllowedCharacters\", {name: field.name}));\n                        }\n                    });\n\n                    this.isDisabled = false;\n                });\n        },\n\n        save()\n        {\n            const recaptchaEl = this.$el.querySelector(\"[data-recaptcha]\");\n\n            if (App.config.global.googleRecaptchaApiKey && (!window.grecaptcha || !recaptchaEl))\n            {\n                NotificationService.error(this.$translate(\"Ceres::Template.newsletterAcceptRecaptchaCookie\"));\n                this.isDisabled = false;\n                return;\n            }\n\n            executeReCaptcha(this.$el)\n            .then((recaptchaToken) =>\n            {\n                ApiService.post(\"/rest/io/customer/newsletter\", { email: this.email, firstName: this.firstName, lastName: this.lastName, emailFolder: this.emailFolder, honeypot: this.honeypot, recaptcha: recaptchaToken})\n                    .done(data =>\n                    {\n                        if (!!data.containsHoneypot)\n                        {\n                            NotificationService.warn(\n                                this.$translate(\"Ceres::Template.newsletterHoneypotWarning\")\n                            );\n                        }\n                        else\n                        {\n                            NotificationService.success(\n                                this.$translate(\"Ceres::Template.newsletterSuccessMessage\")\n                            ).closeAfter(3000);\n                        }\n                        this.resetInputs();\n                    })\n                    .fail(() =>\n                    {\n                        NotificationService.error(\n                            this.$translate(\"Ceres::Template.newsletterErrorMessage\")\n                        ).closeAfter(5000);\n                    })\n                    .always(() =>\n                    {\n                        this.isDisabled = false;\n                        this.resetRecaptcha();\n                    });\n            });\n        },\n\n        resetInputs()\n        {\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}\n</script>\n","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/pp-gejo/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":""}