{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/newsletter/NewsletterInput.vue","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?f1b2"],"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","_c","_self","ref","attrs","id","_uid","method","on","submit","$event","preventDefault","validateData","apply","arguments","staticClass","showNameInputs","for","_v","_s","$translate","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","mixins","Boolean","emailFolder","Number","data","link","App","urls","privacyPolicy","methods","_this","ValidationService","validate","$","done","save","fail","invalidFields","markInvalidFields","filter","field","dataset","map","innerText","forEach","NotificationService","error","_this2","recaptchaEl","$el","querySelector","window","grecaptcha","executeReCaptcha","then","recaptchaToken","ApiService","post","recaptcha","containsHoneypot","warn","success","closeAfter","resetInputs","always","resetRecaptcha","googleRecaptchaVersion","recaptchaId","reset","component"],"mappings":"28BAAA,IAAMA,EAAe,CAAC,SAAU,UAE1BC,EAAmB,CACrB,GAAM,SACN,GAAM,GACN,GAAM,UAGGC,EACb,CACIC,MAAO,CACHC,WACA,CACIC,KAAM,CAACC,OAAQ,MACfC,QAAS,KACTC,UAAW,SAAAC,GAEP,OAIsB,IAJf,CACH,IAAEC,OACCV,EAAYW,EACZC,OAAOC,KAAKZ,KACjBa,QAAQL,MAKtBM,SAAU,CACNC,gBAAe,WAEX,OAAIf,EAAiBgB,eAAeC,KAAKd,YAE9BH,EAAiBiB,KAAKd,YAG1Bc,KAAKd,e,wDClCpBe,EAAS,WACX,IAAIC,EAAMF,KACRG,EAAKD,EAAIE,MAAMD,GACjB,OAAOA,EACL,OACA,CACEE,IAAK,iBACLC,MAAO,CAAEC,GAAI,yBAA2BL,EAAIM,KAAMC,OAAQ,QAC1DC,GAAI,CACFC,OAAQ,SAAUC,GAEhB,OADAA,EAAOC,iBACAX,EAAIY,aAAaC,MAAM,KAAMC,cAI1C,CACEb,EAAG,MAAO,CAAEc,YAAa,OAAS,CAChCf,EAAIgB,eACAf,EAAG,MAAO,CAAEc,YAAa,SAAW,CAClCd,EACE,MACA,CACEc,YAAa,aACbX,MAAO,CAAE,gBAAiB,WAE5B,CACEH,EACE,QACA,CAAEG,MAAO,CAAEa,IAAK,oBAAsBjB,EAAIM,OAC1C,CACEN,EAAIkB,GACFlB,EAAImB,GACFnB,EAAIoB,WAAW,2CAKvBpB,EAAIkB,GAAG,KACPjB,EAAG,QAAS,CACVoB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTlC,MAAOW,EAAIwB,UACXC,WAAY,cAGhBrB,MAAO,CACLnB,KAAM,OACN,oBAAqB,gBACrBoB,GAAI,oBAAsBL,EAAIM,KAC9B,eAAgB,iBAElBoB,SAAU,CAAErC,MAAOW,EAAIwB,WACvBhB,GAAI,CACFmB,MAAO,SAAUjB,GACXA,EAAOkB,OAAOC,YAClB7B,EAAIwB,UAAYd,EAAOkB,OAAOvC,eAO1CW,EAAI8B,KACR9B,EAAIkB,GAAG,KACPlB,EAAIgB,eACAf,EAAG,MAAO,CAAEc,YAAa,cAAgB,CACvCd,EACE,MACA,CACEc,YAAa,aACbX,MAAO,CAAE,gBAAiB,WAE5B,CACEH,EACE,QACA,CAAEG,MAAO,CAAEa,IAAK,mBAAqBjB,EAAIM,OACzC,CACEN,EAAIkB,GACFlB,EAAImB,GACFnB,EAAIoB,WAAW,0CAKvBpB,EAAIkB,GAAG,KACPjB,EAAG,QAAS,CACVoB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTlC,MAAOW,EAAI+B,SACXN,WAAY,aAGhBrB,MAAO,CACLnB,KAAM,OACN,oBAAqB,gBACrBoB,GAAI,mBAAqBL,EAAIM,KAC7B,eAAgB,gBAElBoB,SAAU,CAAErC,MAAOW,EAAI+B,UACvBvB,GAAI,CACFmB,MAAO,SAAUjB,GACXA,EAAOkB,OAAOC,YAClB7B,EAAI+B,SAAWrB,EAAOkB,OAAOvC,eAOzCW,EAAI8B,KACR9B,EAAIkB,GAAG,KACPjB,EAAG,MAAO,CAAEc,YAAa,UAAY,CACnCd,EAAG,MAAO,CAAEc,YAAa,eAAiB,CACxCd,EACE,MACA,CAAEc,YAAa,aAAcX,MAAO,CAAE,gBAAiB,SACvD,CACEH,EAAG,QAAS,CAAEG,MAAO,CAAEa,IAAK,kBAAoBjB,EAAIM,OAAU,CAC5DN,EAAIkB,GACFlB,EAAImB,GAAGnB,EAAIoB,WAAW,oCACpB,IACApB,EAAImB,GACFnB,EAAIoB,WACF,oDAKVpB,EAAIkB,GAAG,KACPjB,EAAG,QAAS,CACVoB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTlC,MAAOW,EAAIgC,MACXP,WAAY,UAGhBrB,MAAO,CACLnB,KAAM,QACNgD,aAAc,QACd5B,GAAI,kBAAoBL,EAAIM,KAC5B,eAAgB,WAElBoB,SAAU,CAAErC,MAAOW,EAAIgC,OACvBxB,GAAI,CACF0B,MAAO,SAAUxB,GACfV,EAAImC,eAAgB,GAEtBR,MAAO,SAAUjB,GACXA,EAAOkB,OAAOC,YAClB7B,EAAIgC,MAAQtB,EAAOkB,OAAOvC,aAMpCW,EAAIkB,GAAG,KACPjB,EAAG,QAAS,CACVoB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTlC,MAAOW,EAAIoC,SACXX,WAAY,aAGhBV,YAAa,QACbX,MAAO,CACL6B,aAAc,OACdhD,KAAM,OACNqC,KAAM,WACNe,SAAU,MAEZX,SAAU,CAAErC,MAAOW,EAAIoC,UACvB5B,GAAI,CACFmB,MAAO,SAAUjB,GACXA,EAAOkB,OAAOC,YAClB7B,EAAIoC,SAAW1B,EAAOkB,OAAOvC,eAMvCW,EAAIkB,GAAG,KACPlB,EAAIsC,0BACArC,EAAG,MAAO,CAAEc,YAAa,UAAY,CACnCd,EACE,MACA,CACEc,YAAa,mBACbX,MAAO,CAAE,gBAAiB,KAE5B,CACEH,EAAG,QAAS,CACVoB,WAAY,CACV,CACEC,KAAM,QACNC,QAAS,UACTlC,MAAOW,EAAIuC,mBACXd,WAAY,uBAGhBV,YAAa,mBACbX,MAAO,CACLnB,KAAM,WACNoB,GAAI,4BAA8BL,EAAIM,KACtCgB,KAAM,wBACN,eAAgB,aAElBI,SAAU,CACRc,QAASC,MAAMC,QAAQ1C,EAAIuC,oBACvBvC,EAAI2C,GAAG3C,EAAIuC,mBAAoB,OAAS,EACxCvC,EAAIuC,oBAEV/B,GAAI,CACFoC,OAAQ,SAAUlC,GAChB,IAAImC,EAAM7C,EAAIuC,mBACZO,EAAOpC,EAAOkB,OACdmB,IAAMD,EAAKN,QACb,GAAIC,MAAMC,QAAQG,GAAM,CACtB,IACEG,EAAMhD,EAAI2C,GAAGE,EADL,MAENC,EAAKN,QACPQ,EAAM,IACHhD,EAAIuC,mBAAqBM,EAAIvD,OAAO,CAJ/B,QAMR0D,GAAO,IACJhD,EAAIuC,mBAAqBM,EACvBI,MAAM,EAAGD,GACT1D,OAAOuD,EAAII,MAAMD,EAAM,UAG9BhD,EAAIuC,mBAAqBQ,MAKjC/C,EAAIkB,GAAG,KACPjB,EAAG,QAAS,CACVc,YAAa,mBACbX,MAAO,CAAEa,IAAK,4BAA8BjB,EAAIM,MAChDoB,SAAU,CAAEwB,UAAWlD,EAAImB,GAAGnB,EAAImD,0BAK1CnD,EAAI8B,KACR9B,EAAIkB,GAAG,KACPjB,EAAG,MAAO,CAAEc,YAAa,eAAiB,CACxCd,EAAG,MAAO,CAAEc,YAAa,mBAAqB,CAC5Cd,EACE,SACA,CACEc,YAAa,2CACbqC,MAAOpD,EAAIJ,gBACXQ,MAAO,CACLnB,KAAM,SACNoE,SAAUrD,EAAIsD,WACd,eAAgB,WAElB9C,GAAI,CAAE+C,MAAOvD,EAAIY,eAEnB,CACEX,EAAG,OAAQ,CACTG,MAAO,CAAEoD,KAAM,gBAAiBC,QAASzD,EAAIsD,cAE/CtD,EAAIkB,GACF,yBACElB,EAAImB,GACFnB,EAAIoB,WACF,mDAGJ,uBAGN,OAINpB,EAAIkB,GAAG,KACPjB,EAAG,MAAO,CAAEc,YAAa,gCAAkC,CACzDf,EAAIkB,GACFlB,EAAImB,GACFnB,EAAIoB,WAAW,iDAEf,IACApB,EAAImB,GAAGnB,EAAIoB,WAAW,8CAI9BpB,EAAIkB,GAAG,KACLlB,EAAI0D,OAAOC,OAAOC,OAAOC,uBAAyB7D,EAAImC,cACpDlC,EAAG,aACHD,EAAI8B,MAEV,IAIJ/B,EAAO+D,eAAgB,E,uECjTgM,ECuDxM,CACfC,OAAA,C,OAAAjF,GAEAC,MAAA,CACAiC,eACA,CACA/B,KAAA+E,QACA7E,SAAA,GAEAmD,0BACA,CACArD,KAAA+E,QACA7E,SAAA,GAEA8E,YACA,CACAhF,KAAAiF,OACA/E,QAAA,IAIAgF,KAAA,WAEA,OACA3C,UAAA,GACAO,SAAA,GACAC,MAAA,GACAsB,YAAA,EACAf,oBAAA,EACAH,SAAA,GACAD,eAAA,IAIAxC,SACA,CACAwD,kBAAA,WAEA,IAAAiB,EAAA,YAAAC,IAAAC,KAAAC,cAAA,gEACA,KAAAnD,WAAA,0DACA,cAEA,YAAAA,WAAA,wDAAAgD,IAAA,KAAAhD,WAAA,kDAIAoD,QAAA,CACA5D,aAAA,WACA,IAAA6D,EAAA,KACA,KAAAnB,YAAA,EAEAoB,UAAAC,SAAAC,EAAA,+BAAAtE,OACAuE,MAAA,WAEAJ,EAAAK,UAEAC,MAAA,SAAAC,GAEAN,UAAAO,kBAAAD,EAAA,SAEAA,EAAAE,QAAA,SAAAC,GACA,cAAAA,EAAAC,QAAAT,YACAU,KAAA,SAAAF,GACA,OACAlG,KAAAkG,EAAAC,QAAAT,SACArD,KAAA6D,EAAAG,cAEAC,SAAA,SAAAJ,GACA,WAAAA,EAAAlG,MAEAuG,UAAAC,MAAAhB,EAAArD,WAAA,kDAAAE,KAAA6D,EAAA7D,WAIAmD,EAAAnB,YAAA,MAIAwB,KAAA,WACA,IAAAY,EAAA,KACAC,EAAA,KAAAC,IAAAC,cAAA,oBAEA,GAAAxB,IAAAV,OAAAC,OAAAC,yBAAAiC,OAAAC,aAAAJ,GAIA,OAFAH,UAAAC,MAAA,KAAArE,WAAA,yDACA,KAAAkC,YAAA,GAIA0C,YAAA,KAAAJ,KACAK,MAAA,SAAAC,GAEAC,UAAAC,KAAA,gCAAApE,MAAA0D,EAAA1D,MAAAR,UAAAkE,EAAAlE,UAAAO,SAAA2D,EAAA3D,SAAAkC,YAAAyB,EAAAzB,YAAA7B,SAAAsD,EAAAtD,SAAAiE,UAAAH,IACArB,MAAA,SAAAV,GAEAA,EAAAmC,iBAEAd,UAAAe,KACAb,EAAAtE,WAAA,8CAKAoE,UAAAgB,QACAd,EAAAtE,WAAA,6CACAqF,WAAA,KAEAf,EAAAgB,iBAEA3B,MAAA,WAEAS,UAAAC,MACAC,EAAAtE,WAAA,2CACAqF,WAAA,QAEAE,QAAA,WAEAjB,EAAApC,YAAA,EACAoC,EAAAkB,wBAKAF,YAAA,WAEA,KAAAlF,UAAA,GACA,KAAAO,SAAA,GACA,KAAAC,MAAA,GACA,KAAAO,oBAAA,GAGAqE,eAAA,WAEA,OAAAvC,IAAAV,OAAAC,OAAAiD,wBAAAf,OAAAC,WACA,CACA,IAAAe,EAAA,KAAAlB,IAAAC,cAAA,oBAEAC,OAAAC,WAAAgB,MAAAD,O,OCzLIE,EAAY,YACd,EACAjH,EHuSoB,IGrSpB,EACA,KACA,KACA,MAIa,UAAAiH,E","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 render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _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.apply(null, arguments)\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._uid } },\n                    [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\"Ceres::Template.newsletterFirstName\")\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) return\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) return\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              { staticClass: \"input-unit\", attrs: { \"data-validate\": \"mail\" } },\n              [\n                _c(\"label\", { attrs: { for: \"email-input-id_\" + _vm._uid } }, [\n                  _vm._v(\n                    _vm._s(_vm.$translate(\"Ceres::Template.newsletterEmail\")) +\n                      \" \" +\n                      _vm._s(\n                        _vm.$translate(\n                          \"Ceres::Template.newsletterIsRequiredFootnote\"\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                    \"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) return\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) return\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._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 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_' + _uid\" method=\"post\" @submit.prevent=\"validateData\">\r\n        <div 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_' + _uid\">{{ $translate(\"Ceres::Template.newsletterFirstName\") }}</label>\r\n                    <input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'first-name-input_' + _uid\" 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_' + _uid\">{{ $translate(\"Ceres::Template.newsletterLastName\") }}</label>\r\n                    <input type=\"text\" data-validate-ref=\"/[.:\\/\\d]/g\" :id=\"'last-name-input_' + _uid\" 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_' + _uid\">{{ $translate(\"Ceres::Template.newsletterEmail\") }} {{ $translate(\"Ceres::Template.newsletterIsRequiredFootnote\") }}</label>\r\n                        <input @focus=\"loadRecaptcha = true\" type=\"email\" autocomplete=\"email\" :id=\"'email-input-id_' + _uid\" 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_' + _uid\" name=\"privacy-policy-accept\" v-model=\"privacyPolicyValue\" data-testing=\"nl-policy\">\r\n                    <label :for=\"'privacy-policy-accept-id_' + _uid\" 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        </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        };\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._uid))\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                        }\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=161e5506&\"\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":""}