{"version":3,"sources":["webpack:///./src/Feature/NewsletterForm/code/Scripts/components/NewsletterForm/NewsletterForm.vue?c98b","webpack:///src/Feature/NewsletterForm/code/Scripts/components/NewsletterForm/NewsletterForm.vue","webpack:///./src/Feature/NewsletterForm/code/Scripts/components/NewsletterForm/NewsletterForm.vue?fed6","webpack:///./src/Feature/NewsletterForm/code/Scripts/components/NewsletterForm/NewsletterForm.vue","webpack:///./src/Feature/NewsletterForm/code/Scripts/components/NewsletterFormToaster/NewsletterFormToaster.vue?4a17","webpack:///src/Feature/NewsletterForm/code/Scripts/components/NewsletterFormToaster/NewsletterFormToaster.vue","webpack:///./src/Feature/NewsletterForm/code/Scripts/components/NewsletterFormToaster/NewsletterFormToaster.vue?d067","webpack:///./src/Feature/NewsletterForm/code/Scripts/components/NewsletterFormToaster/NewsletterFormToaster.vue","webpack:///./src/Feature/NewsletterForm/index.js","webpack:///./src/Foundation/Common/code/Scripts/utilities/isInternetExplorer.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","class","variation","_t","ref","staticClass","_v","_s","inputPlaceholder","arg","modifiers","attrs","fieldId","invalidError","requiredError","inputTagging","eventCategory","eventLabel","eventAction","eventReferral","domProps","on","dirtyMessage","$event","target","composing","emailAddress","requiredErrorMessage","_e","invalidErrorMessage","serverError","serverErrorMessage","showSuccessMessage","successMessage","preventDefault","submit","apply","arguments","submitBtnLabel","successModal","closeSuccessModal","slot","staticRenderFns","required","v","toString","component","open","isInternetExplorer","focused","toasterFocused","closeModal","closeIconAlt","displaySuccess","successIconAlt","VueModule","components","NewsletterForm","NewsletterFormToaster","ua","window","navigator","userAgent","msie","indexOf","match"],"mappings":"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","file":"NewsletterForm.js?v=f782e61e","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"srcset\",rawName:\"v-srcset\",value:(_vm.backgroundImage),expression:\"backgroundImage\"}],class:['container newsletter-form newsletter-form-styles', _vm.variation]},[_vm._t(\"default\"),_c('form',{ref:\"form\"},[_c('div',{staticClass:\"form-group\"},[_c('label',[_c('span',{staticClass:\"is-sr-only\"},[_vm._v(_vm._s(_vm.inputPlaceholder))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emailAddress),expression:\"emailAddress\"},{name:\"tag\",rawName:\"v-tag:useractionevent.dom\",arg:\"useractionevent\",modifiers:{\"dom\":true}}],ref:\"emailField\",staticClass:\"input-text\",attrs:{\"id\":(\"newsletter-\" + _vm.fieldId),\"type\":\"text\",\"name\":\"newsletter\",\"aria-describedby\":(\"newsletter-errors-\" + _vm.fieldId),\"aria-invalid\":(_vm.invalidError || _vm.requiredError) ? 'true' : 'false',\"placeholder\":_vm.inputPlaceholder,\"data-tag-wrapper\":\"\",\"event\":\"useractionevent\",\"dom\":\"true\",\"data-tag-category\":_vm.inputTagging.eventCategory,\"data-tag-ecommerce\":\"undefined\",\"data-tag-event_name\":\"start_newsletter\",\"data-tag-label\":_vm.inputTagging.eventLabel,\"data-tag-action\":_vm.inputTagging.eventAction,\"data-tag-referral\":_vm.inputTagging.eventReferral},domProps:{\"value\":(_vm.emailAddress)},on:{\"change\":_vm.dirtyMessage,\"input\":function($event){if($event.target.composing){ return; }_vm.emailAddress=$event.target.value}}})]),_c('div',{class:['errors-log', { 'errors-log--show' : _vm.requiredError || _vm.invalidError}],attrs:{\"id\":(\"newsletter-errors-\" + _vm.fieldId),\"aria-live\":\"polite\"}},[_c('div',{class:['message error', {'message--show': _vm.requiredError}]},[(_vm.requiredError)?_c('span',[_vm._v(_vm._s(_vm.requiredErrorMessage))]):_vm._e()]),_c('div',{class:['message error', {'message--show': !_vm.requiredError && _vm.invalidError}]},[(!_vm.requiredError && _vm.invalidError)?_c('span',[_vm._v(_vm._s(_vm.invalidErrorMessage))]):_vm._e()]),_c('div',{class:['message error', {'message--show': !(_vm.requiredError && _vm.invalidError) && _vm.serverError}]},[(!(_vm.requiredError && _vm.invalidError) && _vm.serverError)?_c('span',[_vm._v(_vm._s(_vm.serverErrorMessage))]):_vm._e()]),_c('div',{class:['message success', {'message--show': _vm.showSuccessMessage}]},[(_vm.showSuccessMessage)?_c('span',[_vm._v(_vm._s(_vm.successMessage))]):_vm._e()])]),_c('button',{staticClass:\"btn btn--secondary\",on:{\"click\":function($event){$event.preventDefault();return _vm.submit.apply(null, arguments)}}},[_vm._v(\"\\n        \"+_vm._s(_vm.submitBtnLabel)+\"\\n      \")])])]),_c('div',{staticClass:\"newsletter-form__legal-copy\"},[_vm._t(\"policy\"),(_vm.recaptcha)?_c('div',{staticClass:\"recaptcha\"},[_vm._t(\"recaptcha-branding\"),(_vm.recaptchaError)?_c('div',{staticClass:\"recaptcha__error field-validation-error\"},[_vm._t(\"recaptcha-error\")],2):_vm._e()],2):_vm._e()],2),(_vm.successModal)?_c('div',[_c('modal',{ref:\"modal\",attrs:{\"hide-overflow\":true,\"open\":_vm.successModal},on:{\"closed\":_vm.closeSuccessModal}},[_vm._t(\"success-modal\"),_c('template',{slot:\"close\"},[_c('button',{staticClass:\"icon icon--close\",on:{\"click\":_vm.closeSuccessModal}},[_c('span',{staticClass:\"is-sr-only\"},[_vm._t(\"close-btn-label\")],2)])])],2)],1):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-srcset=\"backgroundImage\"\r\n    :class=\"['container newsletter-form newsletter-form-styles', variation]\"\r\n  >\r\n    <slot />\r\n    <form ref=\"form\">\r\n      <div class=\"form-group\">\r\n        <label>\r\n          <span class=\"is-sr-only\">{{ inputPlaceholder }}</span>\r\n          <input\r\n            :id=\"`newsletter-${fieldId}`\"\r\n            ref=\"emailField\"\r\n            v-model=\"emailAddress\"\r\n            v-tag:useractionevent.dom\r\n            type=\"text\"\r\n            name=\"newsletter\"\r\n            class=\"input-text\"\r\n            :aria-describedby=\"`newsletter-errors-${fieldId}`\"\r\n            :aria-invalid=\"(invalidError || requiredError) ? 'true' : 'false'\"\r\n            :placeholder=\"inputPlaceholder\"\r\n            data-tag-wrapper\r\n            event=\"useractionevent\"\r\n            dom=\"true\"\r\n            :data-tag-category=\"inputTagging.eventCategory\"\r\n            data-tag-ecommerce=\"undefined\"\r\n            data-tag-event_name=\"start_newsletter\"\r\n            :data-tag-label=\"inputTagging.eventLabel\"\r\n            :data-tag-action=\"inputTagging.eventAction\"\r\n            :data-tag-referral=\"inputTagging.eventReferral\"\r\n            @change=\"dirtyMessage\"\r\n          >\r\n        </label>\r\n        <div\r\n          :id=\"`newsletter-errors-${fieldId}`\"\r\n          aria-live=\"polite\"\r\n          :class=\"['errors-log', { 'errors-log--show' : requiredError || invalidError}]\"\r\n        >\r\n          <div :class=\"['message error', {'message--show': requiredError}]\">\r\n            <span v-if=\"requiredError\">{{ requiredErrorMessage }}</span>\r\n          </div>\r\n          <div :class=\"['message error', {'message--show': !requiredError && invalidError}]\">\r\n            <span v-if=\"!requiredError && invalidError\">{{ invalidErrorMessage }}</span>\r\n          </div>\r\n          <div :class=\"['message error', {'message--show': !(requiredError && invalidError) && serverError}]\">\r\n            <span v-if=\"!(requiredError && invalidError) && serverError\">{{ serverErrorMessage }}</span>\r\n          </div>\r\n          <div :class=\"['message success', {'message--show': showSuccessMessage}]\">\r\n            <span v-if=\"showSuccessMessage\">{{ successMessage }}</span>\r\n          </div>\r\n        </div>\r\n        <button\r\n          class=\"btn btn--secondary\"\r\n          @click.prevent=\"submit\"\r\n        >\r\n          {{ submitBtnLabel }}\r\n        </button>\r\n      </div>\r\n    </form>\r\n    <div class=\"newsletter-form__legal-copy\">\r\n      <slot name=\"policy\" />\r\n      <div\r\n        v-if=\"recaptcha\"\r\n        class=\"recaptcha\"\r\n      >\r\n        <slot name=\"recaptcha-branding\" />\r\n        <div\r\n          v-if=\"recaptchaError\"\r\n          class=\"recaptcha__error field-validation-error\"\r\n        >\r\n          <slot name=\"recaptcha-error\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"successModal\">\r\n      <modal\r\n        ref=\"modal\"\r\n        :hide-overflow=\"true\"\r\n        :open=\"successModal\"\r\n        @closed=\"closeSuccessModal\"\r\n      >\r\n        <slot name=\"success-modal\" />\r\n        <template slot=\"close\">\r\n          <button\r\n            class=\"icon icon--close\"\r\n            @click=\"closeSuccessModal\"\r\n          >\r\n            <span class=\"is-sr-only\"><slot name=\"close-btn-label\" /></span>\r\n          </button>\r\n        </template>\r\n      </modal>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Modal from '@Feature/Modal/code/Scripts/components/Modal/Modal.vue';\r\n  import { AnalyticsHandler } from '@Foundation/analyticsHandler';\r\n  import { tag } from '@Foundation/analyticsHandler/directives/tag';\r\n  import { eventBus } from '@Foundation/eventbus/eventbus';\r\n  import { srcset } from '@Foundation/directives/srcset/srcset';\r\n  import { recaptcha } from '@Foundation/mixins/recaptcha';\r\n  import regex from '@Foundation/utilities/regex';\r\n  import { smoothScroll } from '@Foundation/utilities/scroll/smoothScroll';\r\n  import { throttle } from '@Foundation/utilities';\r\n\r\n  export default {\r\n    name: 'NewsletterForm',\r\n    directives: {\r\n      srcset,\r\n      tag\r\n    },\r\n    components: {\r\n      Modal\r\n    },\r\n    mixins: [recaptcha],\r\n    props: {\r\n      variation: { type: String, required: false, default: '' },\r\n      apiUrl: { type: String, required: true },\r\n      dataSourceId: { type: String, required: true },\r\n      apiParams: { type: Object, required: false, default: null },\r\n      inputPlaceholder: { type: String, required: true },\r\n      backgroundImage: { type: Object, required: false, default: null },\r\n      submitBtnLabel: { type: String, required: true },\r\n      requiredErrorMessage: { type: String, required: true },\r\n      invalidErrorMessage: { type: String, required: true },\r\n      ddmErrorMessage: { type: String, required: true },\r\n      ddmSucessMessage: { type: String, required: true },\r\n      inputTagging: { type: Object, required: true },\r\n      submitTagging: { type: Object, required: true },\r\n      fieldId: { type: String, default: () => {\r\n        const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n          const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);\r\n          return v.toString(16);\r\n        });\r\n\r\n        return `search-field-${uuid}`;\r\n      }\r\n      },\r\n      recaptcha: { type: Object, required: false, default: undefined }\r\n    },\r\n    data() {\r\n      return {\r\n        emailAddress: '',\r\n        messageDirty: false,\r\n        serverError: false,\r\n        serverErrorMessage: '',\r\n        success: false,\r\n        successMessage: '',\r\n        recaptchaError: false,\r\n        smallScreen: !window.matchMedia('(min-width: 1100px)').matches,\r\n      };\r\n    },\r\n    computed: {\r\n      requiredError() {\r\n        return this.emailAddress === '' && this.messageDirty;\r\n      },\r\n      invalidError() {\r\n        return !regex.emailAddressRegex.test(this.emailAddress) && this.messageDirty;\r\n      },\r\n      showSuccessMessage() {\r\n        return !this.requiredError && !this.invalidError && !this.serverError && this.success && !this.$slots['success-modal'];\r\n      },\r\n      successModal() {\r\n        return !this.requiredError && !this.invalidError && !this.serverError && this.success && this.$slots['success-modal'] && this.$slots['success-modal'].length > 0;\r\n      }\r\n    },\r\n    watch: {\r\n      emailAddress(newVal) {\r\n        if (!newVal) {\r\n          this.emailAddress = '';\r\n          this.messageDirty = false;\r\n          this.serverError = false;\r\n          this.serverErrorMessage = '';\r\n          this.success = false;\r\n          this.successMessage = '';\r\n        }\r\n      },\r\n      successModal() {\r\n        if (this.successModal) {\r\n          this.openSuccessModal();\r\n        }\r\n      }\r\n    },\r\n    mounted() {\r\n      if (this.recaptcha) {\r\n        this.loadRecaptchaOnInput(this.$refs.form, this.recaptcha.siteKey);\r\n      }\r\n\r\n      /* istanbul ignore next */\r\n      window.addEventListener('resize', throttle(() => {\r\n        this.smallScreen = !window.matchMedia('(min-width: 1100px)').matches;\r\n      }, 100));\r\n    },\r\n    methods: {\r\n      async submit() {\r\n        this.messageDirty = true;\r\n\r\n        if (this.requiredError || this.invalidError) {\r\n          this.$refs.emailField.focus();\r\n          return;\r\n        }\r\n\r\n        const requestBody = {\r\n          emailAddress: this.emailAddress,\r\n          dataSourceId: this.dataSourceId\r\n        };\r\n\r\n        if (this.recaptcha) {\r\n          requestBody.recaptchaToken = await this.generateToken(this.recaptcha.siteKey);\r\n        }\r\n\r\n        if (this.apiParams) {\r\n          requestBody.apiParams = this.apiParams;\r\n        }\r\n\r\n        fetch(this.apiUrl, {\r\n          method: 'POST',\r\n          headers: { 'Content-Type': 'application/json;charset=utf-8' },\r\n          credentials: 'same-origin',\r\n          body: JSON.stringify(requestBody)\r\n        })\r\n          .then(this.parseJSON)\r\n          .then(data => {\r\n            if (this.recaptcha && !data.recaptchaSuccess) {\r\n              this.recaptchaError = true;\r\n              return;\r\n            }\r\n            if (data.error) {\r\n              this.serverError = true;\r\n              this.serverErrorMessage = data.errorMessage ? data.errorMessage : this.ddmErrorMessage;\r\n              return;\r\n            } else {\r\n              this.success = true;\r\n              this.successMessage = this.ddmSucessMessage;\r\n              this.sendEvent();\r\n            }\r\n          })\r\n          .catch(error => {\r\n            console.error('Could not load answer', error); // eslint-disable-line no-console\r\n          });\r\n      },\r\n      sendEvent() {\r\n        eventBus.$emit('newsletter-form-sent');\r\n        this.sendTaggingEvent();\r\n      },\r\n      sendTaggingEvent() {\r\n        AnalyticsHandler.pushDataLayer(this.submitTagging);\r\n      },\r\n      dirtyMessage() {\r\n        this.serverError = false;\r\n        this.messageDirty = true;\r\n      },\r\n      parseJSON(response) {\r\n        return response.json();\r\n      },\r\n      openSuccessModal() {\r\n        if (this.smallScreen) {\r\n          return;\r\n        }\r\n        this.$nextTick(() => {\r\n          smoothScroll(document.querySelector('.modal--open'));\r\n        });\r\n      },\r\n      closeSuccessModal() {\r\n        this.success = false;\r\n      }\r\n    }\r\n  };\r\n</script>\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsletterForm.vue?vue&type=template&id=64e3e1c2&\"\nimport script from \"./NewsletterForm.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsletterForm.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.open && !_vm.isInternetExplorer()),expression:\"open && !isInternetExplorer()\"}],class:['newsletter-form', 'newsletter-form-styles', 'newsletter-form--toaster', { 'newsletter-form--toaster-focused' : _vm.focused}],on:{\"click\":function($event){return _vm.toasterFocused()}}},[_c('button',{staticClass:\"newsletter-form--toaster__close-button\",on:{\"click\":function($event){return _vm.closeModal()}}},[_c('span',{staticClass:\"is-sr-only\"},[_vm._v(_vm._s(_vm.closeIconAlt))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.displaySuccess),expression:\"!displaySuccess\"}]},[_vm._t(\"default\"),_c('form',{ref:\"form\"},[_c('div',{staticClass:\"form-group\"},[_c('label',[_c('span',{staticClass:\"is-sr-only\"},[_vm._v(_vm._s(_vm.inputPlaceholder))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emailAddress),expression:\"emailAddress\"},{name:\"tag\",rawName:\"v-tag:useractionevent.dom\",arg:\"useractionevent\",modifiers:{\"dom\":true}}],ref:\"emailField\",staticClass:\"input-text\",attrs:{\"id\":(\"newsletter-toaster-\" + _vm.fieldId),\"type\":\"text\",\"name\":\"newsletter\",\"aria-describedby\":(\"newsletter-toaster-errors-\" + _vm.fieldId),\"aria-invalid\":_vm.invalidError ? 'true' : 'false',\"placeholder\":_vm.inputPlaceholder,\"data-tag-wrapper\":\"\",\"event\":\"useractionevent\",\"dom\":\"true\",\"data-tag-category\":_vm.inputTagging.eventCategory,\"data-tag-label\":_vm.inputTagging.eventLabel,\"data-tag-action\":_vm.inputTagging.eventAction},domProps:{\"value\":(_vm.emailAddress)},on:{\"change\":_vm.dirtyMessage,\"input\":function($event){if($event.target.composing){ return; }_vm.emailAddress=$event.target.value}}})]),_c('div',{class:['errors-log', { 'errors-log--show' : _vm.requiredError || _vm.invalidError}],attrs:{\"id\":(\"newsletter-toaster-errors-\" + _vm.fieldId),\"aria-live\":\"polite\"}},[_c('div',{class:['message error', {'message--show': _vm.requiredError}]},[(_vm.requiredError)?_c('span',[_vm._v(_vm._s(_vm.requiredErrorMessage))]):_vm._e()]),_c('div',{class:['message error', {'message--show': !_vm.requiredError && _vm.invalidError}]},[(!_vm.requiredError && _vm.invalidError)?_c('span',[_vm._v(_vm._s(_vm.invalidErrorMessage))]):_vm._e()]),_c('div',{class:['message error', {'message--show': !(_vm.requiredError && _vm.invalidError) && _vm.serverError}]},[(!(_vm.requiredError && _vm.invalidError) && _vm.serverError)?_c('span',[_vm._v(_vm._s(_vm.serverErrorMessage))]):_vm._e()])]),_c('button',{staticClass:\"btn btn--primary\",on:{\"click\":function($event){$event.preventDefault();return _vm.submit.apply(null, arguments)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.submitBtnLabel)+\"\\n        \")])])]),_vm._t(\"policy\"),(_vm.recaptcha)?_c('div',{staticClass:\"recaptcha\"},[_vm._t(\"recaptcha-branding\"),(_vm.recaptchaError)?_c('div',{staticClass:\"recaptcha__error field-validation-error\"},[_vm._t(\"recaptcha-error\")],2):_vm._e()],2):_vm._e()],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.displaySuccess),expression:\"displaySuccess\"}]},[_c('svg',{staticClass:\"icon check\",attrs:{\"viewBox\":\"0 0 100 100\"}},[_c('span',{staticClass:\"is-sr-only\"},[_vm._v(_vm._s(_vm.successIconAlt))]),_c('use',{attrs:{\"xlink:href\":\"#check\"}})]),_vm._t(\"success\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-show=\"open && !isInternetExplorer()\"\r\n    :class=\"['newsletter-form', 'newsletter-form-styles', 'newsletter-form--toaster', { 'newsletter-form--toaster-focused' : focused}]\"\r\n    @click=\"toasterFocused()\"\r\n  >\r\n    <button\r\n      class=\"newsletter-form--toaster__close-button\"\r\n      @click=\"closeModal()\"\r\n    >\r\n      <span class=\"is-sr-only\">{{ closeIconAlt }}</span>\r\n    </button>\r\n    <div v-show=\"!displaySuccess\">\r\n      <slot />\r\n      <form ref=\"form\">\r\n        <div class=\"form-group\">\r\n          <label>\r\n            <span class=\"is-sr-only\">{{ inputPlaceholder }}</span>\r\n            <input\r\n              :id=\"`newsletter-toaster-${fieldId}`\"\r\n              ref=\"emailField\"\r\n              v-model=\"emailAddress\"\r\n              v-tag:useractionevent.dom\r\n              type=\"text\"\r\n              name=\"newsletter\"\r\n              class=\"input-text\"\r\n              :aria-describedby=\"`newsletter-toaster-errors-${fieldId}`\"\r\n              :aria-invalid=\"invalidError ? 'true' : 'false'\"\r\n              :placeholder=\"inputPlaceholder\"\r\n              data-tag-wrapper\r\n              event=\"useractionevent\"\r\n              dom=\"true\"\r\n              :data-tag-category=\"inputTagging.eventCategory\"\r\n              :data-tag-label=\"inputTagging.eventLabel\"\r\n              :data-tag-action=\"inputTagging.eventAction\"\r\n              @change=\"dirtyMessage\"\r\n            >\r\n          </label>\r\n          <div\r\n            :id=\"`newsletter-toaster-errors-${fieldId}`\"\r\n            aria-live=\"polite\"\r\n            :class=\"['errors-log', { 'errors-log--show' : requiredError || invalidError}]\"\r\n          >\r\n            <div :class=\"['message error', {'message--show': requiredError}]\">\r\n              <span v-if=\"requiredError\">{{ requiredErrorMessage }}</span>\r\n            </div>\r\n            <div :class=\"['message error', {'message--show': !requiredError && invalidError}]\">\r\n              <span v-if=\"!requiredError && invalidError\">{{ invalidErrorMessage }}</span>\r\n            </div>\r\n            <div :class=\"['message error', {'message--show': !(requiredError && invalidError) && serverError}]\">\r\n              <span v-if=\"!(requiredError && invalidError) && serverError\">{{ serverErrorMessage }}</span>\r\n            </div>\r\n          </div>\r\n          <button\r\n            class=\"btn btn--primary\"\r\n            @click.prevent=\"submit\"\r\n          >\r\n            {{ submitBtnLabel }}\r\n          </button>\r\n        </div>\r\n      </form>\r\n      <slot name=\"policy\" />\r\n      <div\r\n        v-if=\"recaptcha\"\r\n        class=\"recaptcha\"\r\n      >\r\n        <slot name=\"recaptcha-branding\" />\r\n        <div\r\n          v-if=\"recaptchaError\"\r\n          class=\"recaptcha__error field-validation-error\"\r\n        >\r\n          <slot name=\"recaptcha-error\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-show=\"displaySuccess\">\r\n      <svg\r\n        class=\"icon check\"\r\n        viewBox=\"0 0 100 100\"\r\n      >\r\n        <span class=\"is-sr-only\">{{ successIconAlt }}</span>\r\n        <use xlink:href=\"#check\" />\r\n      </svg>\r\n      <slot name=\"success\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { AnalyticsHandler } from '@Foundation/analyticsHandler';\r\n  import { tag } from '@Foundation/analyticsHandler/directives/tag';\r\n  import { eventBus } from '@Foundation/eventbus/eventbus';\r\n  import { srcset } from '@Foundation/directives/srcset/srcset';\r\n  import { isInternetExplorer } from '@Foundation/utilities/isInternetExplorer';\r\n  import { recaptcha } from '@Foundation/mixins/recaptcha';\r\n  import regex from '@Foundation/utilities/regex';\r\n  export default {\r\n    name: 'NewsletterFormToaster',\r\n    directives: {\r\n      srcset,\r\n      tag\r\n    },\r\n    mixins: [recaptcha],\r\n    props: {\r\n      apiUrl: { type: String, required: true },\r\n      dataSourceId: { type: String, required: true },\r\n      inputPlaceholder: { type: String, required: true },\r\n      submitBtnLabel: { type: String, required: true },\r\n      requiredErrorMessage: { type: String, required: true },\r\n      invalidErrorMessage: { type: String, required: true },\r\n      ddmErrorMessage: { type: String, required: true },\r\n      inputTagging: { type: Object, required: true },\r\n      submitTagging: { type: Object, required: true },\r\n      closeIconAlt: { type: String, required: false, default: 'Close' },\r\n      successIconAlt: { type: String, required: false, default: 'Success' },\r\n      cookieDependency: {\r\n        type: String,\r\n        required: false,\r\n        default: ''\r\n      },\r\n      delaySeconds: {\r\n        type: Number,\r\n        required: false,\r\n        default: 3\r\n      },\r\n      fieldId: { type: String, default: () => {\r\n        const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n          const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);\r\n          return v.toString(16);\r\n        });\r\n\r\n        return `search-field-${uuid}`;\r\n      }\r\n      },\r\n      recaptcha: { type: Object, required: false, default: undefined }\r\n    },\r\n    data() {\r\n      return {\r\n        smallScreen: !window.matchMedia('(min-width: 1025px)').matches,\r\n        emailAddress: '',\r\n        messageDirty: false,\r\n        serverError: false,\r\n        serverErrorMessage: '',\r\n        success: false,\r\n        canOpen: false,\r\n        open: false,\r\n        timeout: null,\r\n        displaySuccess: false,\r\n        focused: false,\r\n        recaptchaError: false\r\n      };\r\n    },\r\n    computed: {\r\n      requiredError() {\r\n        return this.emailAddress === '' && this.messageDirty;\r\n      },\r\n      invalidError() {\r\n        return !regex.emailAddressRegex.test(this.emailAddress) && this.messageDirty;\r\n      },\r\n      shouldDisplay() {\r\n        if (this.smallScreen) {\r\n          if (this.focused) {\r\n            return true;\r\n          }\r\n          return false;\r\n        }\r\n        return true;\r\n      }\r\n    },\r\n    watch: {\r\n      emailAddress(newVal) {\r\n        if (!newVal) {\r\n          this.emailAddress = '';\r\n          this.messageDirty = false;\r\n          this.serverError = false;\r\n          this.serverErrorMessage = '';\r\n          this.success = false;\r\n        }\r\n      }\r\n    },\r\n    mounted() {\r\n      this.checkIfShouldShow();\r\n      this.showModalIfCookieIsClosed();\r\n\r\n      eventBus.$on('newsletter-form-sent', () => {\r\n        this.displaySuccess = true;\r\n      });\r\n      if (this.recaptcha) {\r\n        this.loadRecaptchaOnInput(this.$refs.form, this.recaptcha.siteKey);\r\n      }\r\n    },\r\n    methods: {\r\n      isInternetExplorer,\r\n      async submit() {\r\n        this.messageDirty = true;\r\n\r\n        if (this.requiredError || this.invalidError) {\r\n          this.$refs.emailField.focus();\r\n          return;\r\n        }\r\n\r\n        const requestBody = {\r\n          emailAddress: this.emailAddress,\r\n          dataSourceId: this.dataSourceId\r\n        };\r\n        \r\n        if (this.recaptcha) {\r\n          requestBody.recaptchaToken = await this.generateToken(this.recaptcha.siteKey);\r\n        }\r\n\r\n        fetch(this.apiUrl, {\r\n          method: 'POST',\r\n          headers: { 'Content-Type': 'application/json;charset=utf-8' },\r\n          credentials: 'same-origin',\r\n          body: JSON.stringify(requestBody)\r\n        })\r\n          .then(this.parseJSON)\r\n          .then(data => {\r\n            if (this.recaptcha && !data.recaptchaSuccess) {\r\n              this.recaptchaError = true;\r\n              return;\r\n            }\r\n            if (data.error) {\r\n              this.serverError = true;\r\n              this.serverErrorMessage = data.errorMessage ? data.errorMessage : this.ddmErrorMessage;\r\n              return;\r\n            } else {\r\n              this.success = true;\r\n              this.sendEvent();\r\n            }\r\n          })\r\n          .catch(error => {\r\n            console.error('Could not load answer', error); // eslint-disable-line no-console\r\n          });\r\n      },\r\n      sendEvent() {\r\n        eventBus.$emit('newsletter-form-sent');\r\n        this.sendTaggingEvent();\r\n      },\r\n      sendTaggingEvent() {\r\n        AnalyticsHandler.pushDataLayer(this.submitTagging);\r\n      },\r\n      dirtyMessage() {\r\n        this.serverError = false;\r\n        this.messageDirty = true;\r\n      },\r\n      parseJSON(response) {\r\n        return response.json();\r\n      },\r\n      showModalIfCookieIsClosed() {\r\n        if (!this.canOpen) {\r\n          return;\r\n        }\r\n\r\n        this.loop(0, 1000, 600);\r\n      },\r\n      loop(index, limit, count) {\r\n        /* istanbul ignore next */\r\n        const hasCookieDependency = this.cookieDependency.length > 0;\r\n\r\n        if (hasCookieDependency) {\r\n          const cookieDependencyExists = this.getCookie(this.cookieDependency) !== null;\r\n          if (cookieDependencyExists) {\r\n            this.timeout = clearTimeout(this.loop, limit, index, limit, count);\r\n            this.showPopupAfterDelay();\r\n          } else {\r\n            this.tryToLoop(index, limit, count);\r\n          }\r\n        } else {\r\n          this.timeout = clearTimeout(this.loop, limit, index, limit, count);\r\n          this.showPopupAfterDelay();\r\n        }\r\n      },\r\n      tryToLoop(index, limit, count) {\r\n        if (index >= count) {\r\n          return;\r\n        }\r\n\r\n        index++;\r\n        this.timeout = setTimeout(this.loop, limit, index, limit, count);\r\n      },\r\n      showPopupAfterDelay() {\r\n        setTimeout(() => {\r\n          this.openModal();\r\n        }, this.delaySeconds * 1000);\r\n      },\r\n      openModal() {\r\n        this.open = true;\r\n      },\r\n      closeModal() {\r\n        this.open = false;\r\n        localStorage.setItem('newsletterPopupClosed', true);\r\n      },\r\n      checkIfShouldShow() {\r\n        this.canOpen = localStorage.getItem('newsletterPopupClosed') !== 'true';\r\n      },\r\n      /* istanbul ignore next */\r\n      getCookie (name) {\r\n        const nameEQ = name + '=';\r\n        const ca = document.cookie.split(';');\r\n        for (let i = 0; i < ca.length; i++) {\r\n          let c = ca[i];\r\n          while (c.charAt(0) === ' ') {\r\n            c = c.substring(1,c.length);\r\n          }\r\n          if (c.indexOf(nameEQ) === 0) {\r\n            return c.substring(nameEQ.length,c.length);\r\n          }\r\n        }\r\n        return null;\r\n      },\r\n      toasterFocused() {\r\n        this.focused = true;\r\n      }\r\n    }\r\n  };\r\n</script>\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterFormToaster.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterFormToaster.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsletterFormToaster.vue?vue&type=template&id=b744a268&\"\nimport script from \"./NewsletterFormToaster.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsletterFormToaster.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","import { VueModule } from '@Foundation/utilities';\r\nimport NewsletterForm from './code/Scripts/components/NewsletterForm/NewsletterForm.vue';\r\nimport NewsletterFormToaster from './code/Scripts/components/NewsletterFormToaster/NewsletterFormToaster.vue';\r\n\r\nexport default VueModule({\r\n  components: {\r\n    NewsletterForm,\r\n    NewsletterFormToaster  }\r\n});\r\n","/* eslint-disable consistent-this */\r\n\r\nexport function isInternetExplorer() {\r\n\r\n  var ua = window.navigator.userAgent;\r\n  var msie = ua.indexOf('MSIE ');\r\n\r\n  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./)) {\r\n    return true;\r\n  }\r\n  return false;\r\n}\r\n"],"sourceRoot":""}