{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue?1a70","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue?3d0c","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","ref","staticClass","attrs","id","_uid","method","on","submit","$event","preventDefault","validateData","showNameInputs","for","_v","_s","$translate","directives","name","rawName","firstName","expression","domProps","input","target","composing","_e","lastName","email","autocomplete","placeholder","focus","loadRecaptcha","class","disabled","isDisabled","click","honeypot","tabindex","showPrivacyPolicyCheckbox","privacyPolicyValue","checked","Array","isArray","_i","change","$$a","$$el","$$c","$$i","concat","slice","innerHTML","privacyPolicyText","$ceres","config","global","googleRecaptchaApiKey","_withStripped","mixins","emailFolder","data","methods","ValidationService","done","fail","invalidFields","map","forEach","NotificationService","save","executeReCaptcha","then","ApiService","recaptcha","closeAfter","always","resetInputs","resetRecaptcha","window","component"],"mappings":"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","file":"chunks/ceres-12.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(\n    \"form\",\n    {\n      ref: \"newsletterForm\",\n      staticClass: \"heista_newsletter\",\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      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-12 col-md-9 mx-auto\" }, [\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                        \"data-testing\": \"nl-first-name\",\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(\"Ceres::Template.newsletterLastName\")\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                        \"data-testing\": \"nl-last-name\",\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-group input-area\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"input-unit flex-fill\",\n                  attrs: { \"data-validate\": \"mail\" },\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: \"input-newsletter\",\n                    attrs: {\n                      type: \"email\",\n                      autocomplete: \"email\",\n                      id: \"email-input-id_\" + _vm._uid,\n                      \"data-testing\": \"nl-mail\",\n                      placeholder: _vm.$translate(\n                        \"ZeitloungeTheme::Template.newsletterPlaceholder\"\n                      ),\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(\n                \"button\",\n                {\n                  staticClass: \"btn btn-block btn-newsletter\",\n                  class: _vm.buttonSizeClass,\n                  attrs: {\n                    type: \"button\",\n                    disabled: _vm.isDisabled,\n                    \"data-testing\": \"nl-send\",\n                  },\n                  on: { click: _vm.validateData },\n                },\n                [\n                  _vm._v(\n                    \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                      _vm._s(\n                        _vm.$translate(\n                          \"Ceres::Template.newsletterSubscribeButtonLabel\"\n                        )\n                      ) +\n                      \"\\n\\t\\t\\t\\t\\t\\t\"\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          _vm.showPrivacyPolicyCheckbox\n            ? _c(\"div\", { staticClass: \"col-12\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"form-check small form-info-check\",\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                        \"data-testing\": \"nl-policy\",\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: { for: \"privacy-policy-accept-id_\" + _vm._uid },\n                      domProps: { innerHTML: _vm._s(_vm.privacyPolicyText) },\n                    }),\n                  ]\n                ),\n              ])\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"col-12 text-right small mt-2\" }, [\n            _vm._v(\n              _vm._s(\n                _vm.$translate(\"Ceres::Template.newsletterIsRequiredFootnote\")\n              ) +\n                \" \" +\n                _vm._s(_vm.$translate(\"Ceres::Template.newsletterIsRequired\"))\n            ),\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}\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!./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    <form class=\"heista_newsletter\" ref=\"newsletterForm\" :id=\"'newsletter-input-form_' + _uid\" method=\"post\" @submit.prevent=\"validateData\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-12 col-md-9 mx-auto\">\n\t\t\t\t<div class=\"col-6\" v-if=\"showNameInputs\">\n\t\t\t\t\t<div class=\"input-unit\" data-validate=\"!regex\">\n\t\t\t\t\t\t<label :for=\"'first-name-input_' + _uid\">{{ $translate(\"Ceres::Template.newsletterFirstName\") }}</label>\n\t\t\t\t\t\t<input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'first-name-input_' + _uid\" v-model=\"firstName\" data-testing=\"nl-first-name\">\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-6 pl-0\" v-if=\"showNameInputs\">\n\t\t\t\t\t<div class=\"input-unit\" data-validate=\"!regex\">\n\t\t\t\t\t\t<label :for=\"'last-name-input_' + _uid\">{{ $translate(\"Ceres::Template.newsletterLastName\") }}</label>\n\t\t\t\t\t\t<input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'last-name-input_' + _uid\" v-model=\"lastName\" data-testing=\"nl-last-name\">\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t<div class=\"input-group input-area\">\n\t\t\t\t\t\t<div class=\"input-unit flex-fill\" data-validate=\"mail\">\n\t\t\t\t\t\t\t<input class=\"input-newsletter\" @focus=\"loadRecaptcha = true\" type=\"email\" autocomplete=\"email\" :id=\"'email-input-id_' + _uid\" v-model=\"email\" data-testing=\"nl-mail\" :placeholder=\"$translate('ZeitloungeTheme::Template.newsletterPlaceholder')\" >\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-block btn-newsletter\" @click=\"validateData\" :disabled=\"isDisabled\" :class=\"buttonSizeClass\" data-testing=\"nl-send\">\n\t\t\t\t\t\t\t{{ $translate(\"Ceres::Template.newsletterSubscribeButtonLabel\") }}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<input autocomplete=\"none\" class=\"honey\" type=\"text\" name=\"username\" tabindex=\"-1\" v-model=\"honeypot\">\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-12\" v-if=\"showPrivacyPolicyCheckbox\">\n\t\t\t\t\t<div class=\"form-check small form-info-check\" data-validate>\n\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" :id=\"'privacy-policy-accept-id_' + _uid\" name=\"privacy-policy-accept\" v-model=\"privacyPolicyValue\" data-testing=\"nl-policy\">\n\t\t\t\t\t\t<label :for=\"'privacy-policy-accept-id_' + _uid\" class=\"form-check-label\" v-html=\"privacyPolicyText\"></label>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"col-12 text-right small mt-2\">{{ $translate(\"Ceres::Template.newsletterIsRequiredFootnote\") }} {{ $translate(\"Ceres::Template.newsletterIsRequired\") }}</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<recaptcha v-if=\"!!$ceres.config.global.googleRecaptchaApiKey && loadRecaptcha\"></recaptcha>\n\t</form>\n</template>\n\n<script>\nimport ApiService from \"../../services/ApiService\";\nimport NotificationService from \"../../services/NotificationService\";\nimport ValidationService from \"../../services/ValidationService\";\nimport { executeReCaptcha } from \"../../helper/executeReCaptcha\";\nimport { ButtonSizePropertyMixin } from \"../../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: 0\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}) + this.$translate(\"Ceres::Template.newsletterIsRequiredFootnote\");\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=268e3e76&\"\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\nexport default component.exports"],"sourceRoot":""}