{"version":3,"sources":["webpack:///./src/CVI/WebCore/components/SignUp.vue?41a3","webpack:///src/CVI/WebCore/components/SignUp.vue","webpack:///./src/CVI/WebCore/components/SignUp.vue?a897","webpack:///./src/CVI/WebCore/components/SignUp.vue","webpack:///./src/CVIDesignSystem/src/assets/svg/icons/stroke/email-action-unread.svg","webpack:///./src/CVI/WebCore/components/FormErrorLine.vue?8a67","webpack:///src/CVI/WebCore/components/FormErrorLine.vue","webpack:///./src/CVI/WebCore/components/FormErrorLine.vue?92e3","webpack:///./src/CVI/WebCore/components/FormErrorLine.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","preventDefault","submitForm","_v","_s","model","heading","iconCircleCheck","domProps","successfulSubscriptionText","unSubscribeInfoText","unSubscribeLink","url","text","_e","unexpectedErrorText","resetSignUpForm","tryAgainText","success","error","iconEmail","directives","name","rawName","value","expression","class","emailInvalid","emailValid","emailPlaceholder","onInputBlur","target","composing","email","emailVerificationError","_l","key","mailings","length","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","iconCheck","mailingListsShown","termsValid","terms","acceptText","termsModal","acceptTextLink","consentVerificationError","subscribeButtonLabel","callback","consentText","staticRenderFns","components","Icon","FormErrorLine","Modal","props","type","Object","required","blockId","Number","data","computed","isValid","validateEmail","mailingLists","valid","keys","mounted","fillCheckboxes","methods","emailAddress","test","component","publicPath","symbolUrl","viewUrl","module","exports","symbol","view","viewBox","title","toString","JSON","stringify","iconAlert","String","default"],"mappings":"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","file":"js/chunk-c4efd30e.c52442dd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:\"c-sign-up u-flex u-flex-justify-center u-flex-direction-column u-flex-align-center o-content-box\",attrs:{\"novalidate\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.submitForm($event)}}},[_c('h2',{staticClass:\"u-text-align--center\"},[_vm._v(\" \"+_vm._s(_vm.model.heading)+\" \")]),(_vm.success)?[_c('Icon',{staticClass:\"u-mb--xs\",attrs:{\"icon\":_vm.iconCircleCheck,\"size\":32,\"fill\":'success'}}),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.model.successfulSubscriptionText)}}),(_vm.model.unSubscribeInfoText)?_c('p',{staticClass:\"u-m--0\"},[_vm._v(\" \"+_vm._s(_vm.model.unSubscribeInfoText)+\" \"),(_vm.model.unSubscribeLink)?_c('a',{staticClass:\"u-text-underline\",attrs:{\"href\":_vm.model.unSubscribeLink.url}},[_vm._v(\" \"+_vm._s(_vm.model.unSubscribeLink.text)+\" \")]):_vm._e(),_vm._v(\". \")]):_vm._e()]:_vm._e(),(_vm.error)?[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.model.unexpectedErrorText)}}),_c('p',{staticClass:\"u-m--0\"},[_c('span',{staticClass:\"u-text-underline\",on:{\"click\":function($event){return _vm.resetSignUpForm()}}},[_vm._v(\" \"+_vm._s(_vm.model.tryAgainText)+\" \")])])]:_vm._e(),(!_vm.success && !_vm.error)?[_c('div',{staticClass:\"c-text-input-container u-width-100 u-width-450\"},[_c('Icon',{staticClass:\"c-sign-up__icon\",attrs:{\"icon\":_vm.iconEmail,\"size\":16,\"stroke\":\"black\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"c-text-input c-sign-up__email u-max-width-100\",class:{\n          'c-text-input--error': _vm.emailInvalid,\n          'c-text-input--success': _vm.emailValid\n        },attrs:{\"placeholder\":_vm.model.emailPlaceholder,\"type\":\"email\"},domProps:{\"value\":(_vm.email)},on:{\"blur\":function($event){return _vm.onInputBlur()},\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}}),(_vm.emailInvalid)?_c('FormErrorLine',{staticClass:\"u-mt--s u-mb--xs\",attrs:{\"text\":_vm.model.emailVerificationError}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mailingListsShown),expression:\"mailingListsShown\"}],staticClass:\"u-flex u-flex-justify-center u-flex-align-center u-flex-wrap u-flex-justify-start@mobile u-mb--m u-mb--l@mobile\"},_vm._l((_vm.model.mailingLists),function(key,value){return _c('div',{key:value,staticClass:\"c-checkbox u-mr--s u-mt--s\",class:{'c-checkbox--error': !_vm.mailings.length}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.mailings),expression:\"mailings\"}],staticClass:\"c-checkbox__input\",attrs:{\"id\":value,\"type\":\"checkbox\"},domProps:{\"value\":value,\"checked\":Array.isArray(_vm.mailings)?_vm._i(_vm.mailings,value)>-1:(_vm.mailings)},on:{\"change\":function($event){var $$a=_vm.mailings,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=value,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.mailings=$$a.concat([$$v]))}else{$$i>-1&&(_vm.mailings=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.mailings=$$c}}}}),_c('label',{staticClass:\"c-checkbox__label\",attrs:{\"for\":value}},[_vm._v(\" \"+_vm._s(key)+\" \")]),_c('span',{staticClass:\"c-checkbox-icon\"},[_c('Icon',{attrs:{\"icon\":_vm.iconCheck}})],1)])}),0),_c('div',{staticClass:\"u-flex u-flex-justify-center u-flex-align-center\",class:{\n        'u-mt--m': !_vm.mailingListsShown\n      }},[_c('div',{staticClass:\"c-checkbox-container\"},[_c('div',{staticClass:\"c-checkbox\",class:{'c-checkbox--error': !_vm.termsValid}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.terms),expression:\"terms\"}],staticClass:\"c-checkbox__input\",attrs:{\"id\":\"check\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.terms)?_vm._i(_vm.terms,null)>-1:(_vm.terms)},on:{\"change\":[function($event){var $$a=_vm.terms,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.terms=$$a.concat([$$v]))}else{$$i>-1&&(_vm.terms=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.terms=$$c}},function($event){_vm.termsValid = _vm.terms}]}}),_c('label',{staticClass:\"c-checkbox__label\",attrs:{\"for\":\"check\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.model.acceptText)+\" \"),(_vm.model.consentText)?_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.termsModal = !_vm.termsModal}}},[_vm._v(\" \"+_vm._s(_vm.model.acceptTextLink)+\" \")]):_vm._e()])]),_c('span',{staticClass:\"c-checkbox-icon\"},[_c('Icon',{attrs:{\"icon\":_vm.iconCheck}})],1)]),(!_vm.termsValid)?_c('FormErrorLine',{staticClass:\"c-checkbox__validate-message u-mt--s u-mb--xs\",attrs:{\"text\":_vm.model.consentVerificationError}}):_vm._e()],1),_c('button',{staticClass:\"c-button c-button--dark u-ml--s u-flex-shrink-0\"},[_vm._v(\" \"+_vm._s(_vm.model.subscribeButtonLabel)+\" \")])]),_c('Modal',{attrs:{\"title\":\"\",\"is-title-centered\":false},model:{value:(_vm.termsModal),callback:function ($$v) {_vm.termsModal=$$v},expression:\"termsModal\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.model.consentText)}})])]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <form\r\n    class=\"c-sign-up u-flex u-flex-justify-center u-flex-direction-column u-flex-align-center o-content-box\"\r\n    novalidate\r\n    @submit.prevent=\"submitForm\"\r\n  >\r\n    <h2 class=\"u-text-align--center\">\r\n      {{ model.heading }}\r\n    </h2>\r\n    <template v-if=\"success\">\r\n      <Icon\r\n        class=\"u-mb--xs\"\r\n        :icon=\"iconCircleCheck\"\r\n        :size=\"32\"\r\n        :fill=\"'success'\"\r\n      />\r\n      <div v-html=\"model.successfulSubscriptionText\"></div>\r\n      <p\r\n        v-if=\"model.unSubscribeInfoText\"\r\n        class=\"u-m--0\"\r\n      >\r\n        {{ model.unSubscribeInfoText }}\r\n        <a\r\n          v-if=\"model.unSubscribeLink\"\r\n          class=\"u-text-underline\"\r\n          :href=\"model.unSubscribeLink.url\"\r\n        >\r\n          {{ model.unSubscribeLink.text }}\r\n        </a>.\r\n      </p>\r\n    </template>\r\n    <template v-if=\"error\">\r\n      <div v-html=\"model.unexpectedErrorText\"></div>\r\n      <p class=\"u-m--0\">\r\n        <span\r\n          class=\"u-text-underline\"\r\n          @click=\"resetSignUpForm()\"\r\n        >\r\n          {{ model.tryAgainText }}\r\n        </span>\r\n      </p>\r\n    </template>\r\n    <template v-if=\"!success && !error\">\r\n      <div class=\"c-text-input-container u-width-100 u-width-450\">\r\n        <Icon\r\n          :icon=\"iconEmail\"\r\n          :size=\"16\"\r\n          stroke=\"black\"\r\n          class=\"c-sign-up__icon\"\r\n        />\r\n        <input\r\n          v-model=\"email\"\r\n          :class=\"{\r\n            'c-text-input--error': emailInvalid,\r\n            'c-text-input--success': emailValid\r\n          }\"\r\n          class=\"c-text-input c-sign-up__email u-max-width-100\"\r\n          :placeholder=\"model.emailPlaceholder\"\r\n          type=\"email\"\r\n          @blur=\"onInputBlur()\"\r\n        >\r\n        <FormErrorLine\r\n          v-if=\"emailInvalid\"\r\n          class=\"u-mt--s u-mb--xs\"\r\n          :text=\"model.emailVerificationError\"\r\n        />\r\n      </div>\r\n      <div\r\n        v-show=\"mailingListsShown\"\r\n        class=\"u-flex u-flex-justify-center u-flex-align-center u-flex-wrap u-flex-justify-start@mobile u-mb--m u-mb--l@mobile\"\r\n      >\r\n        <div\r\n          v-for=\"(key, value) in model.mailingLists\"\r\n          :key=\"value\"\r\n          class=\"c-checkbox u-mr--s u-mt--s\"\r\n          :class=\"{'c-checkbox--error': !mailings.length}\"\r\n        >\r\n          <input\r\n            :id=\"value\"\r\n            v-model=\"mailings\"\r\n            :value=\"value\"\r\n            class=\"c-checkbox__input\"\r\n            type=\"checkbox\"\r\n          >\r\n          <label\r\n            class=\"c-checkbox__label\"\r\n            :for=\"value\"\r\n          >\r\n            {{ key }}\r\n          </label>\r\n          <span class=\"c-checkbox-icon\">\r\n            <Icon\r\n              :icon=\"iconCheck\"\r\n            />\r\n          </span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"u-flex u-flex-justify-center u-flex-align-center\"\r\n        :class=\"{\r\n          'u-mt--m': !mailingListsShown\r\n        }\"\r\n      >\r\n        <div class=\"c-checkbox-container\">\r\n          <div\r\n            class=\"c-checkbox\"\r\n            :class=\"{'c-checkbox--error': !termsValid}\"\r\n          >\r\n            <input\r\n              id=\"check\"\r\n              v-model=\"terms\"\r\n              class=\"c-checkbox__input\"\r\n              type=\"checkbox\"\r\n              @change=\"termsValid = terms\"\r\n            >\r\n            <label\r\n              class=\"c-checkbox__label\"\r\n              for=\"check\"\r\n            >\r\n              <span>\r\n                {{ model.acceptText }}\r\n                <a\r\n                  v-if=\"model.consentText\"\r\n                  href=\"#\"\r\n                  @click.prevent=\"termsModal = !termsModal\"\r\n                >\r\n                  {{ model.acceptTextLink }}\r\n                </a>\r\n              </span>\r\n            </label>\r\n            <span class=\"c-checkbox-icon\">\r\n              <Icon\r\n                :icon=\"iconCheck\"\r\n              />\r\n            </span>\r\n          </div>\r\n          <FormErrorLine\r\n            v-if=\"!termsValid\"\r\n            class=\"c-checkbox__validate-message u-mt--s u-mb--xs\"\r\n            :text=\"model.consentVerificationError\"\r\n          />\r\n        </div>\r\n        <button\r\n          class=\"c-button c-button--dark u-ml--s u-flex-shrink-0\"\r\n        >\r\n          {{ model.subscribeButtonLabel }}\r\n        </button>\r\n      </div>\r\n      <Modal\r\n        v-model=\"termsModal\"\r\n        title=\"\"\r\n        :is-title-centered=\"false\"\r\n      >\r\n        <div v-html=\"model.consentText\"></div>\r\n      </Modal>\r\n    </template>\r\n  </form>\r\n</template>\r\n\r\n<script>\r\nimport iconEmail from '@ds/svg/icons/stroke/email-action-unread.svg'\r\nimport iconCheck from '@ds/svg/icons/bold/check-1-bold.svg'\r\nimport iconCircleCheck from '@ds/svg/icons/bold/check-circle-1-bold.svg'\r\nimport Icon from '@/CVI/WebCore/components/Icon.vue'\r\nimport FormErrorLine from '@/CVI/WebCore/components/FormErrorLine.vue'\r\nimport Modal from '@/CVI/WebCore/components/Modal.vue'\r\nimport api from '@/CVI/WebCore/lib/api'\r\n\r\nexport default {\r\n  components: {\r\n    Icon,\r\n    FormErrorLine,\r\n    Modal\r\n  },\r\n  props: {\r\n    model: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    blockId: {\r\n      type: Number,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      iconEmail,\r\n      iconCheck,\r\n      iconCircleCheck,\r\n      success: false,\r\n      error: false,\r\n      emailInvalid: false,\r\n      emailValid: false,\r\n      termsValid: true,\r\n      email: '',\r\n      terms: false,\r\n      termsModal: false,\r\n      mailings: []\r\n    }\r\n  },\r\n  computed: {\r\n    isValid() {\r\n      let valid = false\r\n      if (!!this.terms && this.validateEmail() && this.model.mailingLists == null) {\r\n        valid = true\r\n      }\r\n      if (this.model.mailingLists != null) {\r\n        valid = !!this.mailings.length && !!this.terms && this.validateEmail()\r\n      }\r\n      return valid\r\n    },\r\n    mailingListsShown() {\r\n      return this.model.mailingLists != null && Object.keys(this.model.mailingLists).length > 1\r\n    }\r\n  },\r\n  mounted() {\r\n    this.fillCheckboxes()\r\n  },\r\n  methods: {\r\n    validateEmail() {\r\n      const emailAddress = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\r\n      this.emailInvalid = !emailAddress.test(this.email)\r\n      this.emailValid = emailAddress.test(this.email)\r\n      return emailAddress.test(this.email)\r\n    },\r\n    onInputBlur() {\r\n      if (this.email === '') {\r\n        this.emailInvalid = false\r\n      } else {\r\n        this.validateEmail()\r\n      }\r\n    },\r\n    resetSignUpForm() {\r\n      this.email = ''\r\n      this.terms = false\r\n      this.error = false\r\n      this.emailValid = false\r\n    },\r\n    fillCheckboxes() {\r\n      if (this.model.mailingLists != null) {\r\n        this.mailings = Object.keys(this.model.mailingLists)\r\n      }\r\n    },\r\n    async submitForm() {\r\n      if (this.isValid) {\r\n        await api.signUp.subscribe({\r\n          blockId: this.blockId,\r\n          email: this.email,\r\n          mailingLists: this.mailings\r\n        })\r\n          .then(() => {\r\n            this.success = true\r\n          })\r\n          .catch((error) => {\r\n            if (error.response) {\r\n              this.error = true\r\n            }\r\n          })\r\n      } else {\r\n        this.termsValid = this.terms\r\n        this.validateEmail()\r\n      }\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!./SignUp.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!./SignUp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignUp.vue?vue&type=template&id=071c069a&\"\nimport script from \"./SignUp.vue?vue&type=script&lang=js&\"\nexport * from \"./SignUp.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 publicPath = __webpack_public_path__;\n            var symbolUrl = 'img/sprite.57d38946.svg#icon-email-action-unread';\n            var viewUrl = 'img/sprite.57d38946.svg#view-icon-email-action-unread';\n\n            \n\n            module.exports = {\n                symbol: publicPath + symbolUrl,\n                view: publicPath + viewUrl,\n                viewBox: '0 0 24 24',\n                title: 'email-action-unread',\n                toString: function () {\n                    return JSON.stringify(this.view);\n                }\n            };","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-error-message u-flex-inline u-flex-align-center\"},[_c('Icon',{staticClass:\"u-mr--xs\",attrs:{\"icon\":_vm.iconAlert,\"size\":16,\"fill\":\"error\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"c-error-message u-flex-inline u-flex-align-center\"\r\n  >\r\n    <Icon\r\n      :icon=\"iconAlert\"\r\n      :size=\"16\"\r\n      fill=\"error\"\r\n      class=\"u-mr--xs\"\r\n    />\r\n    {{ text }}\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport iconAlert from '@ds/svg/icons/bold/alert-circle-bold.svg'\r\nimport Icon from '@/CVI/WebCore/components/Icon.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Icon\r\n  },\r\n  props: {\r\n    text: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      iconAlert\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!./FormErrorLine.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!./FormErrorLine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormErrorLine.vue?vue&type=template&id=7b2801f3&\"\nimport script from \"./FormErrorLine.vue?vue&type=script&lang=js&\"\nexport * from \"./FormErrorLine.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":""}