{"version":3,"sources":["webpack:///./src/components/lnb/mypooq/Coupon.vue?3215","webpack:///./src/assets/svg/common/tag-using.svg","webpack:///src/components/lnb/mypooq/Coupon.vue","webpack:///./src/components/lnb/mypooq/Coupon.vue?cf2d","webpack:///./src/components/lnb/mypooq/Coupon.vue","webpack:///./src/components/lnb/mypooq/Coupon.vue?2e57"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","device","directives","name","rawName","value","expression","attrs","infinite-scroll-distance","infinite-scroll-throttle-delay","_v","for","type","id","placeholder","domProps","couponCode","on","input","$event","target","keyup","checkCodeCount","click","preventDefault","toggleCouponNotice","_e","couponNoticeOpen","_m","class","enableCouponRegisterButton","href","registCoupon","tabType","changeTabType","info-text","getEmptyText","showEmptyList","_l","coupon","index","key","coinCouponCalss","status","_s","couponname","enddate","couponstate","description","usable","coupontype","useCoupon","couponnumber","staticRenderFns","tag_using","functional","data","style","staticStyle","xmlns","width","height","fill","fill-rule","stroke","d","font-family","font-size","x","y","TAB_TYPE_HAVING","TAB_TYPE_USED","Couponvue_type_script_lang_js_","components","IconUp","ic_up_p","IconDown","ic_down_p","MyPooqEmptyList","TagUsing","infiniteScroll","couponList","offset","limit","loading","utils","cookies","getDevice","methods","_this","code","trim","length","api_service","myCouponRegister","then","_ref2","Object","asyncToGenerator","regeneratorRuntime","mark","_callee","_ref","wrap","_context","prev","next","coupontypeid","asyncConfirm","constant","sent","$router","push","window","location","reload","alert","stop","_x","apply","arguments","concat","e","couponNumber","_this2","myCouponActivate","$nextTick","loadMore","endOfList","setData","_this3","api","getMyCouponList","orderby","_ref3","resList","lodash","watch","_this4","mypooq_Couponvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Coupon_vue_vue_type_style_index_0_id_0352cc14_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Coupon_vue_vue_type_style_index_0_id_0352cc14_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-60263c81.22e2f9ac.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-pooq-content-body\"},[(_vm.device !== 'ios')?_c('div',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.loadMore),expression:\"loadMore\"}],staticClass:\"mypooq-list\",attrs:{\"infinite-scroll-distance\":200,\"infinite-scroll-throttle-delay\":200}},[_c('div',{staticClass:\"coupon-register\"},[_c('h4',{staticClass:\"mypooq-title\"},[_vm._v(\"wavve 쿠폰 등록\")]),_c('label',{staticClass:\"a11y-hidden\",attrs:{\"for\":\"coupon-register\"}},[_vm._v(\"쿠폰등록\")]),_c('input',{attrs:{\"type\":\"text\",\"id\":\"coupon-register\",\"placeholder\":\"쿠폰번호를 입력해 주세요\"},domProps:{\"value\":_vm.couponCode},on:{\"input\":function($event){_vm.couponCode = $event.target.value},\"keyup\":_vm.checkCodeCount}}),_c('p',{staticClass:\"coupon-notice\"},[_vm._v(\"쿠폰번호에 숫자 0,1은 없습니다. 영문자 O,I와 혼동하지 않도록\\n          유의해주세요.\")]),_c('div',{staticClass:\"coupon-exclamation\"},[_c('button',{staticClass:\"btn-coupon-exclamation\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleCouponNotice($event)}}},[_c('span',[_vm._v(\"쿠폰 등록 시 꼭 확인하세요!\")]),(_vm.couponNoticeOpen)?_c('IconUp'):_vm._e(),(!_vm.couponNoticeOpen)?_c('IconDown'):_vm._e()],1),(_vm.couponNoticeOpen)?_c('ul',{staticClass:\"coupon-exclamation-list\"},[_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3)]):_vm._e()]),_c('a',{class:_vm.enableCouponRegisterButton ? 'register-link on' : 'register-link',attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.registCoupon($event)}}},[_c('span',[_vm._v(\"쿠폰 등록\")])])]),_c('div',{staticClass:\"select-box\"},[_c('ul',[_c('li',{class:_vm.tabType === 'having' ? 'on' : '',on:{\"click\":function($event){$event.preventDefault();return (function (){ return _vm.changeTabType('having'); })($event)}}},[_vm._v(\"보유 쿠폰\")]),_c('li',{class:_vm.tabType === 'used' ? 'on' : '',on:{\"click\":function($event){$event.preventDefault();return (function (){ return _vm.changeTabType('used'); })($event)}}},[_vm._v(\"소진 쿠폰\")])])]),(_vm.showEmptyList)?_c('my-pooq-empty-list',{attrs:{\"info-text\":_vm.getEmptyText()}}):_vm._e(),(!_vm.showEmptyList)?_c('ul',{staticClass:\"coin-coupon-list\"},_vm._l((_vm.couponList),function(coupon,index){return _c('li',{key:'coupon_' + index,class:_vm.coinCouponCalss(coupon.status)},[_c('span',{staticClass:\"coin-coupon-info\"},[(coupon.status === '이용중')?_c('TagUsing'):_vm._e(),_c('span',{staticClass:\"coin-coupon-title\"},[_vm._v(_vm._s(coupon.couponname))]),(_vm.tabType === 'having')?_c('span',{staticClass:\"end-date\"},[_vm._v(\"유효기간 \"),_c('i',{staticClass:\"icon-dotted\"}),_vm._v(\" \"+_vm._s(coupon.enddate))]):_vm._e(),(_vm.tabType === 'used')?_c('span',{staticClass:\"reason\"},[_vm._v(_vm._s(coupon.couponstate)),_c('i',{staticClass:\"icon-dotted\"}),_vm._v(\" \"+_vm._s(coupon.enddate))]):_vm._e(),_c('span',{staticClass:\"reason\"},[_vm._v(\"지급 사유 \"),_c('i',{staticClass:\"icon-dotted\"}),_vm._v(\" \"+_vm._s(coupon.description))])],1),(coupon.usable === 'y' && coupon.coupontype === 'voucher')?_c('button',{staticClass:\"link-coupon\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return (function (){ return _vm.useCoupon(coupon.couponnumber); })($event)}}},[_vm._v(\"사용하기\")]):_vm._e()])}),0):_vm._e()],1):_vm._e(),(_vm.device === 'ios')?_c('div',{staticClass:\"mypooq-list\"},[_c('my-pooq-empty-list',{attrs:{\"info-text\":\"쿠폰 등록과 사용은<br>웨이브 홈페이지에서 이용 가능합니다.\"}})],1):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('span',[_vm._v(\"쿠폰으로 지급되는 상품은 기존 보유 상품과 중복되어 적용되므로 가급적 이용중인 상품이 만료 된 뒤에 쿠폰을 사용해 주세요.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('span',[_vm._v(\"유효기간이 지난 쿠폰은 등록하실 수 없습니다.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('span',[_vm._v(\"등록하신 쿠폰은 환불되지 않습니다.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('span',[_vm._v(\"쿠폰은 상업적 용도로 사용하거나 매매하실 수 없습니다.\")])])}]\n\nexport { render, staticRenderFns }","\n      export default {\n        functional: true,\n        render: \n      function render(_h, _vm) {\n        var _c=_vm._c;return _c('svg',{class:[_vm.data.class, _vm.data.staticClass],style:([_vm.data.style, _vm.data.staticStyle]),attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"45\",\"height\":\"18\"}},[_c('g',{attrs:{\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('path',{attrs:{\"stroke\":\"#3887FF\",\"d\":\"M.5.5v17h44V.5H.5z\"}}),_c('text',{attrs:{\"fill\":\"#3887FF\",\"font-family\":\"NotoSansCJKkr-Regular, Noto Sans CJK KR\",\"font-size\":\"10\"}},[_c('tspan',{attrs:{\"x\":\"8.7\",\"y\":\"13\"}},[_vm._v(\"이용중\")])])])])\n      }\n    \n      }\n    ","<template>\n  <div class=\"my-pooq-content-body\">\n    <div class=\"mypooq-list\"\n         v-infinite-scroll=\"loadMore\"\n         :infinite-scroll-distance=\"200\"\n         :infinite-scroll-throttle-delay=\"200\"\n         v-if=\"device !== 'ios'\">\n        <div class=\"coupon-register\">\n          <h4 class=\"mypooq-title\">wavve 쿠폰 등록</h4>\n          <label for=\"coupon-register\" class=\"a11y-hidden\">쿠폰등록</label>\n          <input type=\"text\" id=\"coupon-register\" placeholder=\"쿠폰번호를 입력해 주세요\"\n                 :value=\"couponCode\"\n                 v-on:input=\"couponCode = $event.target.value\" v-on:keyup=\"checkCodeCount\"\n          >\n          <p class=\"coupon-notice\">쿠폰번호에 숫자 0,1은 없습니다. 영문자 O,I와 혼동하지 않도록\n            유의해주세요.</p>\n          <div class=\"coupon-exclamation\">\n            <button type=\"button\" class=\"btn-coupon-exclamation\" @click.prevent=\"toggleCouponNotice\">\n              <span>쿠폰 등록 시 꼭 확인하세요!</span>\n              <IconUp v-if=\"couponNoticeOpen\"/>\n              <IconDown v-if=\"!couponNoticeOpen\"/>\n            </button>\n            <ul class=\"coupon-exclamation-list\" v-if=\"couponNoticeOpen\">\n              <li><span>쿠폰으로 지급되는 상품은 기존 보유 상품과 중복되어 적용되므로 가급적 이용중인 상품이 만료 된 뒤에 쿠폰을 사용해 주세요.</span></li>\n              <li><span>유효기간이 지난 쿠폰은 등록하실 수 없습니다.</span></li>\n              <li><span>등록하신 쿠폰은 환불되지 않습니다.</span></li>\n              <li><span>쿠폰은 상업적 용도로 사용하거나 매매하실 수 없습니다.</span></li>\n            </ul>\n          </div>\n          <a href=\"#\" :class=\"enableCouponRegisterButton ? 'register-link on' : 'register-link'\" @click.prevent=\"registCoupon\">\n            <span>쿠폰 등록</span>\n          </a>\n        </div>\n        <div class=\"select-box\">\n          <ul>\n            <li :class=\"tabType === 'having' ? 'on' : ''\" @click.prevent=\"()=>changeTabType('having')\">보유 쿠폰</li>\n            <li :class=\"tabType === 'used' ? 'on' : ''\" @click.prevent=\"()=>changeTabType('used')\">소진 쿠폰</li>\n          </ul>\n        </div>\n        <my-pooq-empty-list v-if=\"showEmptyList\"\n                            :info-text=\"getEmptyText()\"></my-pooq-empty-list>\n          <ul class=\"coin-coupon-list\" v-if=\"!showEmptyList\">\n            <li v-for=\"(coupon, index) in couponList\" :class=\"coinCouponCalss(coupon.status)\" :key=\"'coupon_' + index\">\n              <span class=\"coin-coupon-info\">\n                <TagUsing v-if=\"coupon.status === '이용중'\"/>\n                <span class=\"coin-coupon-title\">{{coupon.couponname}}</span>\n                <span class=\"end-date\" v-if=\"tabType === 'having'\">유효기간 <i class=\"icon-dotted\"></i> {{coupon.enddate}}</span>\n                <span class=\"reason\" v-if=\"tabType === 'used'\">{{coupon.couponstate}}<i class=\"icon-dotted\"></i> {{coupon.enddate}}</span>\n                <span class=\"reason\">지급 사유 <i class=\"icon-dotted\"></i> {{coupon.description}}</span>\n              </span>\n              <button type=\"button\" class=\"link-coupon\"\n                      v-if=\"coupon.usable === 'y' && coupon.coupontype === 'voucher'\"\n                      @click.prevent=\"()=>useCoupon(coupon.couponnumber)\"\n              >사용하기</button>\n            </li>\n          </ul>\n      </div>\n      <div class=\"mypooq-list\" v-if=\"device === 'ios'\">\n        <my-pooq-empty-list info-text=\"쿠폰 등록과 사용은<br>웨이브 홈페이지에서 이용 가능합니다.\"></my-pooq-empty-list>\n      </div>\n  </div>\n</template>\n\n<script>\nimport IconUp from '@/assets/svg/common/ic-up-p.svg'\nimport IconDown from '@/assets/svg/common/ic-down-p.svg'\nimport MyPooqEmptyList from '@/components/lnb/mypooq/MyPooqEmptyList'\nimport { MyPooqService } from '@/common/api/api.service'\nimport { get } from 'lodash'\nimport { infiniteScroll } from '@/common/directives'\nimport TagUsing from '@/assets/svg/common/tag-using.svg'\nimport { MSG_MOVING_MYPOOQ_COIN, MSG_MYPOOQ_COUPON_COMPLETE, MSG_MYPOOQ_COUPON_NO_VALUE } from '@/common/constant'\nimport utils from '@/common/util/utils'\n\nconst TAB_TYPE_HAVING = 'having'\nconst TAB_TYPE_USED = 'used'\n\nexport default {\n  name: 'Coupon',\n  components: {\n    IconUp,\n    IconDown,\n    MyPooqEmptyList,\n    TagUsing\n  },\n  directives: {\n    infiniteScroll\n  },\n  data () {\n    return {\n      showEmptyList: false,\n      tabType: 'having',\n      couponNoticeOpen: false,\n      enableCouponRegisterButton: false,\n      couponCode: '',\n      couponList: [],\n      offset: 0,\n      limit: 20,\n      loading: false,\n      device: utils.cookies.getDevice()\n    }\n  },\n  methods: {\n    registCoupon () {\n      const code = this.couponCode.trim()\n      if (code.length === 0) {\n        utils.alert(MSG_MYPOOQ_COUPON_NO_VALUE)\n        return\n      }\n      MyPooqService.myCouponRegister({ couponnumber: code }).then(async ({ data }) => {\n        if (data.coupontypeid === '3') {\n          if (await utils.asyncConfirm(MSG_MOVING_MYPOOQ_COIN)) {\n            this.$router.push('/mypooq/coin')\n          } else {\n            window.location.reload(true)\n          }\n        } else {\n          utils.alert(MSG_MYPOOQ_COUPON_COMPLETE)\n          window.location.reload(true)\n        }\n      })\n    },\n    getEmptyText () {\n      return `${this.tabType === TAB_TYPE_HAVING ? '보유' : '소진된'} 쿠폰이 없어요.`\n    },\n    changeTabType (type) {\n      this.tabType = type\n    },\n    toggleCouponNotice () {\n      this.couponNoticeOpen = !this.couponNoticeOpen\n    },\n    checkCodeCount (e) {\n      const value = e.target.value\n      this.enableCouponRegisterButton = !!(value && value.length > 0)\n    },\n    useCoupon (couponNumber) {\n      MyPooqService.myCouponActivate({ couponnumber: couponNumber }).then(() => {\n        this.$nextTick(() => {\n          this.tabType = TAB_TYPE_USED\n        })\n      })\n    },\n    loadMore () {\n      if (this.endOfList) return\n      this.setData()\n    },\n    setData () {\n      if (this.loading) return\n      this.loading = true\n      let api = null\n      if (this.tabType === TAB_TYPE_HAVING) {\n        api = MyPooqService.getMyCouponList({\n          offset: this.offset,\n          limit: this.limit,\n          orderby: 'new',\n          coupontype: 'all',\n          status: 'y'\n        })\n      } else if (this.tabType === TAB_TYPE_USED) {\n        api = MyPooqService.getMyCouponList({\n          offset: this.offset,\n          limit: this.limit,\n          orderby: 'new',\n          coupontype: 'all',\n          status: 'n'\n        })\n      }\n      api.then(({ data }) => {\n        let resList = get(data, 'list', [])\n        this.endOfList = resList.length === 0\n        this.offset += this.limit\n        this.showEmptyList = this.couponList.length === 0 && resList.length === 0\n        this.couponList = this.couponList.concat(resList)\n        this.loading = false\n      })\n    },\n    coinCouponCalss (status) {\n      return this.tabType === TAB_TYPE_USED && status !== '이용중' ? 'coin-coupon-used' : ''\n    }\n  },\n  watch: {\n    tabType () {\n      this.couponList = []\n      this.showEmptyList = false\n      this.endOfList = false\n      this.offset = 0\n      this.$nextTick(() => {\n        this.setData()\n      })\n    }\n  }\n}\n</script>\n\n<style scoped>\n.coupon-exclamation-list li:before{\n  content: \"\\B7\";\n  display: inline-block;\n  width: 10px;\n  color: #5e5e5e;\n  text-align: center;\n  vertical-align: top;\n}\n.coupon-exclamation-list li span{\n  display: inline-block;\n  width: calc(100% - 10px);\n  font-size: 12px;\n  line-height: 1.5em;\n}\n.coin-coupon-used{\n  opacity: 0.6\n}\n/*.coin-coupon-used span{*/\n/*  color: #777*/\n/*}*/\ninput:focus::-webkit-input-placeholder{ /* WebKit browsers */ color:transparent; }\ninput:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }\ninput:focus::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:transparent; }\ninput:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent}\n\n.coin-coupon-info svg{\n  margin-bottom: 10px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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!./Coupon.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/@vue/cli-plugin-babel/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!./Coupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Coupon.vue?vue&type=template&id=0352cc14&scoped=true&\"\nimport script from \"./Coupon.vue?vue&type=script&lang=js&\"\nexport * from \"./Coupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Coupon.vue?vue&type=style&index=0&id=0352cc14&scoped=true&lang=css&\"\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  \"0352cc14\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Coupon.vue?vue&type=style&index=0&id=0352cc14&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Coupon.vue?vue&type=style&index=0&id=0352cc14&scoped=true&lang=css&\""],"sourceRoot":""}