{"version":3,"sources":["webpack:///./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","concat","_toConsumableArray","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","ref","attrs","id","idNumber","method","on","submit","$event","preventDefault","validateData","registered","staticClass","staticStyle","_v","_s","$translate","showNameInputs","for","directives","name","rawName","firstName","expression","domProps","input","target","composing","_e","lastName","email","autocomplete","focus","loadRecaptcha","honeypot","tabindex","showPrivacyPolicyCheckbox","privacyPolicyValue","checked","Array","isArray","_i","change","$$a","$$el","$$c","$$i","slice","innerHTML","privacyPolicyText","class","disabled","isDisabled","click","icon","loading","$ceres","config","global","googleRecaptchaApiKey","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-10.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\r\n\r\nconst LEGACY_CLASS_MAP = {\r\n    \"sm\": \"btn-sm\",\r\n    \"md\": \"\",\r\n    \"lg\": \"btn-lg\"\r\n};\r\n\r\nexport const ButtonSizePropertyMixin =\r\n{\r\n    props: {\r\n        buttonSize:\r\n        {\r\n            type: [String, null],\r\n            default: null,\r\n            validator: value =>\r\n            {\r\n                return [\r\n                    \"\",\r\n                    ...BUTTON_SIZES,\r\n                    ...Object.keys(LEGACY_CLASS_MAP)\r\n                ].indexOf(value) !== -1;\r\n            }\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        buttonSizeClass()\r\n        {\r\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\r\n            {\r\n                return LEGACY_CLASS_MAP[this.buttonSize];\r\n            }\r\n\r\n            return this.buttonSize;\r\n        }\r\n    }\r\n};\r\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      attrs: { id: \"newsletter-input-form_\" + _vm.idNumber, method: \"post\" },\n      on: {\n        submit: function ($event) {\n          $event.preventDefault()\n          return _vm.validateData($event)\n        },\n      },\n    },\n    [\n      _vm.registered\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"font-weight-bold\",\n              staticStyle: { \"font-size\": \"120%\" },\n            },\n            [\n              _c(\"i\", { staticClass: \"fa fa-check mr-3\" }),\n              _vm._v(\n                _vm._s(\n                  _vm.$translate(\"Ceres::Template.newsletterSuccessMessage\")\n                )\n              ),\n            ]\n          )\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.idNumber } },\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.idNumber,\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.idNumber } },\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.idNumber,\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\" }, [\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.idNumber } },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.newsletterEmail\")\n                          ) +\n                            \" \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.newsletterIsRequiredFootnote\"\n                              )\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.idNumber,\n                        \"data-testing\": \"nl-mail\",\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            _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.idNumber,\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: {\n                          for: \"privacy-policy-accept-id_\" + _vm.idNumber,\n                        },\n                        domProps: { innerHTML: _vm._s(_vm.privacyPolicyText) },\n                      }),\n                    ]\n                  ),\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-12 mt-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: {\n                      type: \"button\",\n                      disabled: _vm.isDisabled,\n                      \"data-testing\": \"nl-send\",\n                    },\n                    on: { click: _vm.validateData },\n                  },\n                  [\n                    _c(\"icon\", {\n                      attrs: { icon: \"paper-plane-o\", loading: _vm.isDisabled },\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            _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      _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>\r\n    <form ref=\"newsletterForm\" :id=\"'newsletter-input-form_' + idNumber\" method=\"post\" @submit.prevent=\"validateData\">\r\n        <div v-if=\"registered\" class=\"font-weight-bold\" style=\"font-size: 120%;\"><i class=\"fa fa-check mr-3\"></i>{{ $translate(\"Ceres::Template.newsletterSuccessMessage\") }}</div>\r\n        <div v-else class=\"row\">\r\n            <div class=\"col-6\" v-if=\"showNameInputs\">\r\n                <div class=\"input-unit\" data-validate=\"!regex\">\r\n                    <label :for=\"'first-name-input_' + idNumber\">{{ $translate(\"Ceres::Template.newsletterFirstName\") }}</label>\r\n                    <input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'first-name-input_' + idNumber\" v-model=\"firstName\" data-testing=\"nl-first-name\">\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 pl-0\" v-if=\"showNameInputs\">\r\n                <div class=\"input-unit\" data-validate=\"!regex\">\r\n                    <label :for=\"'last-name-input_' + idNumber\">{{ $translate(\"Ceres::Template.newsletterLastName\") }}</label>\r\n                    <input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'last-name-input_' + idNumber\" v-model=\"lastName\"  data-testing=\"nl-last-name\">\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-12\">\r\n                <div class=\"input-group\">\r\n                    <div class=\"input-unit\" data-validate=\"mail\">\r\n                        <label :for=\"'email-input-id_' + idNumber\">{{ $translate(\"Ceres::Template.newsletterEmail\") }} {{ $translate(\"Ceres::Template.newsletterIsRequiredFootnote\") }}</label>\r\n                        <input @focus=\"loadRecaptcha = true\" type=\"email\" autocomplete=\"email\" :id=\"'email-input-id_' + idNumber\" v-model=\"email\" data-testing=\"nl-mail\">\r\n                    </div>\r\n                    <input autocomplete=\"none\" class=\"honey\" type=\"text\" name=\"username\" tabindex=\"-1\" v-model=\"honeypot\">\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-12\" v-if=\"showPrivacyPolicyCheckbox\">\r\n                <div class=\"form-check small\" data-validate>\r\n                    <input type=\"checkbox\" class=\"form-check-input\" :id=\"'privacy-policy-accept-id_' + idNumber\" name=\"privacy-policy-accept\" v-model=\"privacyPolicyValue\" data-testing=\"nl-policy\">\r\n                    <label :for=\"'privacy-policy-accept-id_' + idNumber\" class=\"form-check-label\" v-html=\"privacyPolicyText\"></label>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-12 mt-3\">\r\n                <div class=\"input-group-btn\">\r\n                    <button type=\"button\" class=\"btn btn-block btn-primary btn-appearance\" @click=\"validateData\" :disabled=\"isDisabled\" :class=\"buttonSizeClass\" data-testing=\"nl-send\">\r\n                        <icon icon=\"paper-plane-o\" :loading=\"isDisabled\"></icon>\r\n                        {{ $translate(\"Ceres::Template.newsletterSubscribeButtonLabel\") }}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-12 text-right small mt-2\">{{ $translate(\"Ceres::Template.newsletterIsRequiredFootnote\") }} {{ $translate(\"Ceres::Template.newsletterIsRequired\") }}</div>\r\n\r\n        </div>\r\n        <recaptcha v-if=\"!!$ceres.config.global.googleRecaptchaApiKey && loadRecaptcha\"></recaptcha>\r\n    </form>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"../../services/ApiService\";\r\nimport NotificationService from \"../../services/NotificationService\";\r\nimport ValidationService from \"../../services/ValidationService\";\r\nimport { executeReCaptcha } from \"../../helper/executeReCaptcha\";\r\nimport { ButtonSizePropertyMixin } from \"../../mixins/buttonSizeProperty.mixin\";\r\n\r\nexport default {\r\n    mixins: [ButtonSizePropertyMixin],\r\n\r\n    props: {\r\n        showNameInputs:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        showPrivacyPolicyCheckbox:\r\n        {\r\n            type: Boolean,\r\n            default: true\r\n        },\r\n        emailFolder:\r\n        {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n\r\n    data()\r\n    {\r\n        return {\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            email: \"\",\r\n            isDisabled: false,\r\n            privacyPolicyValue: false,\r\n            honeypot: \"\",\r\n            loadRecaptcha: false,\r\n            idNumber: 'newsletter',\r\n            registered: false\r\n        };\r\n    },\r\n\r\n    computed:\r\n    {\r\n        privacyPolicyText()\r\n        {\r\n            const link = \"<a href=\\\"\" + App.urls.privacyPolicy + \"\\\" target=\\\"_blank\\\"><span class=\\\"text-primary text-appearance\\\">\"\r\n                + this.$translate(\"Ceres::Template.checkoutPrivacyPolicy\", {\"hyphen\": \"&shy;\"})\r\n                + \"</span></a>\";\r\n\r\n            return this.$translate(\"Ceres::Template.newsletterAcceptPrivacyPolicy\", {\"policy\": link}) + this.$translate(\"Ceres::Template.newsletterIsRequiredFootnote\");\r\n        }\r\n    },\r\n\r\n    methods: {\r\n        validateData()\r\n        {\r\n            this.isDisabled = true;\r\n\r\n            ValidationService.validate($(\"#newsletter-input-form_\" + this.idNumber))\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\r\n                    invalidFields.filter(field => {\r\n                        return field.dataset.validate !== null\r\n                    }).map((field) => {\r\n                        return {\r\n                            type: field.dataset.validate,\r\n                            name: field.innerText\r\n                        }\r\n                    }).forEach((field) => {\r\n                        if(field.type === '!regex')\r\n                        {\r\n                            NotificationService.error(this.$translate(\"Ceres::Template.newsletterNotAllowedCharacters\", {name: field.name}));\r\n                        }\r\n                    });\r\n\r\n                    this.isDisabled = false;\r\n                });\r\n        },\r\n\r\n        save()\r\n        {\r\n            const recaptchaEl = this.$el.querySelector(\"[data-recaptcha]\");\r\n\r\n            if (App.config.global.googleRecaptchaApiKey && (!window.grecaptcha || !recaptchaEl))\r\n            {\r\n                NotificationService.error(this.$translate(\"Ceres::Template.newsletterAcceptRecaptchaCookie\"));\r\n                this.isDisabled = false;\r\n                return;\r\n            }\r\n\r\n            executeReCaptcha(this.$el)\r\n            .then((recaptchaToken) =>\r\n            {\r\n                ApiService.post(\"/rest/io/customer/newsletter\", { email: this.email, firstName: this.firstName, lastName: this.lastName, emailFolder: this.emailFolder, honeypot: this.honeypot, recaptcha: recaptchaToken})\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                            this.registered = true\r\n                            document.dispatchEvent(new CustomEvent('onNewsletterRegistration', {\r\n                                detail: {},\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                        this.resetRecaptcha();\r\n                    });\r\n            });\r\n        },\r\n\r\n        resetInputs()\r\n        {\r\n            this.firstName = \"\";\r\n            this.lastName = \"\";\r\n            this.email = \"\";\r\n            this.privacyPolicyValue = false;\r\n        },\r\n\r\n        resetRecaptcha()\r\n        {\r\n            if(App.config.global.googleRecaptchaVersion === 2 && window.grecaptcha)\r\n            {\r\n                const recaptchaId = this.$el.querySelector(\"[data-recaptcha]\");\r\n\r\n                window.grecaptcha.reset(recaptchaId);\r\n            }\r\n        },\r\n\r\n    }\r\n}\r\n</script>\r\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(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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":""}