{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/footer/NewsletterWidget.vue?5205","webpack:///./resources/js/src/app/components/footer/NewsletterWidget.vue?1656","webpack:///resources/js/src/app/components/footer/NewsletterWidget.vue","webpack:///./resources/js/src/app/components/footer/NewsletterWidget.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","attrs","id","_uid","method","on","submit","$event","preventDefault","validateData","apply","arguments","domProps","innerHTML","_s","text","_v","showNameInputs","for","$translate","directives","name","rawName","firstName","expression","input","target","composing","_e","lastName","email","autocomplete","focus","loadRecaptcha","honeypot","tabindex","class","disabled","isDisabled","click","icon","loading","showPrivacyPolicyCheckbox","privacyPolicyValue","checked","Array","isArray","_i","change","$$a","$$el","$$c","$$i","concat","slice","privacyPolicyText","$ceres","config","global","googleRecaptchaApiKey","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-15.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: \"newsletter-widget\" }, [\n    _c(\n      \"form\",\n      {\n        attrs: { id: \"newsletter-input-form_\" + _vm._uid, method: \"post\" },\n        on: {\n          submit: function($event) {\n            $event.preventDefault()\n            return _vm.validateData.apply(null, arguments)\n          }\n        }\n      },\n      [\n        _c(\"div\", { staticClass: \"row\" }, [\n          _c(\"div\", { staticClass: \"col-12 col-md-6\" }, [\n            _c(\"div\", {\n              staticClass: \"newsletter-widget__text\",\n              domProps: { innerHTML: _vm._s(_vm.text) }\n            })\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"col-12 col-md-6\" }, [\n            _c(\"div\", { staticClass: \"row\" }, [\n              _vm.showNameInputs\n                ? _c(\"div\", { staticClass: \"col-12 col-md-6 col-xl-3\" }, [\n                    _c(\"div\", { staticClass: \"input-unit\" }, [\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                          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                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.showNameInputs\n                ? _c(\"div\", { staticClass: \"col-12 col-md-6 col-xl-3\" }, [\n                    _c(\"div\", { staticClass: \"input-unit\" }, [\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                          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                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"col-12 col-md-7 col-xl-3\" }, [\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                        [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.newsletterEmail\")\n                            ) + \" *\"\n                          )\n                        ]\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                          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              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"col-12 col-md-5 col-xl-3\" }, [\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                      _c(\"icon\", {\n                        attrs: {\n                          icon: \"paper-plane-o\",\n                          loading: _vm.isDisabled\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.newsletterSubscribeButtonLabel\"\n                            )\n                          ) +\n                          \"\\n                            \"\n                      )\n                    ],\n                    1\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          ])\n        ]),\n        _vm._v(\" \"),\n        !!_vm.$ceres.config.global.googleRecaptchaApiKey && _vm.loadRecaptcha\n          ? _c(\"recaptcha\")\n          : _vm._e()\n      ],\n      1\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!./NewsletterWidget.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!./NewsletterWidget.vue?vue&type=script&lang=js&\"","<template>\n    <div class=\"newsletter-widget\">\n        <form :id=\"'newsletter-input-form_' + _uid\" method=\"post\" @submit.prevent=\"validateData\">\n            <div class=\"row\">\n                <div class=\"col-12 col-md-6\">\n                    <div class=\"newsletter-widget__text\" v-html=\"text\"></div>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md-6 col-xl-3\" v-if=\"showNameInputs\">\n                            <div class=\"input-unit\">\n                                <label :for=\"'first-name-input_' + _uid\">{{ $translate(\"Ceres::Template.newsletterFirstName\") }}</label>\n                                <input type=\"text\" :id=\"'first-name-input_' + _uid\" v-model=\"firstName\">\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 col-xl-3\" v-if=\"showNameInputs\">\n                            <div class=\"input-unit\">\n                                <label :for=\"'last-name-input_' + _uid\">{{ $translate(\"Ceres::Template.newsletterLastName\") }}</label>\n                                <input type=\"text\" :id=\"'last-name-input_' + _uid\" v-model=\"lastName\">\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-7 col-xl-3\">\n                            <div class=\"input-group\">\n                                <div class=\"input-unit\" data-validate=\"mail\">\n                                    <label :for=\"'email-input-id_' + _uid\">{{ $translate(\"Ceres::Template.newsletterEmail\") }} *</label>\n                                    <input @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>\n                        <div class=\"col-12 col-md-5 col-xl-3\">\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                                    <icon icon=\"paper-plane-o\" :loading=\"isDisabled\"></icon>\n                                    {{ $translate(\"Ceres::Template.newsletterSubscribeButtonLabel\") }}\n                                </button>\n                            </div>\n                        </div>\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                </div>\n            </div>\n            <recaptcha v-if=\"!!$ceres.config.global.googleRecaptchaApiKey && loadRecaptcha\"></recaptcha>\n        </form>\n    </div>\n</template>\n<script>\n\n    import ApiService from \"../../../../../../node_modules/Ceres/resources/js/src/app/services/ApiService\";\n    import NotificationService from \"../../../../../../node_modules/Ceres/resources/js/src/app/services/NotificationService\";\n    import ValidationService from \"../../../../../../node_modules/Ceres/resources/js/src/app/services/ValidationService\";\n    import { executeReCaptcha } from \"../../../../../../node_modules/Ceres/resources/js/src/app/helper/executeReCaptcha\";\n    import { ButtonSizePropertyMixin } from \"../../../../../../node_modules/Ceres/resources/js/src/app/mixins/buttonSizeProperty.mixin\";\n\n    export default {\n        mixins: [ButtonSizePropertyMixin],\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: 0\n                },\n            bemclass: {\n                type: String,\n                default: \"\"\n            },\n            bgimage: {\n                type: String,\n                default: \"\"\n            },\n            text: {\n                type: String,\n                default: \"Newsletter<br/>Gerne halten wir dich auf dem Laufenden\"\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(\"Ceres::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                        this.isDisabled = false;\n                    });\n            },\n\n            save()\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(() =>\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</script>\n\n","import { render, staticRenderFns } from \"./NewsletterWidget.vue?vue&type=template&id=e4ecbfa2&\"\nimport script from \"./NewsletterWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsletterWidget.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-stylebreaker-v2/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('e4ecbfa2')) {\n      api.createRecord('e4ecbfa2', component.options)\n    } else {\n      api.reload('e4ecbfa2', component.options)\n    }\n    module.hot.accept(\"./NewsletterWidget.vue?vue&type=template&id=e4ecbfa2&\", function () {\n      api.rerender('e4ecbfa2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/footer/NewsletterWidget.vue\"\nexport default component.exports"],"sourceRoot":""}