{"version":3,"sources":["webpack:///./src/CVI/WebCore/components/ClearOnCoupon.vue?e06d","webpack:///./src/CVI/WebCore/components/ClearOnCoupon.vue?7c65","webpack:///./src/CVI/WebCore/lib/validation.js","webpack:///src/CVI/WebCore/components/ClearOnCoupon.vue","webpack:///./src/CVI/WebCore/components/ClearOnCoupon.vue?11f7","webpack:///./src/CVI/WebCore/components/ClearOnCoupon.vue","webpack:///./src/CVI/WebCore/components/ClearOnCoupon.vue?fe74","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":["module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","_v","_s","successfulMessageText","_e","isDisabled","isCouponTaken","attrs","on","onSubmit","model","useEmail","directives","name","rawName","value","expression","class","notValidPhone","phoneNumberPlaceholder","domProps","$event","target","composing","phoneNumber","iconEmail","notValidEmail","emailPlaceholder","email","submitErrorText","emailVerificationError","phoneNumberVerificationError","$mq","Array","isArray","termsAccepted","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","consentText","stopPropagation","showTermsConditions","consentTextLink","iconCheck","termsAndConditionsVerificationError","isLoading","key","darkForeground","buttonText","disabledCampaignMessageText","couponAlreadyTakenErrorText","callback","isModalVisible","termsAndConditions","disableRecaptcha","reCaptchaSiteKey","sendRequest","staticRenderFns","isValidEmail","emailAddress","test","components","Modal","Icon","Recaptcha","FormErrorLine","Loader","props","type","Object","required","Boolean","data","checkboxError","submitSuccess","submitError","disableCampaign","userHasCoupon","watch","mounted","trackImpression","methods","validatePhoneNumber","length","reg","root","rootMargin","threshold","event","couponPlacement","window","gtmData","pageType","component","publicPath","symbolUrl","viewUrl","symbol","view","viewBox","title","toString","JSON","stringify","iconAlert","text","String","default"],"mappings":"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","file":"js/chunk-7aa63ca7.27fd68cb.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"black\":\"#384241\",\"darkGray\":\"#737a7a\",\"mediumGray\":\"#afb3b3\",\"lightGray\":\"#ebecec\",\"offWhite\":\"#f9f9f9\",\"white\":\"#fff\",\"success\":\"#19a413\",\"error\":\"#d63649\",\"warning\":\"#f7c137\",\"raised\":\"0 1px 2px rgba(0,0,0,.2)\",\"overlay\":\"0 4px 8px rgba(0,0,0,.2)\",\"modal\":\"0 12px 24px rgba(0,0,0,.2)\",\"small\":\"4px\",\"medium\":\"12px\",\"large\":\"24px\",\"x-large\":\"32px\"};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"c-clear-on-coupon\"},[(_vm.submitSuccess)?[(_vm.submitSuccess)?_c('div',{staticClass:\"c-alert c-alert--success u-width-320\"},[_vm._v(\" \"+_vm._s(_vm.successfulMessageText)+\" \")]):_vm._e()]:[(!_vm.isDisabled && !_vm.isCouponTaken)?_c('form',{staticClass:\"c-clear-on-coupon__form\",attrs:{\"novalidate\":\"true\"},on:{\"submit\":_vm.onSubmit}},[_c('div',{staticClass:\"u-flex u-flex-align-start u-flex-shrink-0 u-flex-direction-column@mobile u-mb--m u-flex-wrap\"},[_c('div',{staticClass:\"c-clear-on-coupon__form-col u-flex u-flex-align-start u-flex-direction-column u-mr--s u-text-align--left\"},[(!_vm.model.useEmail)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],staticClass:\"c-text-input c-clear-on-coupon__form-input u-themeable-border-color\",class:{\n              'c-text-input--error': _vm.notValidPhone\n            },attrs:{\"type\":\"tel\",\"placeholder\":_vm.model.phoneNumberPlaceholder,\"name\":\"phone\",\"required\":\"\",\"pattern\":\"[0-9]{10}\"},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phoneNumber=$event.target.value}}}):_vm._e(),(_vm.model.useEmail)?_c('div',{staticClass:\"c-text-input-container u-width-100\"},[_c('Icon',{staticClass:\"c-text-input__icon u-ml--s\",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-clear-on-coupon__form-input c-text-input--icon u-themeable-border-color\",class:{\n                'c-text-input--error': _vm.notValidEmail\n              },attrs:{\"type\":\"email\",\"placeholder\":_vm.model.emailPlaceholder,\"name\":\"email\",\"required\":\"\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}})],1):_vm._e(),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.submitError)?_c('FormErrorLine',{staticClass:\"u-mt--s u-mb--xs\",attrs:{\"text\":_vm.submitErrorText}}):_vm._e(),(_vm.notValidEmail)?_c('FormErrorLine',{staticClass:\"u-mt--s u-mb--xs\",attrs:{\"text\":_vm.model.emailVerificationError}}):_vm._e(),(_vm.notValidPhone)?_c('FormErrorLine',{staticClass:\"u-mt--s u-mb--xs\",attrs:{\"text\":_vm.model.phoneNumberVerificationError}}):_vm._e()],1)],1),_c('div',{staticClass:\"c-clear-on-coupon__checbox-wrap u-flex-1 u-flex-align-start u-flex-direction-column u-mt--m@mobile  u-mt--s u-text-align--left\",class:{\n            'u-ml--a': _vm.$mq == 'desktop'\n          }},[_c('div',{staticClass:\"c-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.termsAccepted),expression:\"termsAccepted\"}],staticClass:\"c-checkbox__input\",attrs:{\"id\":\"clear-on-terms\",\"required\":\"\",\"type\":\"checkbox\",\"name\":\"clear-on-terms\"},domProps:{\"checked\":Array.isArray(_vm.termsAccepted)?_vm._i(_vm.termsAccepted,null)>-1:(_vm.termsAccepted)},on:{\"change\":function($event){var $$a=_vm.termsAccepted,$$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.termsAccepted=$$a.concat([$$v]))}else{$$i>-1&&(_vm.termsAccepted=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.termsAccepted=$$c}}}}),_c('label',{staticClass:\"c-checkbox__label u-mr--xs u-themeable-border-color\",attrs:{\"for\":\"clear-on-terms\"}},[_vm._v(\" \"+_vm._s(_vm.model.consentText)+\" \")]),_c('span',{staticClass:\"c-clear-on-coupon__terms u-text-underline\",on:{\"click\":function($event){$event.stopPropagation();return _vm.showTermsConditions($event)}}},[_vm._v(_vm._s(_vm.model.consentTextLink))]),_c('span',{staticClass:\"c-checkbox-icon\"},[_c('Icon',{attrs:{\"icon\":_vm.iconCheck}})],1)]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.checkboxError)?_c('FormErrorLine',{staticClass:\"u-mt--s u-mb--xs\",attrs:{\"text\":_vm.model.termsAndConditionsVerificationError}}):_vm._e()],1)],1)]),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.isLoading)?_c('button',{key:\"button\",staticClass:\"c-button\",class:{\n            'c-button--dark': _vm.darkForeground,\n            'c-button--dark-inverted u-themeable-color': !_vm.darkForeground,\n\n          }},[_vm._v(\" \"+_vm._s(_vm.model.buttonText)+\" \")]):_c('Loader',{key:\"loader\",staticClass:\"u-ml--a u-mr--a\",attrs:{\"size\":\"medium\",\"color\":\"medium-gray\"}})],1)],1):_vm._e(),(_vm.isDisabled)?_c('div',{staticClass:\"c-clear-on-coupon--disabled__text u-font-size-large\"},[_vm._v(\" \"+_vm._s(_vm.model.disabledCampaignMessageText)+\" \")]):_vm._e(),(_vm.isCouponTaken)?_c('div',{staticClass:\"c-clear-on-coupon--disabled__text u-font-size-large\"},[_vm._v(\" \"+_vm._s(_vm.model.couponAlreadyTakenErrorText)+\" \")]):_vm._e()],_c('Modal',{staticClass:\"u-text-black\",attrs:{\"is-title-centered\":false},model:{value:(_vm.isModalVisible),callback:function ($$v) {_vm.isModalVisible=$$v},expression:\"isModalVisible\"}},[_c('div',{staticClass:\"u-rich-text\",domProps:{\"innerHTML\":_vm._s(_vm.model.termsAndConditions)}})]),(!_vm.model.disableRecaptcha)?_c('Recaptcha',{ref:\"recaptchaform\",attrs:{\"sitekey\":_vm.model.reCaptchaSiteKey},on:{\"submit\":_vm.sendRequest}}):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default function isValidEmail(email) {\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  return emailAddress.test(email)\r\n}\r\n","<template>\r\n  <div\r\n    ref=\"container\"\r\n    class=\"c-clear-on-coupon\"\r\n  >\r\n    <template v-if=\"submitSuccess\">\r\n      <div\r\n        v-if=\"submitSuccess\"\r\n        class=\"c-alert c-alert--success u-width-320\"\r\n      >\r\n        {{ successfulMessageText }}\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <form\r\n        v-if=\"!isDisabled && !isCouponTaken\"\r\n        class=\"c-clear-on-coupon__form\"\r\n        novalidate=\"true\"\r\n        @submit=\"onSubmit\"\r\n      >\r\n        <div class=\"u-flex u-flex-align-start u-flex-shrink-0 u-flex-direction-column@mobile u-mb--m u-flex-wrap\">\r\n          <div class=\"c-clear-on-coupon__form-col u-flex u-flex-align-start u-flex-direction-column u-mr--s u-text-align--left\">\r\n            <input\r\n              v-if=\"!model.useEmail\"\r\n              v-model=\"phoneNumber\"\r\n              type=\"tel\"\r\n              :placeholder=\"model.phoneNumberPlaceholder\"\r\n              name=\"phone\"\r\n              required\r\n              pattern=\"[0-9]{10}\"\r\n              class=\"c-text-input c-clear-on-coupon__form-input u-themeable-border-color\"\r\n              :class=\"{\r\n                'c-text-input--error': notValidPhone\r\n              }\"\r\n            >\r\n            <div\r\n              v-if=\"model.useEmail\"\r\n              class=\"c-text-input-container u-width-100\"\r\n            >\r\n              <Icon\r\n                :icon=\"iconEmail\"\r\n                :size=\"16\"\r\n                class=\"c-text-input__icon u-ml--s\"\r\n                stroke=\"black\"\r\n              />\r\n              <input\r\n                v-model=\"email\"\r\n                type=\"email\"\r\n                :placeholder=\"model.emailPlaceholder\"\r\n                name=\"email\"\r\n                required\r\n                class=\"c-text-input c-clear-on-coupon__form-input c-text-input--icon u-themeable-border-color\"\r\n                :class=\"{\r\n                  'c-text-input--error': notValidEmail\r\n                }\"\r\n              >\r\n            </div>\r\n            <transition\r\n              name=\"fade\"\r\n            >\r\n              <FormErrorLine\r\n                v-if=\"submitError\"\r\n                class=\"u-mt--s u-mb--xs\"\r\n                :text=\"submitErrorText\"\r\n              />\r\n              <FormErrorLine\r\n                v-if=\"notValidEmail\"\r\n                class=\"u-mt--s u-mb--xs\"\r\n                :text=\"model.emailVerificationError\"\r\n              />\r\n              <FormErrorLine\r\n                v-if=\"notValidPhone\"\r\n                class=\"u-mt--s u-mb--xs\"\r\n                :text=\"model.phoneNumberVerificationError\"\r\n              />\r\n            </transition>\r\n          </div>\r\n          <div\r\n            class=\"c-clear-on-coupon__checbox-wrap u-flex-1 u-flex-align-start u-flex-direction-column u-mt--m@mobile  u-mt--s u-text-align--left\"\r\n            :class=\"{\r\n              'u-ml--a': $mq == 'desktop'\r\n            }\"\r\n          >\r\n            <div\r\n              class=\"c-checkbox\"\r\n            >\r\n              <input\r\n                id=\"clear-on-terms\"\r\n                v-model=\"termsAccepted\"\r\n                required\r\n                type=\"checkbox\"\r\n                name=\"clear-on-terms\"\r\n                class=\"c-checkbox__input\"\r\n              >\r\n              <label\r\n                for=\"clear-on-terms\"\r\n                class=\"c-checkbox__label u-mr--xs u-themeable-border-color\"\r\n              >\r\n                {{ model.consentText }}\r\n              </label>\r\n              <span\r\n                class=\"c-clear-on-coupon__terms u-text-underline\"\r\n                @click.stop=\"showTermsConditions\"\r\n              >{{ model.consentTextLink }}</span>\r\n              <span class=\"c-checkbox-icon\">\r\n                <Icon\r\n                  :icon=\"iconCheck\"\r\n                />\r\n              </span>\r\n            </div>\r\n            <transition\r\n              name=\"fade\"\r\n            >\r\n              <FormErrorLine\r\n                v-if=\"checkboxError\"\r\n                class=\"u-mt--s u-mb--xs\"\r\n                :text=\"model.termsAndConditionsVerificationError\"\r\n              />\r\n            </transition>\r\n          </div>\r\n        </div>\r\n        <transition\r\n          name=\"fade\"\r\n          mode=\"out-in\"\r\n        >\r\n          <button\r\n            v-if=\"!isLoading\"\r\n            key=\"button\"\r\n            class=\"c-button\"\r\n            :class=\"{\r\n              'c-button--dark': darkForeground,\r\n              'c-button--dark-inverted u-themeable-color': !darkForeground,\r\n\r\n            }\"\r\n          >\r\n            {{ model.buttonText }}\r\n          </button>\r\n          <Loader\r\n            v-else\r\n            key=\"loader\"\r\n            class=\"u-ml--a u-mr--a\"\r\n            size=\"medium\"\r\n            color=\"medium-gray\"\r\n          />\r\n        </transition>\r\n      </form>\r\n      <div\r\n        v-if=\"isDisabled\"\r\n        class=\"c-clear-on-coupon--disabled__text u-font-size-large\"\r\n      >\r\n        {{ model.disabledCampaignMessageText }}\r\n      </div>\r\n      <div\r\n        v-if=\"isCouponTaken\"\r\n        class=\"c-clear-on-coupon--disabled__text u-font-size-large\"\r\n      >\r\n        {{ model.couponAlreadyTakenErrorText }}\r\n      </div>\r\n    </template>\r\n    <Modal\r\n      v-model=\"isModalVisible\"\r\n      :is-title-centered=\"false\"\r\n      class=\"u-text-black\"\r\n    >\r\n      <div class=\"u-rich-text\" v-html=\"model.termsAndConditions\" />\r\n    </Modal>\r\n    <Recaptcha\r\n      v-if=\"!model.disableRecaptcha\"\r\n      ref=\"recaptchaform\"\r\n      :sitekey=\"model.reCaptchaSiteKey\"\r\n      @submit=\"sendRequest\"\r\n    />\r\n  </div>\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 Icon from '@/CVI/WebCore/components/Icon.vue'\r\nimport Modal from '@/CVI/WebCore/components/Modal.vue'\r\nimport FormErrorLine from '@/CVI/WebCore/components/FormErrorLine.vue'\r\nimport Recaptcha from '@/CVI/WebCore/components/Recaptcha.vue'\r\nimport api from '@/CVI/WebCore/lib/api'\r\nimport viewPortDetect from '@/CVI/WebCore/lib/in-viewport-detect'\r\nimport isValidEmail from '@/CVI/WebCore/lib/validation'\r\nimport Loader from '@/CVI/WebCore/components/Loader.vue'\r\nimport tracker from '@/CVI/WebCore/core-tracker'\r\n\r\nexport default {\r\n  components: {\r\n    Modal,\r\n    Icon,\r\n    Recaptcha,\r\n    FormErrorLine,\r\n    Loader\r\n  },\r\n  props: {\r\n    model: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    darkForeground: {\r\n      type: Boolean,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isModalVisible: false,\r\n      isLoading: false,\r\n      iconCheck,\r\n      iconEmail,\r\n      phoneNumber: '',\r\n      email: '',\r\n      notValidPhone: false,\r\n      notValidEmail: false,\r\n      checkboxError: false,\r\n      termsAccepted: false,\r\n      submitSuccess: false,\r\n      successfulMessageText: '',\r\n      submitError: false,\r\n      submitErrorText: '',\r\n      isDisabled: this.model.disableCampaign,\r\n      isCouponTaken: this.model.userHasCoupon\r\n    }\r\n  },\r\n  watch: {\r\n    termsAccepted() {\r\n      this.checkboxError = false\r\n    },\r\n    email() {\r\n      this.notValidEmail = false\r\n    },\r\n    phoneNumber() {\r\n      this.notValidPhone = false\r\n    }\r\n  },\r\n  mounted() {\r\n    this.trackImpression()\r\n  },\r\n  methods: {\r\n    showTermsConditions() {\r\n      this.isModalVisible = true\r\n    },\r\n    validatePhoneNumber() {\r\n      const { phoneNumber } = this\r\n      const { phoneNumberPlaceholder } = this.model\r\n      const { length } = phoneNumberPlaceholder\r\n\r\n      const reg = /^\\d+$/\r\n      if (phoneNumber.length == length && reg.test(phoneNumber)) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n    trackImpression() {\r\n      const observeOptions = {\r\n        root: null,\r\n        rootMargin: '0px 0px 0px 0px',\r\n        threshold: 0.8\r\n      }\r\n      viewPortDetect.inViewport(this.$refs.container, () => {\r\n        tracker.track({\r\n          event: 'couponImpression',\r\n          couponPlacement: window.gtmData.pageType\r\n        })\r\n      }, observeOptions)\r\n    },\r\n    async sendRequest(token) {\r\n      const { blockId, useEmail, unexpectedErrorText } = this.model\r\n      const { phoneNumber, email } = this\r\n\r\n      this.isLoading = true\r\n      try {\r\n        const { data } = await api.couponCode.clearon({\r\n          blockId,\r\n          phoneNumber,\r\n          email,\r\n          useEmail,\r\n          token\r\n        })\r\n        if (data.code != 200) {\r\n          this.submitErrorText = data.message\r\n          this.submitError = true\r\n          tracker.track({\r\n            event: 'digitalCoupon',\r\n            couponStatus: 'error'\r\n          })\r\n        } else {\r\n          this.successfulMessageText = data.message\r\n          this.submitSuccess = true\r\n          tracker.track({\r\n            event: 'digitalCoupon',\r\n            couponStatus: 'success'\r\n          })\r\n        }\r\n      } catch (e) {\r\n        this.submitErrorText = unexpectedErrorText\r\n        this.submitError = true\r\n        tracker.track({\r\n          event: 'digitalCoupon',\r\n          couponStatus: 'error'\r\n        })\r\n      }\r\n      this.isLoading = false\r\n    },\r\n    async onSubmit(e) {\r\n      e.preventDefault()\r\n      const { email } = this\r\n\r\n      let isValid = true\r\n      if (!this.termsAccepted) {\r\n        this.checkboxError = true\r\n        isValid = false\r\n      }\r\n\r\n      if (this.model.useEmail) {\r\n        if (!isValidEmail(email)) {\r\n          this.notValidEmail = true\r\n          isValid = false\r\n        }\r\n      } else if (!this.validatePhoneNumber()) {\r\n        this.notValidPhone = true\r\n        isValid = false\r\n      }\r\n\r\n      if (!isValid) {\r\n        return\r\n      }\r\n      if (!this.model.disableRecaptcha) {\r\n        this.$refs.recaptchaform.verify()\r\n      } else {\r\n        await this.sendRequest(null)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@use '@/CVI/WebCore/scss/clear-on-coupon.scss';\r\n</style>\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!./ClearOnCoupon.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!./ClearOnCoupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClearOnCoupon.vue?vue&type=template&id=323aa450&\"\nimport script from \"./ClearOnCoupon.vue?vue&type=script&lang=js&\"\nexport * from \"./ClearOnCoupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClearOnCoupon.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClearOnCoupon.vue?vue&type=style&index=0&lang=scss&\"","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":""}